:root{--rpx:calc(min(100vw, 480px) / 750)}.studio-page{height:100%}.studio-page .workbench{max-width:480px}:is(html:has(.studio-page),body:has(.studio-page)){height:100%;overflow:hidden}body:has(.studio-page){color:#101a2f;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-size:calc(26 * var(--rpx));background:#fff8ec}.studio-toast{z-index:999;color:#fffdf7;pointer-events:none;background:#101a2fdb;border-radius:12px;max-width:80vw;padding:14px 22px;font-size:14px;font-weight:700;position:fixed;bottom:12%;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #101a2f47}page{color:#101a2f;height:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-size:calc(26 * var(--rpx));background:#fff8ec;overflow:hidden}button{box-sizing:border-box;border-radius:calc(22 * var(--rpx));color:#101a2f;font-size:calc(26 * var(--rpx));background:#fffdf7;border:0;justify-content:center;align-items:center;margin:0;padding:0;font-weight:700;line-height:1.2;display:flex}button:after{border:0}button[disabled]{opacity:.32}.workbench{box-sizing:border-box;grid-template-columns:minmax(0,1fr);grid-template-rows:calc(92 * var(--rpx)) calc(46 * var(--rpx)) minmax(0,1fr) auto;width:100%;max-width:480px;height:100vh;padding-right:calc(20 * var(--rpx));padding-left:calc(20 * var(--rpx));background:#fff8ec;margin:0 auto;display:grid;overflow:hidden}.canvas-header-bar{align-items:center;gap:calc(10 * var(--rpx));min-width:0;padding:calc(10 * var(--rpx)) 0;grid-area:1/1;display:flex}.header-back{width:auto;height:calc(54 * var(--rpx));padding:0 calc(16 * var(--rpx));border:calc(2 * var(--rpx)) solid #e2e8f0;border-radius:calc(16 * var(--rpx));font-size:calc(22 * var(--rpx));color:#101a2f;cursor:pointer;background:#fffdf7;justify-content:center;align-items:center;font-weight:700;display:flex}.tool-help-pill{align-items:center;gap:calc(8 * var(--rpx));min-width:0;padding:calc(6 * var(--rpx)) calc(14 * var(--rpx));border:calc(2 * var(--rpx)) solid #f2dfb9;border-radius:calc(18 * var(--rpx));color:#7b6a55;font-size:calc(18 * var(--rpx));white-space:nowrap;background:#fff2d5;display:flex;overflow:hidden}.tool-help-pill .strong{color:#101a2f;flex:none;font-weight:900}.tool-help-pill-text{text-overflow:ellipsis;overflow:hidden}.header-mode,.header-action{min-width:0;height:calc(64 * var(--rpx));gap:calc(6 * var(--rpx));padding:0 calc(10 * var(--rpx));border:calc(3 * var(--rpx)) solid #101a2f;border-radius:calc(32 * var(--rpx));font-size:calc(22 * var(--rpx));white-space:nowrap}.header-work,.header-focus{display:none}.header-action.primary{color:#fff;background:#101a2f}.header-import{background:#ffbd1b}.header-export{background:#fff}.header-mode.active,.header-action.active{background:#ffbd1b}.control-icon{width:calc(29 * var(--rpx));height:calc(29 * var(--rpx));display:block}.control-icon,.command-button img,.empty-icon{filter:brightness(0)saturate()}.header-action.primary .control-icon{filter:brightness(0)invert()}.upload-home{z-index:90;box-sizing:border-box;width:100%;max-width:480px;height:100vh;padding:calc(56 * var(--rpx)) calc(42 * var(--rpx)) calc(calc(150 * var(--rpx)) + env(safe-area-inset-bottom));color:#101a2f;background:#fbfcfe;grid-template-rows:auto minmax(0,1fr) auto auto;margin:0 auto;display:grid;position:fixed;inset:0}.upload-home-header{gap:calc(8 * var(--rpx));flex-direction:column;display:flex}.upload-home-brand{font-size:calc(42 * var(--rpx));letter-spacing:calc(2 * var(--rpx));font-weight:900}.upload-home-caption{color:#8d9aab;font-size:calc(22 * var(--rpx))}.upload-home-main{padding-bottom:calc(16 * var(--rpx));text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.upload-home-title{margin-top:calc(30 * var(--rpx));font-size:calc(36 * var(--rpx));font-weight:900}.upload-home-primary,.upload-home-secondary{width:calc(520 * var(--rpx));max-width:100%;height:calc(84 * var(--rpx));margin-top:calc(38 * var(--rpx));border:calc(3 * var(--rpx)) solid #101a2f;border-radius:calc(44 * var(--rpx));font-size:calc(29 * var(--rpx))}.upload-home-primary{color:#101a2f;box-shadow:0 calc(12 * var(--rpx)) calc(26 * var(--rpx)) #ffbd1b3d;background:#ffbd1b}.upload-home-secondary{margin-top:calc(18 * var(--rpx));background:#fff}.upload-home-flow{gap:calc(12 * var(--rpx));padding:calc(18 * var(--rpx));border:calc(2 * var(--rpx)) solid #e1e6ee;border-radius:calc(32 * var(--rpx));box-shadow:0 calc(10 * var(--rpx)) calc(26 * var(--rpx)) #101a2f12;background:#fff;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.upload-home-flow-item{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.upload-home-step{width:calc(66 * var(--rpx));height:calc(66 * var(--rpx));border:calc(2 * var(--rpx)) solid #ffd66d;border-radius:calc(24 * var(--rpx));background:#fff6d7;place-items:center;display:grid;position:relative}.upload-home-step img{width:calc(32 * var(--rpx));height:calc(32 * var(--rpx));filter:brightness(0)saturate()}.upload-home-step span{top:calc(-9 * var(--rpx));right:calc(-9 * var(--rpx));width:calc(28 * var(--rpx));height:calc(28 * var(--rpx));border:calc(3 * var(--rpx)) solid #fff;color:#101a2f;font-size:calc(16 * var(--rpx));background:#ffbd1b;border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute}.upload-home-flow-label{margin-top:calc(10 * var(--rpx));color:#2e3b50;font-size:calc(23 * var(--rpx));font-weight:800}.upload-home-flow-note{margin-top:calc(3 * var(--rpx));color:#9aa6b7;font-size:calc(17 * var(--rpx));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-home-privacy{margin-top:calc(20 * var(--rpx));color:#a1abba;font-size:calc(19 * var(--rpx));text-align:center}.tool-help{align-items:center;gap:calc(4 * var(--rpx));min-width:0;padding:calc(5 * var(--rpx)) calc(12 * var(--rpx));border:calc(2 * var(--rpx)) solid #f2dfb9;border-radius:calc(16 * var(--rpx));color:#7b6a55;font-size:calc(19 * var(--rpx));white-space:nowrap;background:#fff2d5;grid-area:2/1;display:grid;overflow:hidden}.tool-help-copy{align-items:center;gap:calc(8 * var(--rpx));min-width:0;display:flex;overflow:hidden}.tool-help .strong{color:#101a2f;flex:none}.tool-help-copy span{text-overflow:ellipsis;overflow:hidden}.canvas-bead-bar{align-items:stretch;gap:calc(12 * var(--rpx));grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.canvas-bead-summary{min-width:calc(112 * var(--rpx));padding:0 calc(2 * var(--rpx));color:#101a2f;background:0 0;flex-direction:column;justify-content:center;display:flex}.canvas-bead-summary-primary{font-size:calc(28 * var(--rpx));white-space:nowrap;font-weight:900;line-height:1.1}.canvas-bead-summary-secondary{margin-top:calc(8 * var(--rpx));color:#95a1b2;font-size:calc(19 * var(--rpx));white-space:nowrap;font-weight:800;line-height:1}.canvas-bead-list{align-items:stretch;gap:calc(9 * var(--rpx));min-width:0;display:flex;overflow-x:auto}.canvas-bead-card{width:calc(82 * var(--rpx));min-width:calc(82 * var(--rpx));height:calc(82 * var(--rpx));padding:calc(7 * var(--rpx)) calc(5 * var(--rpx));border-radius:calc(20 * var(--rpx));font-size:calc(16 * var(--rpx));box-shadow:none;border:0;grid-template-rows:1fr 1fr;place-items:center;display:grid}.canvas-bead-code{font-size:calc(15 * var(--rpx));font-weight:800}.canvas-bead-count{font-size:calc(25 * var(--rpx));font-weight:900}.canvas-bead-summary.active .canvas-bead-summary-primary{color:#d14831}.color-count-slider{z-index:40;bottom:calc(-92 * var(--rpx));left:calc(42 * var(--rpx));width:calc(104 * var(--rpx));align-items:center;gap:calc(8 * var(--rpx));flex-direction:column;display:flex;position:absolute}.color-count-limit.top{transform:translateX(calc(30 * var(--rpx)));position:relative}.color-count-limit{color:#4a5568;font-size:calc(27 * var(--rpx));text-shadow:0 calc(2 * var(--rpx)) calc(6 * var(--rpx)) #ffffffe6;font-weight:900;line-height:1.1}.color-count-track{width:calc(24 * var(--rpx));height:calc(272 * var(--rpx));pointer-events:none;position:relative}.color-count-track:before{content:"";width:calc(10 * var(--rpx));border-radius:calc(5 * var(--rpx));background:#e3e7ec;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.color-count-fill{width:calc(10 * var(--rpx));border-radius:calc(5 * var(--rpx));background:#ffbd1b;max-height:100%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.generating-hint{z-index:15;top:calc(20 * var(--rpx));align-items:center;gap:calc(12 * var(--rpx));padding:calc(12 * var(--rpx)) 26rem;padding:calc(12 * var(--rpx)) calc(26 * var(--rpx));border-radius:calc(34 * var(--rpx));color:#fffdf7;box-shadow:0 calc(10 * var(--rpx)) calc(26 * var(--rpx)) #101a2f4d;pointer-events:none;background:#101a2fc7;display:flex;position:absolute;left:50%;transform:translate(-50%)}.generating-hint-text{font-size:calc(22 * var(--rpx));letter-spacing:calc(2 * var(--rpx));font-weight:800;animation:1.2s ease-in-out infinite generating-pulse}.generating-hint-dots{align-items:flex-end;gap:calc(8 * var(--rpx));display:flex}.generating-dot{width:calc(12 * var(--rpx));height:calc(12 * var(--rpx));box-shadow:0 calc(3 * var(--rpx)) calc(6 * var(--rpx)) #ffbd1b66;background:#ffbd1b;border-radius:50%;animation:1s ease-in-out infinite generating-bounce}.generating-dot-two{animation-delay:.16s}.generating-dot-three{animation-delay:.32s}@keyframes generating-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(calc(-12 * var(--rpx)))}60%{transform:translateY(calc(-12 * var(--rpx))) scale(1.06,.94)}}@keyframes generating-pulse{0%,to{opacity:1}50%{opacity:.55}}.color-count-thumb{width:calc(52 * var(--rpx));height:calc(52 * var(--rpx));border:calc(3 * var(--rpx)) solid #101a2f;color:#101a2f;box-shadow:0 calc(3 * var(--rpx)) calc(8 * var(--rpx)) #101a2f29;font-size:calc(17 * var(--rpx));font-variant-numeric:tabular-nums;background:#ffbd1b;border-radius:50%;place-items:center;font-weight:900;line-height:1;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.canvas-workspace{z-index:5;isolation:isolate;grid-area:3/1;grid-template-columns:calc(72 * var(--rpx)) minmax(0,1fr);align-items:center;gap:calc(12 * var(--rpx));min-width:0;min-height:0;padding:calc(12 * var(--rpx));display:grid;position:relative;overflow:visible}.canvas-center{display:contents}.canvas-color-toolbar{z-index:20;box-sizing:border-box;width:calc(68 * var(--rpx));justify-content:flex-start;align-self:flex-start;align-items:center;gap:calc(7 * var(--rpx));max-height:100%;padding:calc(8 * var(--rpx)) calc(5 * var(--rpx));border-radius:calc(30 * var(--rpx));box-shadow:0 calc(8 * var(--rpx)) calc(22 * var(--rpx)) #50391429;background:#fffdf7;flex-direction:column;display:flex;position:relative;overflow-y:auto}.canvas-toolbar-button{width:calc(52 * var(--rpx));height:calc(52 * var(--rpx));border-radius:calc(17 * var(--rpx));background:0 0;border:0;flex:none}.canvas-toolbar-button.active{box-shadow:0 calc(5 * var(--rpx)) calc(14 * var(--rpx)) #ffbd1b47;background:#ffbd1b}.canvas-toolbar-toggle{color:#657287;font-size:calc(32 * var(--rpx));font-weight:900}.canvas-toolbar-body{align-items:center;gap:calc(7 * var(--rpx));flex-direction:column;flex:none;width:100%;display:flex}.canvas-toolbar-button img{width:calc(31 * var(--rpx));height:calc(31 * var(--rpx));display:block}.canvas-toolbar-divider{width:calc(34 * var(--rpx));height:calc(2 * var(--rpx));margin:calc(2 * var(--rpx)) 0;border-radius:calc(1 * var(--rpx));background:#eadfcf;flex:none}.canvas-work-color{width:calc(52 * var(--rpx));height:calc(52 * var(--rpx));margin-top:calc(2 * var(--rpx));border:calc(3 * var(--rpx)) solid #fffdf7;border-radius:calc(17 * var(--rpx));font-size:calc(14 * var(--rpx));box-shadow:0 0 0 calc(2 * var(--rpx)) #101a2f, 0 calc(6 * var(--rpx)) calc(14 * var(--rpx)) #50391433;flex:none}.canvas-work-color.active{box-shadow:0 0 0 calc(3 * var(--rpx)) #ffbd1b, 0 calc(6 * var(--rpx)) calc(14 * var(--rpx)) #50391433}.canvas-work-color span{font-size:calc(14 * var(--rpx));text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.canvas-tool-popover{z-index:60;top:50%;right:calc(12 * var(--rpx));left:calc(96 * var(--rpx));box-sizing:border-box;max-height:calc(100% - calc(24 * var(--rpx)));gap:calc(12 * var(--rpx));padding:calc(18 * var(--rpx));border:calc(2 * var(--rpx)) solid #eadbbd;border-radius:calc(24 * var(--rpx));box-shadow:0 calc(16 * var(--rpx)) calc(38 * var(--rpx)) #101a2f3d;background:#fffdf7;flex-direction:column;display:flex;position:absolute;overflow-y:auto;transform:translateY(-50%)}.canvas-tool-popover-header{min-height:calc(44 * var(--rpx));justify-content:space-between;align-items:center;gap:calc(12 * var(--rpx));display:flex}.canvas-tool-popover-header>view{gap:calc(3 * var(--rpx));flex-direction:column;min-width:0;display:flex}.canvas-tool-popover-title{font-size:calc(23 * var(--rpx));font-weight:900}.canvas-tool-popover-note{color:#7d8998;font-size:calc(17 * var(--rpx));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-tool-popover-close{width:calc(62 * var(--rpx));min-width:calc(62 * var(--rpx));height:calc(40 * var(--rpx));border-radius:calc(14 * var(--rpx));color:#657287;font-size:calc(18 * var(--rpx));background:#f3ecdf}.selected-color-status{min-height:calc(42 * var(--rpx));align-items:center;gap:calc(8 * var(--rpx));color:#657287;font-size:calc(18 * var(--rpx));display:flex}.selected-color-code{min-width:calc(68 * var(--rpx));height:calc(38 * var(--rpx));padding:0 calc(10 * var(--rpx));border-radius:calc(13 * var(--rpx));color:#101a2f;font-size:calc(20 * var(--rpx));background:#ffdf86;place-items:center;font-weight:900;display:grid}.tool-color-search-row{align-items:center;width:100%;display:flex;position:relative}.tool-color-search-input{box-sizing:border-box;width:100%;height:calc(40 * var(--rpx));padding:0 calc(32 * var(--rpx)) 0 calc(12 * var(--rpx));border:calc(1.5 * var(--rpx)) solid #d8e0ea;border-radius:calc(12 * var(--rpx));color:#101a2f;font-size:calc(16 * var(--rpx));background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.tool-color-search-input:focus{box-shadow:0 0 0 calc(2 * var(--rpx)) #ffbd1b40;border-color:#ffbd1b}.tool-color-search-input::placeholder{color:#94a3b8}.tool-color-search-clear{right:calc(6 * var(--rpx));width:calc(24 * var(--rpx));height:calc(24 * var(--rpx));color:#94a3b8;font-size:calc(15 * var(--rpx));cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.tool-color-search-clear:hover{color:#101a2f;background:#f1f5f9}.tool-color-empty-tip{padding:calc(12 * var(--rpx)) 0;text-align:center;color:#94a3b8;font-size:calc(15 * var(--rpx))}.tool-color-grid{gap:calc(6 * var(--rpx));grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.tool-color-chip{height:calc(44 * var(--rpx));border:calc(2 * var(--rpx)) solid #101a2f1a;border-radius:calc(12 * var(--rpx));min-width:0;font-size:calc(14 * var(--rpx));box-shadow:inset 0 0 0 calc(1 * var(--rpx)) #ffffff2e}.tool-color-chip.active{box-shadow:0 0 0 calc(3 * var(--rpx)) #101a2f;border-color:#ffbd1b}.tool-color-chip span{font-size:calc(14 * var(--rpx));text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.tool-palette-pager{grid-template-columns:calc(88 * var(--rpx)) minmax(0,1fr) calc(88 * var(--rpx));align-items:center;gap:calc(8 * var(--rpx));color:#7d8998;font-size:calc(17 * var(--rpx));text-align:center;display:grid}.tool-palette-pager button{height:calc(36 * var(--rpx));border-radius:calc(13 * var(--rpx));font-size:calc(17 * var(--rpx));background:#f3ecdf}.canvas-shell{z-index:1;box-sizing:border-box;border-radius:calc(10 * var(--rpx));width:100%;min-width:0;height:0;min-height:0;box-shadow:0 calc(16 * var(--rpx)) calc(36 * var(--rpx)) #9c701921;background:#f3f4f7;border:0;align-self:center;padding-top:100%;position:relative;overflow:hidden}.canvas-stage{transform-origin:50%;will-change:transform;position:absolute;inset:0;overflow:hidden}.workbench-canvas{box-sizing:border-box;background:#f3f4f7;border:0;width:100%;max-width:100%;height:100%;display:block;position:absolute;inset:0}.workbench-overlay{z-index:2;box-sizing:border-box;width:100%;max-width:100%;height:100%;display:block;position:absolute;inset:0}.workbench-overlay.transform-active{pointer-events:none}.workbench-overlay.canvas-offscreen{visibility:hidden;pointer-events:none;width:1px;max-width:none;height:1px;position:fixed;inset:-10000px auto auto -10000px}.canvas-tool-preview{z-index:3;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-export-preview{z-index:3;background:#fff;width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-export-overlay-preview{z-index:4;background:0 0}.empty-overlay{z-index:8;inset:calc(12 * var(--rpx));justify-content:center;align-items:center;gap:calc(13 * var(--rpx));border:calc(2 * var(--rpx)) dashed #c7d0de;border-radius:calc(24 * var(--rpx));background:#fffffff7;flex-direction:column;display:flex;position:absolute}.empty-icon{width:calc(76 * var(--rpx));height:calc(76 * var(--rpx));opacity:.55}.empty-title{font-weight:800;color:#101a2f!important;font-size:calc(30 * var(--rpx))!important}.empty-overlay span{color:#8b98aa;font-size:calc(22 * var(--rpx))}.empty-overlay button{width:calc(320 * var(--rpx));height:calc(72 * var(--rpx));border:calc(2 * var(--rpx)) solid #101a2f}.empty-overlay .primary{color:#101a2f;box-shadow:0 calc(8 * var(--rpx)) calc(20 * var(--rpx)) #ffbd1b40;background:#ffbd1b}.tool-panel{min-width:0;min-height:0;height:calc(500 * var(--rpx));grid-area:4/1;grid-template-rows:calc(76 * var(--rpx)) minmax(0,1fr);border-radius:calc(36 * var(--rpx)) calc(36 * var(--rpx)) 0 0;box-shadow:0 calc(-14 * var(--rpx)) calc(38 * var(--rpx)) #6c4e1a1f;background:#fffdf7;border:0;display:grid;position:relative;overflow:hidden}.command-row{justify-content:flex-end;align-items:center;gap:calc(16 * var(--rpx));padding:calc(8 * var(--rpx)) calc(14 * var(--rpx)) calc(4 * var(--rpx));border-bottom:0;flex-wrap:wrap;display:flex}.command-button{width:calc(62 * var(--rpx));min-width:calc(62 * var(--rpx));height:calc(62 * var(--rpx));border-radius:calc(19 * var(--rpx));box-shadow:0 calc(7 * var(--rpx)) calc(18 * var(--rpx)) #50391429, 0 calc(1 * var(--rpx)) calc(4 * var(--rpx)) #101a2f14;background:#fffdf8;border:0}.command-button img{width:calc(38 * var(--rpx));height:calc(38 * var(--rpx))}.preview-button-first{margin-left:0}.preview-button{background:#fff8e9}.preview-button.active{background:#ffbd1b;border:0}.panel-content{box-sizing:border-box;width:100%;max-width:100%;height:auto;padding:calc(10 * var(--rpx)) calc(14 * var(--rpx)) calc(calc(14 * var(--rpx)) + env(safe-area-inset-bottom));overscroll-behavior:contain;overflow:hidden auto}.pattern-tool-row{grid-template-columns:calc(132 * var(--rpx)) minmax(0,1fr);align-items:center;gap:calc(9 * var(--rpx));min-width:0;margin-top:calc(13 * var(--rpx));display:grid}.pattern-tool-label{color:#26344a;font-size:calc(23 * var(--rpx));white-space:nowrap;font-weight:900}.size-tool-row{grid-template-columns:calc(154 * var(--rpx)) minmax(0,1fr);align-items:center;gap:calc(9 * var(--rpx));min-width:0;margin-top:calc(13 * var(--rpx));display:grid}.size-tool-row .pattern-tool-label{font-size:calc(28 * var(--rpx))}.size-choice-list{gap:calc(8 * var(--rpx));min-width:0;padding-bottom:calc(2 * var(--rpx));display:flex;overflow-x:auto}.size-choice{width:calc(96 * var(--rpx));min-width:calc(96 * var(--rpx));height:calc(82 * var(--rpx));border:calc(3 * var(--rpx)) solid #101a2f;border-radius:calc(41 * var(--rpx));font-size:calc(19 * var(--rpx));white-space:nowrap;background:#fffdf7;font-weight:800}.size-custom-trigger{width:calc(112 * var(--rpx));min-width:calc(112 * var(--rpx))}.size-choice.active{color:#101a2f;box-shadow:none;background:#ffbd1b}.pattern-actions{min-width:0;margin:0}.pattern-actions.action-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.pattern-tool-button,.pattern-actions button{border:calc(2 * var(--rpx)) solid #dfe5ee;font-size:calc(20 * var(--rpx))}.range-limit{min-width:calc(30 * var(--rpx));color:#657287;font-size:calc(19 * var(--rpx));font-variant-numeric:tabular-nums;text-align:center}.range-limit-max{min-width:calc(62 * var(--rpx));font-size:calc(18 * var(--rpx));text-overflow:ellipsis;overflow:hidden}.action-grid,.segmented{gap:calc(7 * var(--rpx));display:grid}.action-grid.four,.segmented.four{grid-template-columns:repeat(4,minmax(0,1fr))}.action-grid.three,.segmented.three{grid-template-columns:repeat(3,minmax(0,1fr))}.action-grid.two,.segmented.two{grid-template-columns:repeat(2,minmax(0,1fr))}.action-grid button{min-height:calc(62 * var(--rpx));border:calc(2 * var(--rpx)) solid #dfe5ee;background:#fff;flex-direction:column}.action-grid button.active,.segmented button.active,button.active,.action-grid button.primary,button.primary{color:#101a2f;background:#ffbd1b;border-color:#101a2f}.action-grid button .strong,.action-grid button span{display:block}.action-grid button .strong{font-size:calc(25 * var(--rpx))}.action-grid button span{margin-top:calc(4 * var(--rpx));font-size:calc(19 * var(--rpx))}.pattern-actions.action-grid button{height:calc(54 * var(--rpx));min-height:calc(54 * var(--rpx));border-radius:calc(17 * var(--rpx))}.range-row{min-height:calc(58 * var(--rpx));grid-template-columns:calc(116 * var(--rpx)) minmax(0,1fr) calc(64 * var(--rpx));align-items:center;gap:calc(6 * var(--rpx));margin-top:calc(6 * var(--rpx));font-size:calc(23 * var(--rpx));display:grid}.range-row slider{margin:0}.range-row .strong{text-align:right}.range-value{width:calc(58 * var(--rpx));height:calc(46 * var(--rpx));border:calc(2 * var(--rpx)) solid #dfe5ee;border-radius:calc(18 * var(--rpx));color:#101a2f;font-size:calc(21 * var(--rpx));background:#fff8df;place-items:center;font-weight:800;display:grid}.settings-line{min-height:calc(52 * var(--rpx));justify-content:space-between;align-items:center;gap:calc(10 * var(--rpx));font-size:calc(23 * var(--rpx));display:flex}.segmented{padding:calc(4 * var(--rpx));border:calc(2 * var(--rpx)) solid #dfe5ee;border-radius:calc(20 * var(--rpx));background:#f2f5f9}.segmented button{height:calc(48 * var(--rpx));font-size:calc(22 * var(--rpx));background:0 0}.outline-row{align-items:center;gap:calc(7 * var(--rpx));margin-top:calc(7 * var(--rpx));grid-template-columns:repeat(2,minmax(0,1fr)) auto;display:grid}.switch-button{height:calc(50 * var(--rpx));border:calc(2 * var(--rpx)) solid #dfe5ee;font-size:calc(21 * var(--rpx))}.outline-color-trigger{width:calc(76 * var(--rpx));height:calc(50 * var(--rpx));border:calc(2 * var(--rpx)) solid #fff;border-radius:calc(14 * var(--rpx));box-shadow:0 0 0 calc(1 * var(--rpx)) #aeb8c6;font-size:calc(17 * var(--rpx));place-items:center;font-weight:800;display:grid}.outline-color-trigger span{color:inherit;font-size:calc(17 * var(--rpx))}.outline-color-picker{margin-top:calc(6 * var(--rpx));padding:calc(6 * var(--rpx));border:calc(1 * var(--rpx)) solid #dfe5ee;border-radius:calc(14 * var(--rpx));background:#f7f9fc}.outline-restore-actions{gap:calc(8 * var(--rpx));margin-top:calc(5 * var(--rpx));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.outline-restore-actions button{height:calc(46 * var(--rpx));border:calc(1 * var(--rpx)) solid #dfe5ee;font-size:calc(20 * var(--rpx))}.panel-bead-bar{margin-top:calc(14 * var(--rpx));padding-top:calc(10 * var(--rpx));border-top:0}.usage-block{margin-top:calc(10 * var(--rpx))}.usage-title{color:#647188}.strong{font-weight:800}.export-info-row{min-height:calc(64 * var(--rpx));justify-content:space-between;align-items:center;gap:calc(12 * var(--rpx));box-sizing:border-box;padding:0 calc(10 * var(--rpx));border-bottom:calc(2 * var(--rpx)) solid #edf0f5;background:0 0;display:flex}.export-info-label{color:#26344a;font-size:calc(25 * var(--rpx));flex:none;font-weight:900}.export-info-value{color:#f05a3c;font-size:calc(28 * var(--rpx));font-variant-numeric:tabular-nums;font-weight:900}.export-info-value.secondary{color:#3568b8}.export-spec{border-radius:0}.export-spec-value{color:#9b55d4}.export-resolution .segmented{width:calc(342 * var(--rpx));max-width:66%}.export-usage-value{align-items:baseline;gap:calc(4 * var(--rpx));color:#657287;font-size:calc(21 * var(--rpx));display:flex}.export-dialog-backdrop{z-index:110;background:#101a2f85;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.import-confirm-backdrop{z-index:125;padding:calc(58 * var(--rpx));background:#0f1218b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.import-confirm-dialog{box-sizing:border-box;width:100%;max-width:calc(574 * var(--rpx));padding:calc(48 * var(--rpx)) calc(38 * var(--rpx)) calc(36 * var(--rpx));border-radius:calc(38 * var(--rpx));box-shadow:0 calc(18 * var(--rpx)) calc(52 * var(--rpx)) #0000003d;background:#fff;flex-direction:column;display:flex}.import-confirm-title{font-size:calc(32 * var(--rpx));text-align:center;font-weight:900}.import-confirm-copy{margin-top:calc(42 * var(--rpx));font-size:calc(27 * var(--rpx));text-align:center;font-weight:600}.import-confirm-actions{gap:calc(24 * var(--rpx));margin-top:calc(48 * var(--rpx));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.import-confirm-actions button{height:calc(82 * var(--rpx));border:calc(3 * var(--rpx)) solid #101a2f;border-radius:calc(26 * var(--rpx));font-size:calc(29 * var(--rpx));font-weight:900}.import-confirm-cancel{color:#9aa6b7;background:#fff}.import-confirm-submit{color:#101a2f;background:#ffbd1b}.oversized-pattern-backdrop{z-index:125;padding:calc(36 * var(--rpx));background:#0f1218b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.oversized-pattern-dialog{box-sizing:border-box;width:100%;max-width:520px;padding:calc(36 * var(--rpx)) calc(32 * var(--rpx)) calc(28 * var(--rpx));border:calc(3 * var(--rpx)) solid #101a2f;border-radius:calc(34 * var(--rpx));box-shadow:0 calc(18 * var(--rpx)) calc(52 * var(--rpx)) #00000042;background:#fff;flex-direction:column;display:flex}.oversized-pattern-header{justify-content:space-between;align-items:center;gap:calc(12 * var(--rpx));display:flex}.oversized-pattern-title{font-size:calc(30 * var(--rpx));color:#101a2f;font-weight:900}.oversized-pattern-badge{padding:calc(4 * var(--rpx)) calc(14 * var(--rpx));border-radius:calc(12 * var(--rpx));color:#435066;font-size:calc(22 * var(--rpx));background:#f0f3f8;font-family:monospace;font-weight:800}.oversized-pattern-desc{margin-top:calc(16 * var(--rpx));font-size:calc(23 * var(--rpx));color:#657287;line-height:1.5}.oversized-pattern-options{gap:calc(14 * var(--rpx));margin-top:calc(24 * var(--rpx));flex-direction:column;display:flex}.oversized-option-card{width:100%;padding:calc(16 * var(--rpx)) calc(20 * var(--rpx));border:calc(2.5 * var(--rpx)) solid #e0e5ed;border-radius:calc(20 * var(--rpx));text-align:left;cursor:pointer;background:#fbfcfe;flex-direction:column;align-items:stretch;transition:all .15s;display:flex}.oversized-option-card:hover{background:#fffdf5;border-color:#ffbd1b;transform:translateY(-1px)}.oversized-option-card.primary{box-shadow:0 calc(4 * var(--rpx)) calc(16 * var(--rpx)) #ffbd1b2e;background:#fffdf5;border-color:#ffbd1b}.oversized-option-top{justify-content:space-between;align-items:center;width:100%;display:flex}.oversized-option-name{font-size:calc(25 * var(--rpx));color:#101a2f;font-weight:900}.oversized-option-tag{font-size:calc(19 * var(--rpx));padding:calc(2 * var(--rpx)) calc(10 * var(--rpx));border-radius:calc(8 * var(--rpx));color:#b45309;background:#fef3c7;font-weight:800}.oversized-option-tag.sub{color:#2563eb;background:#dbeafe}.oversized-option-tag.muted{color:#64748b;background:#f1f5f9}.oversized-option-detail{margin-top:calc(6 * var(--rpx));font-size:calc(20 * var(--rpx));color:#748196;line-height:1.4}.oversized-pattern-footer{margin-top:calc(22 * var(--rpx));justify-content:flex-end;display:flex}.oversized-pattern-cancel-btn{height:calc(68 * var(--rpx));padding:0 calc(28 * var(--rpx));border:calc(2 * var(--rpx)) solid #dfe5ee;border-radius:calc(20 * var(--rpx));font-size:calc(24 * var(--rpx));color:#748196;cursor:pointer;background:#f8fafc;font-weight:700;transition:all .15s}.oversized-pattern-cancel-btn:hover{color:#475569;background:#f1f5f9}.import-pattern-backdrop{z-index:125;padding:calc(36 * var(--rpx));background:#0f1218b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.import-pattern-dialog{box-sizing:border-box;width:100%;max-width:520px;padding:calc(36 * var(--rpx)) calc(32 * var(--rpx)) calc(28 * var(--rpx));border:calc(3 * var(--rpx)) solid #101a2f;border-radius:calc(34 * var(--rpx));box-shadow:0 calc(18 * var(--rpx)) calc(52 * var(--rpx)) #00000042;background:#fff;flex-direction:column;display:flex}.import-pattern-header{justify-content:space-between;align-items:center;gap:calc(12 * var(--rpx));display:flex}.import-pattern-title{font-size:calc(30 * var(--rpx));color:#101a2f;font-weight:900}.import-pattern-badge{padding:calc(4 * var(--rpx)) calc(14 * var(--rpx));border-radius:calc(12 * var(--rpx));color:#435066;font-size:calc(22 * var(--rpx));background:#f0f3f8;font-family:monospace;font-weight:800}.import-pattern-desc{margin-top:calc(16 * var(--rpx));font-size:calc(23 * var(--rpx));color:#657287;line-height:1.5}.import-pattern-options{gap:calc(14 * var(--rpx));margin-top:calc(24 * var(--rpx));flex-direction:column;display:flex}.import-pattern-option-card{width:100%;padding:calc(18 * var(--rpx)) calc(20 * var(--rpx));border:calc(2.5 * var(--rpx)) solid #e0e5ed;border-radius:calc(20 * var(--rpx));text-align:left;cursor:pointer;background:#fbfcfe;flex-direction:column;align-items:stretch;transition:all .15s;display:flex}.import-pattern-option-card:hover{background:#fffdf5;border-color:#ffbd1b;transform:translateY(-1px)}.import-pattern-option-card.primary{box-shadow:0 calc(4 * var(--rpx)) calc(16 * var(--rpx)) #ffbd1b2e;background:#fffdf5;border-color:#ffbd1b}.import-pattern-option-card.danger:hover{background:#fff5f5;border-color:#f87171}.import-pattern-option-top{justify-content:space-between;align-items:center;width:100%;display:flex}.import-pattern-option-name{font-size:calc(25 * var(--rpx));color:#101a2f;font-weight:900}.import-pattern-option-tag{font-size:calc(19 * var(--rpx));padding:calc(2 * var(--rpx)) calc(10 * var(--rpx));border-radius:calc(8 * var(--rpx));color:#b45309;background:#fef3c7;font-weight:800}.import-pattern-option-tag.danger{color:#dc2626;background:#fee2e2}.import-pattern-option-detail{margin-top:calc(6 * var(--rpx));font-size:calc(20 * var(--rpx));color:#748196;line-height:1.4}.import-pattern-footer{margin-top:calc(22 * var(--rpx));justify-content:flex-end;display:flex}.import-pattern-cancel-btn{height:calc(68 * var(--rpx));padding:0 calc(28 * var(--rpx));border:calc(2 * var(--rpx)) solid #dfe5ee;border-radius:calc(20 * var(--rpx));font-size:calc(24 * var(--rpx));color:#748196;cursor:pointer;background:#f8fafc;font-weight:700;transition:all .15s}.import-pattern-cancel-btn:hover{color:#475569;background:#f1f5f9}.custom-size-backdrop{z-index:115;padding:calc(36 * var(--rpx));background:#101a2f85;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.custom-size-dialog{box-sizing:border-box;width:100%;max-width:calc(620 * var(--rpx));gap:calc(12 * var(--rpx));padding:calc(30 * var(--rpx));border:calc(3 * var(--rpx)) solid #101a2f;border-radius:calc(30 * var(--rpx));box-shadow:0 calc(18 * var(--rpx)) calc(52 * var(--rpx)) #101a2f38;background:#fffdf7;flex-direction:column;display:flex}.custom-size-title{font-size:calc(31 * var(--rpx));text-align:center;font-weight:900}.custom-size-note{color:#748196;font-size:calc(21 * var(--rpx));text-align:center}.custom-size-field{grid-template-columns:minmax(0,1fr) calc(44 * var(--rpx));align-items:center;gap:calc(8 * var(--rpx));margin-top:calc(8 * var(--rpx));font-size:calc(24 * var(--rpx));font-weight:800;display:grid}.custom-size-field input{box-sizing:border-box;width:100%;height:calc(78 * var(--rpx));padding:0 calc(22 * var(--rpx));border:calc(3 * var(--rpx)) solid #101a2f;border-radius:calc(22 * var(--rpx));color:#101a2f;font-size:calc(28 * var(--rpx));text-align:center;background:#fff8e9;font-weight:900}.custom-size-actions{gap:calc(12 * var(--rpx));margin-top:calc(10 * var(--rpx));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.custom-size-actions button{height:calc(68 * var(--rpx));border:calc(3 * var(--rpx)) solid #101a2f;border-radius:calc(22 * var(--rpx))}.export-dialog{box-sizing:border-box;gap:calc(12 * var(--rpx));width:100%;max-width:480px;max-height:84vh;padding:calc(22 * var(--rpx)) calc(22 * var(--rpx)) calc(calc(22 * var(--rpx)) + env(safe-area-inset-bottom));border:calc(3 * var(--rpx)) solid #101a2f;border-radius:calc(34 * var(--rpx)) calc(34 * var(--rpx)) 0 0;box-shadow:0 calc(-18 * var(--rpx)) calc(48 * var(--rpx)) #101a2f33;background:#fff;border-bottom:0;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.export-dialog-header{justify-content:space-between;align-items:center;gap:calc(12 * var(--rpx));display:flex}.export-dialog-heading{gap:calc(3 * var(--rpx));flex-direction:column;min-width:0;display:flex}.export-dialog-title{font-size:calc(31 * var(--rpx));font-weight:900}.export-dialog-note{color:#748196;font-size:calc(20 * var(--rpx))}.export-dialog-close{width:calc(58 * var(--rpx));height:calc(58 * var(--rpx));border:calc(2 * var(--rpx)) solid #dfe5ee;font-size:calc(34 * var(--rpx));background:#f4f6f9;border-radius:50%;flex:none;font-weight:500}.export-dialog-body{min-height:0;padding:calc(2 * var(--rpx));overscroll-behavior:contain;overflow-y:auto}.export-format-grid{margin-top:calc(10 * var(--rpx))}.export-format-grid button{min-height:calc(68 * var(--rpx));border-radius:calc(22 * var(--rpx))}.export-result{gap:calc(8 * var(--rpx));margin-top:calc(12 * var(--rpx));padding:calc(16 * var(--rpx)) calc(18 * var(--rpx));border-radius:calc(18 * var(--rpx));background:#fff8e9;flex-direction:column;display:flex}.export-result-title{color:#26344a;font-size:calc(22 * var(--rpx));font-weight:900}.export-result-path{color:#69768b;font-size:calc(18 * var(--rpx));word-break:break-all;line-height:1.45}.export-viewer{z-index:140;color:#101a2f;background:#fbfcfe;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.export-viewer-header{min-height:calc(92 * var(--rpx));padding:calc(calc(18 * var(--rpx)) + env(safe-area-inset-top)) calc(28 * var(--rpx)) calc(14 * var(--rpx));font-size:calc(28 * var(--rpx));justify-content:space-between;align-items:center;font-weight:900;display:flex}.export-viewer-title-group{align-items:center;gap:calc(14 * var(--rpx));display:flex}.export-viewer-title{font-size:calc(28 * var(--rpx));font-weight:900}.export-viewer-zoom-badge{font-size:calc(20 * var(--rpx));color:#475569;padding:calc(4 * var(--rpx)) calc(12 * var(--rpx));border-radius:calc(12 * var(--rpx));background:#e2e8f0;font-weight:700}.export-viewer-header-tools{align-items:center;gap:calc(10 * var(--rpx));display:flex}.export-viewer-tool-btn{height:calc(56 * var(--rpx));padding:0 calc(16 * var(--rpx));min-width:calc(56 * var(--rpx));border:calc(2 * var(--rpx)) solid #cbd5e1;border-radius:calc(16 * var(--rpx));box-shadow:0 calc(4 * var(--rpx)) calc(12 * var(--rpx)) #101a2f0f;font-size:calc(22 * var(--rpx));color:#101a2f;cursor:pointer;background:#fff;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.export-viewer-tool-btn:hover{background:#f8fafc;border-color:#94a3b8}.export-viewer-tool-btn:active{background:#e2e8f0}.export-viewer-header button.export-viewer-close-btn{width:calc(60 * var(--rpx));height:calc(60 * var(--rpx));border-radius:calc(20 * var(--rpx));box-shadow:0 calc(8 * var(--rpx)) calc(24 * var(--rpx)) #101a2f1f;font-size:calc(36 * var(--rpx));cursor:pointer;background:#fff;border:0;justify-content:center;align-items:center;display:inline-flex}.export-resolution-section{gap:calc(8 * var(--rpx));margin-top:calc(10 * var(--rpx));padding:calc(12 * var(--rpx)) calc(14 * var(--rpx));border:calc(2 * var(--rpx)) solid #e2e8f0;border-radius:calc(18 * var(--rpx));background:#f8fafc;flex-direction:column;display:flex}.export-res-header{justify-content:space-between;align-items:center;gap:calc(8 * var(--rpx));display:flex}.export-res-hint{color:#0284c7;font-size:calc(18 * var(--rpx));font-weight:700}.export-res-grid{gap:calc(8 * var(--rpx));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.export-res-card{justify-content:center;align-items:center;gap:calc(4 * var(--rpx));padding:calc(10 * var(--rpx)) calc(6 * var(--rpx));border:calc(2 * var(--rpx)) solid #cbd5e1;border-radius:calc(14 * var(--rpx));cursor:pointer;background:#fff;flex-direction:column;transition:all .15s;display:flex}.export-res-card:hover{background:#f1f5f9;border-color:#94a3b8}.export-res-card.active{box-shadow:0 calc(4 * var(--rpx)) calc(12 * var(--rpx)) #ffbd1b59;background:#ffbd1b;border-color:#101a2f}.export-res-title{color:#101a2f;font-size:calc(22 * var(--rpx));font-weight:900}.export-res-tag{color:#64748b;font-size:calc(16 * var(--rpx));white-space:nowrap;font-weight:700}.export-res-card.active .export-res-tag{color:#1e293b}.export-viewer-stage{min-height:0;padding:calc(20 * var(--rpx));touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.export-viewer-image{-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:8px;display:block;box-shadow:0 8px 32px #0000001f}.export-viewer-footer{gap:calc(14 * var(--rpx));padding:calc(18 * var(--rpx)) calc(28 * var(--rpx)) calc(calc(24 * var(--rpx)) + env(safe-area-inset-bottom));color:#69768b;font-size:calc(20 * var(--rpx));background:#fff;flex-direction:column;font-weight:800;display:flex}.export-viewer-footer-copy{gap:calc(8 * var(--rpx));flex-direction:column;min-width:0;display:flex}.export-viewer-actions{gap:calc(14 * var(--rpx));display:flex}.export-viewer-actions button{height:calc(68 * var(--rpx));border-radius:calc(34 * var(--rpx));font-size:calc(22 * var(--rpx));white-space:nowrap;flex:1;font-weight:800}.export-viewer-again{border:calc(3 * var(--rpx)) solid #101a2f;color:#101a2f;background:#fff}.export-viewer-open,.export-viewer-download,.export-viewer-send{border:calc(3 * var(--rpx)) solid #101a2f;color:#101a2f;background:#ffbd1b}.export-viewer-path{font-size:calc(17 * var(--rpx));word-break:break-all;font-weight:500;line-height:1.45}.export-dialog .settings-line{margin-top:calc(10 * var(--rpx))}.export-confirm-button{width:100%;height:calc(76 * var(--rpx));border:calc(3 * var(--rpx)) solid #101a2f;border-radius:calc(24 * var(--rpx));color:#101a2f;font-size:calc(27 * var(--rpx));box-shadow:0 calc(8 * var(--rpx)) calc(20 * var(--rpx)) #ffbd1b38;background:#ffbd1b;font-weight:900}.line-editor{margin-top:calc(6 * var(--rpx));padding:calc(8 * var(--rpx)) calc(10 * var(--rpx));border:calc(2 * var(--rpx)) solid #eadfce;border-radius:calc(16 * var(--rpx));background:#fff8e9}.line-editor-heading{justify-content:space-between;align-items:center;gap:calc(6 * var(--rpx));font-size:calc(21 * var(--rpx));display:flex}.line-editor-note{color:#69768b;font-size:calc(18 * var(--rpx))}.line-controls{grid-template-columns:auto repeat(3,calc(44 * var(--rpx))) auto repeat(4,calc(36 * var(--rpx)));justify-content:space-between;align-items:center;gap:calc(4 * var(--rpx));margin-top:calc(6 * var(--rpx));font-size:calc(19 * var(--rpx));display:grid}.line-controls button{height:calc(34 * var(--rpx));border:calc(1 * var(--rpx)) solid #dfe5ee;border-radius:calc(9 * var(--rpx));font-size:calc(18 * var(--rpx))}.color-dot{width:calc(32 * var(--rpx));box-shadow:0 0 0 calc(1 * var(--rpx)) #aeb8c6;border:calc(3 * var(--rpx)) solid #fff!important}.color-dot.dark{background:#27312e}.color-dot.red{background:#d14343}.color-dot.blue{background:#3568b8}.color-dot.green{background:#33805d}.color-dot.active{box-shadow:0 0 0 calc(3 * var(--rpx)) #ffbd1b}.immersive-mode{z-index:130;color:#101a2f;background:#fbfcfe;width:100%;max-width:480px;height:100vh;margin:0 auto;position:fixed;inset:0;overflow:hidden}.immersive-exit{z-index:3;top:calc(calc(44 * var(--rpx)) + env(safe-area-inset-top));right:calc(34 * var(--rpx));width:calc(174 * var(--rpx));height:calc(70 * var(--rpx));border-radius:calc(38 * var(--rpx));color:#fff;font-size:calc(27 * var(--rpx));box-shadow:0 calc(10 * var(--rpx)) calc(24 * var(--rpx)) #101a2f29;background:#101a2f;font-weight:900;position:absolute}.immersive-stage{z-index:1;top:calc(calc(150 * var(--rpx)) + env(safe-area-inset-top));right:calc(28 * var(--rpx));bottom:calc(46 * var(--rpx));left:calc(28 * var(--rpx));touch-action:none;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.immersive-mode.work .immersive-stage{bottom:calc(calc(176 * var(--rpx)) + env(safe-area-inset-bottom))}.immersive-svg{transform-origin:50%;will-change:transform;width:100%;height:100%;display:block}.immersive-loading{justify-content:center;align-items:center;gap:calc(20 * var(--rpx));color:#7d899a;font-size:calc(22 * var(--rpx));flex-direction:column;display:flex}.immersive-loading .preparing-spinner{width:calc(54 * var(--rpx));height:calc(54 * var(--rpx));border-color:#ffbd1b #e8edf3 #e8edf3}.immersive-usage{z-index:2;right:calc(24 * var(--rpx));bottom:calc(calc(24 * var(--rpx)) + env(safe-area-inset-bottom));left:calc(24 * var(--rpx));box-sizing:border-box;height:calc(128 * var(--rpx));grid-template-columns:calc(120 * var(--rpx)) minmax(0,1fr);align-items:stretch;gap:calc(12 * var(--rpx));padding:calc(12 * var(--rpx));border:calc(3 * var(--rpx)) solid #e2e6ec;border-radius:calc(32 * var(--rpx));box-shadow:0 calc(12 * var(--rpx)) calc(32 * var(--rpx)) #101a2f14;background:#fff;display:grid;position:absolute;overflow:hidden}.immersive-summary{padding-left:calc(10 * var(--rpx));border-right:calc(2 * var(--rpx)) solid #edf0f4;flex-direction:column;justify-content:center;display:flex}.immersive-summary-primary{font-size:calc(28 * var(--rpx));font-weight:900;line-height:1}.immersive-summary-secondary{margin-top:calc(10 * var(--rpx));color:#95a1b2;font-size:calc(19 * var(--rpx));white-space:nowrap;font-weight:800}.immersive-color-list{align-items:center;gap:calc(10 * var(--rpx));min-width:0;display:flex;overflow-x:auto}.immersive-color-card{width:calc(80 * var(--rpx));min-width:calc(80 * var(--rpx));height:calc(88 * var(--rpx));padding:calc(7 * var(--rpx)) calc(4 * var(--rpx));border-radius:calc(22 * var(--rpx));box-shadow:none;border:0;grid-template-rows:1fr 1fr;place-items:center;display:grid}.immersive-color-card.active{box-shadow:0 0 0 calc(6 * var(--rpx)) #ffbd1b}.immersive-color-code{font-size:calc(15 * var(--rpx));font-weight:800}.immersive-color-count{font-size:calc(25 * var(--rpx));font-weight:900}.export-canvas{z-index:-10;opacity:0;pointer-events:none;width:2px;height:2px;position:fixed;top:-10000px;left:-10000px}.crop-preparer{z-index:100;grid-template-rows:calc(112 * var(--rpx)) minmax(0,1fr) auto;color:#fff;background:#050505;width:100%;max-width:480px;height:100vh;margin:0 auto;display:grid;position:fixed;inset:0;overflow:hidden}.crop-header{grid-template-columns:calc(120 * var(--rpx)) minmax(0,1fr) calc(136 * var(--rpx));align-items:center;gap:calc(8 * var(--rpx));padding:calc(16 * var(--rpx)) calc(26 * var(--rpx));background:#141414;display:grid}.crop-header button{height:calc(68 * var(--rpx));font-size:calc(25 * var(--rpx))}.crop-cancel{color:#fff;background:0 0}.crop-heading{justify-content:center;align-items:center;gap:calc(3 * var(--rpx));flex-direction:column;min-width:0;display:flex}.crop-title{font-size:calc(30 * var(--rpx));font-weight:800}.crop-subtitle{color:#9ca3af;font-size:calc(18 * var(--rpx));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crop-confirm{color:#101a2f;background:#ffbd1b}.crop-stage{background:#050505;min-height:0;position:relative;overflow:hidden}.crop-image-frame{background:#050505;position:fixed;overflow:hidden}.crop-source-image{width:100%;height:100%;display:block;position:absolute;inset:0}.crop-box{z-index:2;box-sizing:border-box;border:calc(3 * var(--rpx)) solid #fff;position:absolute}.crop-dim{pointer-events:none;background:#0009;position:absolute}.crop-move{inset:calc(18 * var(--rpx));position:absolute}.crop-handle{z-index:3;box-sizing:border-box;width:calc(88 * var(--rpx));height:calc(88 * var(--rpx));position:absolute}.crop-grip{background:#ffbd1b;display:block;position:absolute}.crop-n,.crop-s{margin-left:calc(-44 * var(--rpx));left:50%}.crop-n{top:calc(-44 * var(--rpx))}.crop-s{bottom:calc(-44 * var(--rpx))}.crop-n .crop-grip,.crop-s .crop-grip{top:calc(41 * var(--rpx));left:calc(30 * var(--rpx));width:calc(28 * var(--rpx));height:calc(6 * var(--rpx));border-radius:calc(3 * var(--rpx))}.crop-e,.crop-w{margin-top:calc(-44 * var(--rpx));top:50%}.crop-e{right:calc(-44 * var(--rpx))}.crop-w{left:calc(-44 * var(--rpx))}.crop-e .crop-grip,.crop-w .crop-grip{top:calc(30 * var(--rpx));left:calc(41 * var(--rpx));width:calc(6 * var(--rpx));height:calc(28 * var(--rpx));border-radius:calc(3 * var(--rpx))}.crop-nw{top:calc(-44 * var(--rpx));left:calc(-44 * var(--rpx))}.crop-ne{top:calc(-44 * var(--rpx));right:calc(-44 * var(--rpx))}.crop-sw{bottom:calc(-44 * var(--rpx));left:calc(-44 * var(--rpx))}.crop-se{right:calc(-44 * var(--rpx));bottom:calc(-44 * var(--rpx))}.crop-nw .crop-grip,.crop-ne .crop-grip,.crop-sw .crop-grip,.crop-se .crop-grip{top:calc(37 * var(--rpx));left:calc(37 * var(--rpx));width:calc(14 * var(--rpx));height:calc(14 * var(--rpx));border-radius:calc(3 * var(--rpx))}.crop-floating-bg-btn{z-index:25;-webkit-backdrop-filter:blur(12px);color:#f1f5f9;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1e1e1ed9;border:1.5px solid #ffffff40;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;position:absolute;top:16px;right:18px;box-shadow:0 4px 16px #0006}.crop-floating-bg-btn:hover:not([disabled]){background:#303030f5;border-color:#ffffff6b;transform:translateY(-1px)}.crop-floating-bg-btn.active{color:#101a2f;background:#ffbd1b;border-color:#f59e0b;box-shadow:0 4px 18px #ffbd1b73}.crop-floating-bg-icon{width:18px;height:18px;display:block}.crop-floating-bg-btn.active .crop-floating-bg-icon{filter:brightness(0)saturate()}.crop-floating-bg-indicator{background:#64748b;border-radius:50%;width:8px;height:8px;margin-left:2px;transition:background .2s}.crop-floating-bg-btn.active .crop-floating-bg-indicator{background:#101a2f}.preparing-overlay{z-index:20;justify-content:center;align-items:center;gap:calc(22 * var(--rpx));color:#fff;font-size:calc(25 * var(--rpx));background:#00000094;flex-direction:column;font-weight:800;display:flex;position:absolute;inset:0}.preparing-spinner{width:calc(68 * var(--rpx));height:calc(68 * var(--rpx));border:calc(8 * var(--rpx)) solid #ffffff40;border-top-color:#ffbd1b;border-radius:50%;animation:.8s linear infinite preparing-spin}@keyframes preparing-spin{to{transform:rotate(360deg)}}.processing-status{align-items:center;gap:calc(12 * var(--rpx));display:flex}.processing-status-copy{animation:1.2s ease-in-out infinite processing-pulse}.processing-dots{align-items:center;gap:calc(7 * var(--rpx));display:flex}.processing-dots.compact{gap:calc(5 * var(--rpx))}.processing-dot{width:calc(9 * var(--rpx));height:calc(9 * var(--rpx));background:#ffbd1b;border-radius:50%;animation:.9s ease-in-out infinite processing-bounce}.processing-dot-two{animation-delay:.15s}.processing-dot-three{animation-delay:.3s}@keyframes processing-pulse{0%,to{opacity:.58}50%{opacity:1}}@keyframes processing-bounce{0%,60%,to{opacity:.45;transform:translateY(0)}30%{transform:translateY(calc(-7 * var(--rpx)));opacity:1}}.crop-options{min-height:calc(72 * var(--rpx));padding:calc(14 * var(--rpx)) calc(24 * var(--rpx)) calc(calc(14 * var(--rpx)) + env(safe-area-inset-bottom));background:#171717;justify-content:center;align-items:center;display:flex}.crop-smart-row{gap:calc(10 * var(--rpx));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.crop-smart-card{grid-template-columns:calc(36 * var(--rpx)) minmax(0,1fr) calc(64 * var(--rpx));align-items:center;gap:calc(6 * var(--rpx));min-width:0;padding:calc(12 * var(--rpx)) calc(8 * var(--rpx));border:calc(3 * var(--rpx)) solid #4a4a4a;border-radius:calc(20 * var(--rpx));box-shadow:0 calc(8 * var(--rpx)) calc(20 * var(--rpx)) #00000038;background:#242424;display:grid}.crop-smart-card.active{background:#312a16;border-color:#ffbd1b}.crop-smart-icon{width:calc(36 * var(--rpx));height:calc(36 * var(--rpx));border-radius:calc(12 * var(--rpx));background:#ffbd1b;place-items:center;display:grid}.crop-smart-icon img{width:calc(24 * var(--rpx));height:calc(24 * var(--rpx));filter:brightness(0)saturate()}.crop-smart-copy{align-items:center;min-width:0;display:flex;overflow:hidden}.crop-smart-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crop-smart-title{color:#fff;font-size:calc(21 * var(--rpx));font-weight:900}.crop-smart-toggle{width:calc(64 * var(--rpx));height:calc(40 * var(--rpx));border:calc(3 * var(--rpx)) solid #747474;border-radius:calc(22 * var(--rpx));background:#555;padding:0;position:relative}.crop-smart-toggle-knob{top:calc(3 * var(--rpx));left:calc(4 * var(--rpx));width:calc(28 * var(--rpx));height:calc(28 * var(--rpx));box-shadow:0 calc(3 * var(--rpx)) calc(8 * var(--rpx)) #0000004d;background:#fff;border-radius:50%;transition:transform .18s;position:absolute}.crop-smart-toggle.active{background:#ffbd1b;border-color:#ffbd1b}.crop-smart-toggle.active .crop-smart-toggle-knob{transform:translateX(calc(24 * var(--rpx)));background:#101a2f}.crop-progress{justify-content:center;align-items:center;gap:calc(8 * var(--rpx));color:#ffbd1b;font-size:calc(20 * var(--rpx));text-align:center;display:flex}.crop-progress.error{color:#ff786f}button:active{opacity:.86;transform:scale(.98)}@media (max-height:720px){.workbench{grid-template-rows:calc(82 * var(--rpx)) calc(40 * var(--rpx)) minmax(0,1fr) auto}.canvas-controls{padding-top:calc(6 * var(--rpx));padding-bottom:calc(6 * var(--rpx))}.tool-panel{grid-template-rows:calc(66 * var(--rpx)) auto}.command-row{gap:calc(12 * var(--rpx))}.command-button{width:calc(54 * var(--rpx));min-width:calc(54 * var(--rpx));height:calc(54 * var(--rpx))}.command-button img{width:calc(34 * var(--rpx));height:calc(34 * var(--rpx))}.panel-content{padding-top:calc(7 * var(--rpx));padding-bottom:calc(7 * var(--rpx))}.action-grid button{min-height:calc(54 * var(--rpx))}.range-row{min-height:calc(50 * var(--rpx));margin-top:calc(3 * var(--rpx))}.pattern-tool-row{margin-top:calc(8 * var(--rpx))}.pattern-actions.action-grid button{height:calc(48 * var(--rpx));min-height:calc(48 * var(--rpx))}}@media (min-width:1024px){.studio-page{--studio-sidebar:420px}.studio-page .workbench,.workbench{grid-template-columns:minmax(0, 1fr) var(--studio-sidebar);box-sizing:border-box;grid-template-rows:100%;grid-template-areas:"workspace panel";max-width:none;height:100vh;max-height:100vh;padding:0;position:relative;overflow:hidden}.canvas-header-bar{top:14px;left:14px;right:calc(var(--studio-sidebar) + 24px);z-index:30;pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute}.canvas-header-bar .header-back{pointer-events:auto}.canvas-header-bar .header-ai-btn{display:none}.canvas-header-bar .header-back{pointer-events:auto;color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;align-items:center;width:auto;height:34px;padding:0 14px;font-size:13px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 8px #0000000f}.canvas-header-bar .header-back:hover{background:#f8fafc;border-color:#cbd5e1}.tool-help-pill{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#64748b;background:#ffffffeb;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:8px;height:32px;padding:0 12px;font-size:12px;display:inline-flex;box-shadow:0 2px 8px #0000000d}.tool-help-pill .strong{color:#1e293b;font-weight:800}.canvas-workspace{box-sizing:border-box;grid-area:workspace;justify-content:center;align-items:center;height:100vh;max-height:100vh;padding:12px;display:flex;position:relative;overflow:hidden}.canvas-workspace .canvas-color-toolbar{z-index:25;align-self:auto;margin:0;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.workbench-right-panel{background:#fff;border:1px solid #efeae0;border-radius:18px;flex-direction:row;grid-area:panel;height:calc(100vh - 24px);max-height:calc(100vh - 24px);margin:12px 14px 12px 0;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #6c4e1a1a}.workbench-right-content{background:#fff;flex-direction:column;flex:1;order:1;min-width:0;height:100%;display:flex;overflow:hidden}.workbench-right-content .tool-panel{height:100%;max-height:100%;box-shadow:none;border:none;border-radius:0;flex-direction:column;flex:1;grid-area:auto;margin:0;display:flex;overflow:hidden}.right-panel-rail{-webkit-user-select:none;user-select:none;z-index:5;background:#faf7f2;border-left:1px solid #efeae0;flex-direction:column;flex-shrink:0;order:2;align-items:center;gap:10px;width:42px;padding:14px 3px;display:flex}.tool-panel{background:#fff;border:1px solid #efeae0;border-radius:18px;flex-direction:column;grid-area:panel;height:calc(100vh - 24px);max-height:calc(100vh - 24px);margin:12px 16px 12px 0;display:flex;overflow:hidden;box-shadow:0 12px 36px #6c4e1a1a}.tool-panel .command-row{background:#faf8f4;border-bottom:1px solid #eee7db;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;padding:8px 12px;display:flex}.tool-panel .command-button{background:#fff;border:1px solid #e7e0d3;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.tool-panel .command-button.active{background:#ffbd1b;border-color:#f59e0b}.tool-panel .panel-content{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.tool-panel .size-tool-row{background:#fff;border-bottom:1px solid #f0ebe2;padding:12px 14px 10px;display:block}.tool-panel .pattern-tool-label{color:#475569;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.tool-panel .current-board-size-badge{color:#854d0e;letter-spacing:.3px;background:#fef9c3;border:1px solid #fde047;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:800}.tool-panel .size-choice-list{grid-template-columns:repeat(4,1fr);gap:6px;display:grid;overflow:visible}.tool-panel .size-choice{color:#334155;cursor:pointer;background:#f8f6f1;border:1px solid #e8e3d8;border-radius:8px;justify-content:center;align-items:center;width:100%;min-width:0;height:32px;padding:0 4px;font-size:12px;font-weight:700;transition:all .12s;display:flex}.tool-panel .size-choice:hover{background:#f0ebe0;border-color:#cbd5e1}.tool-panel .size-choice.active{color:#0f172a;background:#ffbd1b;border-color:#f59e0b;font-weight:800;box-shadow:0 2px 8px #ffbd1b61}.tool-panel .size-choice.size-custom-trigger{color:#475569;background:#f1f5f9;border:1px dashed #cbd5e1}.tool-panel .canvas-bead-bar{flex-direction:column;flex:1;min-height:0;padding:10px 14px 14px;display:flex;overflow:hidden}.tool-panel .canvas-bead-summary{cursor:pointer;background:#fbf9f5;border:1px solid #eee7db;border-radius:9px;justify-content:space-between;align-items:center;width:100%;min-width:0;margin-bottom:8px;padding:7px 12px;transition:all .12s;display:flex}.tool-panel .canvas-bead-summary:hover{background:#f5eee2}.tool-panel .canvas-bead-summary.active{background:#fffbeb;border-color:#ffbd1b}.tool-panel .canvas-bead-summary-primary{color:#1e293b;font-size:13px;font-weight:800}.tool-panel .canvas-bead-summary-secondary{color:#64748b;margin-top:0;font-size:12px;font-weight:600}.tool-panel .canvas-bead-list{flex:1;grid-template-columns:repeat(5,1fr);align-content:start;align-items:start;gap:7px;min-height:0;padding:4px 2px 10px;display:grid;overflow-y:auto}.tool-panel .canvas-bead-card{aspect-ratio:1;box-sizing:border-box;cursor:pointer;border:1px solid #00000014;border-radius:8px;flex-direction:column;justify-content:center;place-self:start stretch;align-items:center;gap:1px;width:100%;height:auto;min-height:0;max-height:none;padding:2px 1px;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000001f}.tool-panel .canvas-bead-card:hover{z-index:2;transform:scale(1.08);box-shadow:0 4px 12px #00000038}.tool-panel .canvas-bead-card.active{z-index:3;transform:scale(1.08);box-shadow:0 0 0 3px #ffbd1b,0 4px 14px #00000059}.tool-panel .canvas-bead-code{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 1px;font-size:11px;font-weight:800;line-height:1.1;overflow:hidden}.tool-panel .canvas-bead-count{opacity:.9;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:700;line-height:1.1;overflow:hidden}.canvas-center{aspect-ratio:1;justify-content:center;align-items:center;width:calc(100vh - 24px);max-width:calc(100% - 32px);height:calc(100vh - 24px);max-height:calc(100vh - 24px);margin:0 auto;transition:max-width .2s;display:flex;position:relative}.canvas-shell{aspect-ratio:1;background:#fff;border-radius:14px;width:min(100%,100vh - 24px);height:auto;padding-top:0;overflow:hidden;box-shadow:0 12px 36px #00000014}.color-count-slider{inset:50% 30px auto auto;transform:translateY(-50%)}.color-count-limit.top{transform:none}.panel-top-actions{background:#fff;border-bottom:1px solid #f0ebe2;align-items:center;gap:8px;padding:10px 12px;display:flex}.panel-action-btn{cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;height:36px;font-size:13px;font-weight:800;transition:all .15s;display:flex}.panel-import-btn{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.panel-import-btn:hover{background:#f1f5f9;border-color:#94a3b8}.panel-export-btn{color:#101a2f;background:#ffbd1b;border-color:#f59e0b;box-shadow:0 2px 8px #ffbd1b59}.panel-export-btn:hover{filter:brightness(1.05)}.panel-action-btn .control-icon{width:15px;height:15px}.canvas-tool-popover{z-index:50;background:#fffdf7;border:1px solid #eadbbd;border-radius:16px;flex-direction:column;gap:10px;width:252px;max-width:252px;max-height:calc(100vh - 48px);padding:14px;transition:all .2s;display:flex;position:absolute;top:50%;left:78px;right:auto;overflow-y:auto;transform:translateY(-50%);box-shadow:0 12px 36px #101a2f33}.canvas-tool-popover-header{border-bottom:1px solid #f2e9dc;min-height:auto;padding-bottom:2px}.canvas-tool-popover-title{color:#101a2f;font-size:15px;font-weight:800}.canvas-tool-popover-note{color:#7d8998;font-size:11px;line-height:1.3}.canvas-tool-popover-close{border-radius:8px;width:48px;min-width:48px;height:28px;font-size:12px;font-weight:700}.selected-color-status{min-height:auto;font-size:12px;font-weight:700}.selected-color-code{border-radius:6px;min-width:50px;height:28px;font-size:13px}.tool-color-search-input{border-width:1px;border-radius:8px;height:32px;padding:0 28px 0 10px;font-size:13px}.tool-color-search-clear{width:20px;height:20px;font-size:12px;right:6px}.tool-color-empty-tip{padding:10px 0;font-size:12px}.tool-color-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.tool-color-chip{border-radius:8px;height:34px}.tool-color-chip span{font-size:11px;font-weight:800}.tool-palette-pager{justify-content:space-between;align-items:center;padding-top:4px;font-size:12px;display:flex}.tool-palette-pager button{border-radius:6px;height:28px;padding:0 10px;font-size:12px;font-weight:700}.canvas-workspace.has-tool-popover .canvas-center{max-width:calc(100% - 340px);margin-left:auto;margin-right:auto}.upload-home{max-width:none;padding-left:max(calc(42 * var(--rpx)), calc(50% - 320px));padding-right:max(calc(42 * var(--rpx)), calc(50% - 320px))}.upload-home-header{text-align:center;align-items:center}.upload-home-primary,.upload-home-secondary{width:min(calc(520 * var(--rpx)), 360px)}.crop-preparer{max-width:none}.crop-options{padding-left:max(calc(24 * var(--rpx)), calc(50% - 400px));padding-right:max(calc(24 * var(--rpx)), calc(50% - 400px))}.immersive-mode{max-width:none}.immersive-usage{width:min(920px, calc(100% - calc(48 * var(--rpx))));left:50%;right:auto;transform:translate(-50%)}.export-dialog-backdrop{align-items:center;padding:32px}.export-dialog{border-bottom:calc(3 * var(--rpx)) solid #101a2f;border-radius:24px;max-width:520px;max-height:min(86vh,900px)}.export-viewer-footer{padding-left:max(calc(28 * var(--rpx)), calc(50% - 390px));padding-right:max(calc(28 * var(--rpx)), calc(50% - 390px));align-items:center}.export-viewer-footer-copy{text-align:center;align-items:center}.export-viewer-actions{width:100%;max-width:780px;margin:0 auto}}@media (min-width:1440px){.studio-page{--studio-sidebar:440px}}@media (pointer:fine){button:not([disabled]){cursor:pointer}.canvas-shell .canvas-stage{cursor:crosshair}.canvas-shell[data-tool=hand] .canvas-stage{cursor:grab}.canvas-shell[data-tool=hand] .canvas-stage:active{cursor:grabbing}.canvas-shell.is-panning .canvas-stage,.canvas-shell.is-panning #workbenchOverlayCanvas{cursor:grabbing!important}.canvas-shell.is-space-pressed .canvas-stage,.canvas-shell.is-space-pressed #workbenchOverlayCanvas{cursor:grab!important}.canvas-shell.is-space-pressed.is-panning .canvas-stage,.canvas-shell.is-space-pressed.is-panning #workbenchOverlayCanvas{cursor:grabbing!important}.canvas-shell[data-tool=select] .canvas-stage,.canvas-shell[data-tool=select] #workbenchOverlayCanvas{cursor:crosshair!important}.canvas-shell[data-tool=picker],.canvas-shell[data-tool=picker] .canvas-stage,.canvas-shell[data-tool=picker] #workbenchCanvas,.canvas-shell[data-tool=picker] #workbenchOverlayCanvas,.canvas-workspace[data-tool=picker],body.studio-tool-picker,body.studio-tool-picker *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m2 22 1-1h3l9-9-4-4-9 9v3l1 1Z' fill='%23101a2f' stroke='%23ffffff' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M11 9l4 4' stroke='%23ffffff' stroke-width='1.5'/%3E%3Cpath d='m15 5 4 4 3-3-4-4-3 3Z' fill='%2327312e' stroke='%23ffffff' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='2' cy='22' r='1.5' fill='%23ff5b36'/%3E%3C/svg%3E") 2 22,crosshair!important}.color-count-slider{cursor:ns-resize}.immersive-stage,.export-viewer-stage{cursor:grab}.immersive-stage:active,.export-viewer-stage:active{cursor:grabbing}.canvas-toolbar-button:hover:not([disabled]):not(.active){background:#fff3d2}.command-button:hover:not([disabled]){filter:brightness(.94)}.crop-move{cursor:move;inset:0}.crop-handle{width:26px;height:26px}.crop-n,.crop-s{cursor:ns-resize;width:44px;height:14px;margin-left:-22px;left:50%}.crop-n{top:-7px}.crop-s{bottom:-7px}.crop-e,.crop-w{cursor:ew-resize;width:14px;height:44px;margin-top:-22px;top:50%}.crop-e{right:-7px}.crop-w{left:-7px}.crop-nw{cursor:nwse-resize;top:-13px;left:-13px}.crop-ne{cursor:nesw-resize;top:-13px;right:-13px}.crop-sw{cursor:nesw-resize;bottom:-13px;left:-13px}.crop-se{cursor:nwse-resize;bottom:-13px;right:-13px}.crop-n .crop-grip,.crop-s .crop-grip{border-radius:2px;width:24px;height:4px;top:5px;left:10px}.crop-e .crop-grip,.crop-w .crop-grip{border-radius:2px;width:4px;height:24px;top:10px;left:5px}.crop-nw .crop-grip,.crop-ne .crop-grip,.crop-sw .crop-grip,.crop-se .crop-grip{border-radius:3px;width:14px;height:14px;top:6px;left:6px}}.canvas-selection-box{pointer-events:none;box-sizing:border-box;z-index:10;background:#3b82f629;border-radius:2px;position:absolute}.canvas-selection-border{outline-offset:-1.5px;border:1.5px dashed #2563eb;border-radius:2px;outline:1.5px dashed #fff;animation:.7s linear infinite marchingAnts;position:absolute;inset:0}@keyframes marchingAnts{0%{stroke-dashoffset:0;outline-offset:-1.5px}50%{outline-offset:-1px}to{stroke-dashoffset:16px;outline-offset:-1.5px}}.canvas-selection-badge{color:#fff;white-space:nowrap;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101a2feb;border-radius:4px;align-items:center;gap:6px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:-28px;left:0;box-shadow:0 2px 6px #00000059}.canvas-selection-clear-btn{color:#fff;cursor:pointer;pointer-events:auto;background:#ef4444;border:none;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600;line-height:1.4;transition:background .15s}.canvas-selection-clear-btn:hover{background:#dc2626}.canvas-transform-box{box-sizing:border-box;z-index:30;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;background:#0070f30d;border:1.5px solid #0070f3;position:absolute;box-shadow:0 0 0 1px #fffc,inset 0 0 0 1px #fff6}.canvas-transform-box.dragging{border-color:#38bdf8}.transform-handle{box-sizing:border-box;z-index:31;touch-action:none;background:#fff;border:1.5px solid #0070f3;border-radius:1px;width:10px;height:10px;transition:transform .1s,background-color .1s;position:absolute;box-shadow:0 1px 3px #0000004d}.transform-handle:hover,.transform-handle.active{background:#0070f3;transform:scale(1.3)}.transform-handle.nw{cursor:nwse-resize;top:-5px;left:-5px}.transform-handle.n{cursor:ns-resize;top:-5px;left:calc(50% - 5px)}.transform-handle.ne{cursor:nesw-resize;top:-5px;right:-5px}.transform-handle.e{cursor:ew-resize;top:calc(50% - 5px);right:-5px}.transform-handle.se{cursor:nwse-resize;bottom:-5px;right:-5px}.transform-handle.s{cursor:ns-resize;bottom:-5px;left:calc(50% - 5px)}.transform-handle.sw{cursor:nesw-resize;bottom:-5px;left:-5px}.transform-handle.w{cursor:ew-resize;top:calc(50% - 5px);left:-5px}.transform-floating-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;z-index:20;pointer-events:auto;background:#121826f0;border-radius:8px;align-items:center;gap:6px;padding:4px 8px;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0006,0 0 0 1px #ffffff1a}.transform-floating-bar.flip-below{top:calc(100% + 10px);bottom:auto}.transform-info-badge{color:#e2e8f0;background:#ffffff1a;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.transform-sync-badge{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:500;display:flex}.transform-bar-btn{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:5px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.transform-bar-btn:hover{color:#fff;background:#ffffff2e}.transform-bar-btn.active{color:#fff;background:#0284c7;border-color:#38bdf8}.transform-bar-btn.commit{color:#fff;background:#16a34a;border-color:#22c55e;font-weight:600}.transform-bar-btn.commit:hover{background:#15803d}.transform-bar-btn.cancel{color:#fca5a5;background:#ef444433;border-color:#ef444466}.transform-bar-btn.cancel:hover{color:#fff;background:#ef444459}.transform-bar-divider{background:#ffffff26;width:1px;height:16px;margin:0 2px}.grid-align-modal{z-index:200;color:#fff;-webkit-user-select:none;user-select:none;background:#0d0d0d;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.grid-align-header{background:#181818;border-bottom:1px solid #292929;justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.grid-align-title{color:#fff;font-size:18px;font-weight:800}.grid-align-header-info{align-items:center;gap:16px;display:flex}.grid-align-mode-tabs{background:#242424;border-radius:8px;gap:4px;padding:3px;display:inline-flex}.grid-align-mode-tab{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .15s}.grid-align-mode-tab:hover{color:#fff}.grid-align-mode-tab.active{color:#101a2f;background:#ffbd1b;box-shadow:0 2px 8px #ffbd1b59}.grid-align-guide-banner{color:#e2e8f0;background:#1c1c1c;border-bottom:1px solid #292929;align-items:center;padding:8px 28px;font-size:13px;display:flex}.grid-align-stage.single-cell-mode{cursor:crosshair}.grid-align-box.single-cell-mode{pointer-events:none;background:#ffbd1b14;border:1.5px solid #ffbd1b;box-shadow:0 0 0 1px #000000f2}.single-cell-target{pointer-events:none;position:absolute;inset:0}.single-cell-crosshair-h{background:#ffbd1bb3;height:1px;position:absolute;top:50%;left:0;right:0}.single-cell-crosshair-v{background:#ffbd1bb3;width:1px;position:absolute;top:0;bottom:0;left:50%}.single-cell-badge{color:#ffbd1b;white-space:nowrap;pointer-events:auto;cursor:move;-webkit-user-select:none;user-select:none;background:#181818;border:1px solid #ffbd1b;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-6px);box-shadow:0 2px 8px #000000b3}.grid-align-dimension-text{color:#ffbd1b;padding:0 6px;font-size:13px;font-weight:800}.grid-align-btn-secondary{color:#ffbd1b;background:#333;border:1px solid #4d4d4d}.grid-align-btn-secondary:hover{background:#404040}.grid-align-header-actions{align-items:center;gap:12px;display:flex}.grid-align-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:700;transition:all .15s}.grid-align-btn-cancel{color:#d1d5db;background:#2b2b2b}.grid-align-btn-cancel:hover{background:#383838}.grid-align-btn-primary{color:#101a2f;background:#ffbd1b;box-shadow:0 4px 14px #ffbd1b47}.grid-align-btn-primary:hover{filter:brightness(1.06)}.grid-align-stage{cursor:grab;background:#060606;flex:1;position:relative;overflow:hidden}.grid-align-stage:active{cursor:grabbing}.grid-align-image-container{pointer-events:none;position:absolute;top:0;left:0}.grid-align-source-img{width:100%;height:100%;image-rendering:pixelated;display:block}.grid-align-box{z-index:10;box-sizing:border-box;cursor:move;border:2px solid #ffbd1b;position:absolute;box-shadow:0 0 0 1px #000000d9}.grid-align-svg{pointer-events:none;position:absolute;inset:0;overflow:visible}.grid-align-preview-canvas{pointer-events:none;opacity:.85;position:absolute;inset:0}.grid-handle{box-sizing:border-box;z-index:20;background:#ffbd1b;border:2px solid #101a2f;border-radius:3px;width:14px;height:14px;position:absolute}.grid-handle-nw{cursor:nwse-resize;top:-7px;left:-7px}.grid-handle-n{cursor:ns-resize;top:-7px;left:50%;transform:translate(-50%)}.grid-handle-ne{cursor:nesw-resize;top:-7px;right:-7px}.grid-handle-e{cursor:ew-resize;top:50%;right:-7px;transform:translateY(-50%)}.grid-handle-se{cursor:nwse-resize;bottom:-7px;right:-7px}.grid-handle-s{cursor:ns-resize;bottom:-7px;left:50%;transform:translate(-50%)}.grid-handle-sw{cursor:nesw-resize;bottom:-7px;left:-7px}.grid-handle-w{cursor:ew-resize;top:50%;left:-7px;transform:translateY(-50%)}.grid-align-zoom-pill{color:#cbd5e1;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#121212d9;border:1px solid #ffffff1f;border-radius:20px;padding:6px 14px;font-size:12px;position:absolute;bottom:16px;right:20px}.grid-align-toolbar{z-index:30;background:#181818;border-top:1px solid #292929;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex}.grid-align-control-group{align-items:center;gap:10px;display:flex}.grid-align-label{color:#9ca3af;margin-right:2px;font-size:13px;font-weight:700}.grid-align-sublabel{color:#6b7280;font-size:12px}.grid-align-counter{background:#242424;border:1px solid #383838;border-radius:6px;align-items:center;gap:4px;padding:3px 6px;display:flex}.grid-align-counter-btn{color:#fff;cursor:pointer;background:#383838;border:none;border-radius:4px;place-items:center;width:24px;height:24px;font-weight:700;display:grid}.grid-align-counter-btn:hover{background:#4a4a4a}.grid-align-counter-input{text-align:center;color:#ffbd1b;background:0 0;border:none;outline:none;width:44px;font-size:14px;font-weight:800}.grid-align-lock-btn{color:#9ca3af;cursor:pointer;background:#242424;border:1px solid #383838;border-radius:6px;padding:4px 10px;font-size:12px}.grid-align-lock-btn.active{color:#101a2f;background:#ffbd1b;border-color:#ffbd1b;font-weight:700}.grid-align-presets{gap:4px;display:flex}.grid-align-preset-btn{color:#cbd5e1;cursor:pointer;background:#242424;border:1px solid #383838;border-radius:4px;padding:4px 8px;font-size:12px}.grid-align-preset-btn:hover{background:#333}.grid-align-preset-btn.active{color:#101a2f;background:#ffbd1b;border-color:#ffbd1b;font-weight:800}.grid-align-nudge-group,.grid-align-nudge-pad,.grid-align-size-btns{flex-direction:row;align-items:center;gap:4px;display:inline-flex}.grid-align-nudge-btn{color:#cbd5e1;cursor:pointer;background:#242424;border:1px solid #383838;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.grid-align-nudge-btn:hover{color:#ffbd1b;background:#333;border-color:#ffbd1b}.grid-align-nudge-btn:active{transform:scale(.92)}.grid-align-select{color:#ffbd1b;cursor:pointer;background:#242424;border:1px solid #383838;border-radius:6px;outline:none;padding:5px 10px;font-size:13px;font-weight:700}.grid-align-checkbox-label{color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:flex}.grid-align-checkbox-label input{accent-color:#ffbd1b;cursor:pointer}.grid-align-action-btn{color:#cbd5e1;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:6px;padding:5px 12px;font-size:12px}.grid-align-action-btn:hover{color:#fff;background:#383838}.hand-draw-floating-bar{z-index:35;-webkit-backdrop-filter:blur(14px);color:#1e293b;-webkit-user-select:none;user-select:none;background:#fffffff2;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;max-width:calc(100% - 240px);padding:6px 14px;font-size:13px;font-weight:700;animation:.2s hand-draw-appear;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000014,0 1px 3px #0000000a}@keyframes hand-draw-appear{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.hand-draw-bar-title{color:#0f172a;white-space:nowrap;align-items:center;gap:8px;font-weight:800;display:flex}.hand-draw-badge-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite hand-draw-pulse;box-shadow:0 0 0 2px #10b98140}@keyframes hand-draw-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.hand-draw-opacity-control{border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;align-items:center;gap:8px;padding:0 10px;display:flex}.hand-draw-opacity-label{color:#64748b;white-space:nowrap;font-size:12px}.hand-draw-slider{accent-color:#ffbd1b;cursor:pointer;border-radius:3px;outline:none;width:84px;height:6px}.hand-draw-opacity-value{font-variant-numeric:tabular-nums;color:#0f172a;text-align:right;min-width:36px;font-size:12px;font-weight:800}.hand-draw-quick-presets{align-items:center;gap:4px;display:flex}.hand-draw-preset-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:3px 6px;font-size:11px;font-weight:700;transition:all .15s}.hand-draw-preset-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.hand-draw-preset-btn.active{color:#101a2f;background:#ffbd1b;border-color:#f59e0b;font-weight:800}.hand-draw-close-btn{color:#b91c1c;cursor:pointer;white-space:nowrap;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.hand-draw-close-btn:hover{color:#7f1d1d;background:#fca5a5}.command-button.hand-draw-btn.active{background:#ffbd1b;border-color:#f59e0b;box-shadow:0 0 0 2px #ffbd1b66}.command-button.hand-draw-btn:disabled,.canvas-toolbar-button.hand-draw-toolbar-btn:disabled{opacity:.35;cursor:not-allowed;filter:grayscale()}.command-btn-icon{justify-content:center;align-items:center;font-size:15px;display:flex}.layer-panel-section{background:#fff;border:1px solid #e7e0d3;border-radius:12px;flex-direction:column;margin:6px 12px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000a}.layer-panel-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#faf8f4;border-bottom:1px solid #eee7db;justify-content:space-between;align-items:center;padding:7px 10px;display:flex}.layer-panel-title-row{align-items:center;gap:6px;display:flex}.layer-panel-icon{width:16px;height:16px;display:block}.layer-panel-title{color:#202124;font-size:13px;font-weight:700}.layer-panel-badge{color:#5f6368;background:#eef2f6;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.layer-panel-header-right{align-items:center;gap:8px;display:flex}.layer-opacity-control{background:#fff;border:1px solid #e2ded7;border-radius:6px;align-items:center;gap:6px;padding:2px 8px;display:flex}.layer-opacity-label{color:#64748b;white-space:nowrap;font-size:11px;font-weight:600}.layer-opacity-slider{accent-color:#ffbd1b;cursor:pointer;width:54px;height:4px}.layer-opacity-val{color:#1e293b;text-align:right;font-variant-numeric:tabular-nums;min-width:32px;font-size:11px;font-weight:700}.layer-toggle-arrow-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;font-size:13px;display:flex}.layer-stack-container{background:#fdfcf9;flex-direction:column;gap:2px;max-height:180px;padding:4px;display:flex;overflow-y:auto}.layer-stack-container::-webkit-scrollbar{width:5px}.layer-stack-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.layer-stack-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:4px 6px;transition:all .15s;display:flex}.layer-stack-item:hover{background:#f8fafc;border-color:#e2e8f0}.layer-stack-item.active{background:#eff6ff;border-color:#93c5fd;box-shadow:inset 3px 0 #3b82f6}.layer-stack-item.hidden-layer{opacity:.6}.layer-item-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:background .15s,color .15s;display:flex}.layer-item-btn:hover{color:#0f172a;background:#0000000f}.layer-item-btn.muted{color:#94a3b8;opacity:.5}.layer-item-thumb-box{background-color:#f1f5f9;background-image:linear-gradient(45deg,#e2e8f0 25%,#0000 25%),linear-gradient(-45deg,#e2e8f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f0 75%),linear-gradient(-45deg,#0000 75%,#e2e8f0 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border:1px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.layer-item-thumb-canvas{width:28px;height:28px;image-rendering:pixelated;display:block}.layer-item-thumb-image{object-fit:cover;width:28px;height:28px;display:block}.layer-item-name-box{flex:1;min-width:0}.layer-item-name{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;display:block;overflow:hidden}.layer-type-tag{vertical-align:middle;border-radius:3px;margin-right:5px;padding:0 4px;font-size:10px;font-weight:700;line-height:14px;display:inline-block}.layer-type-tag.image{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.layer-type-tag.pattern{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.layer-name-text{vertical-align:middle}.layer-stack-item.active .layer-item-name{color:#1d4ed8;font-weight:700}.layer-rename-input{color:#0f172a;background:#fff;border:1px solid #3b82f6;border-radius:4px;outline:none;width:100%;padding:1px 4px;font-size:12px}.layer-item-order-btns{align-items:center;gap:1px;display:flex}.layer-order-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex}.layer-order-btn:hover:not(:disabled){color:#0f172a;background:#0000000f}.layer-order-btn:disabled{opacity:.25;cursor:default}.layer-panel-footer{background:#faf8f4;border-top:1px solid #eee7db;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:4px;padding:6px 8px;display:flex}.layer-footer-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2ded7;border-radius:6px;flex:calc(25% - 4px);justify-content:center;align-items:center;gap:2px;min-width:52px;padding:4px 6px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.layer-footer-btn:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.layer-footer-btn:disabled{opacity:.35;cursor:not-allowed}.layer-footer-btn.layer-delete-btn:hover:not(:disabled){color:#dc2626;background:#fee2e2;border-color:#fca5a5}.canvas-focus-banner{z-index:50;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f8fafc;background:#0f172af0;border:1px solid #ffbd1b73;border-radius:9999px;justify-content:space-between;align-items:center;gap:14px;padding:8px 18px;font-size:13px;animation:.25s cubic-bezier(.16,1,.3,1) focusBannerSlideDown;display:flex;position:absolute;top:56px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059,0 0 16px #ffbd1b40}@keyframes focusBannerSlideDown{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.focus-banner-left{white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.focus-pulse-dot{background:#ffbd1b;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.8s infinite focusPulse;box-shadow:0 0 #ffbd1bb3}@keyframes focusPulse{0%{transform:scale(.95);box-shadow:0 0 #ffbd1bb3}70%{transform:scale(1);box-shadow:0 0 0 8px #ffbd1b00}to{transform:scale(.95);box-shadow:0 0 #ffbd1b00}}.focus-banner-badge{color:#ffbd1b;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:700}.focus-banner-color-chip{border:1px solid #ffffff4d;border-radius:4px;padding:2px 8px;font-family:ui-monospace,monospace;font-weight:800;box-shadow:0 1px 3px #0003}.focus-banner-stat{white-space:nowrap;flex-shrink:0}.focus-banner-stat strong{color:#ffbd1b;font-size:14px}.focus-banner-exit-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:none;border-radius:12px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:600;transition:background .15s}.focus-banner-exit-btn:hover{background:#ef4444}.export-print-section{margin-top:calc(12 * var(--rpx));background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.export-physical-dimension-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin-top:10px;padding:10px 12px}.export-physical-dimension-card .dim-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.export-physical-dimension-card .dim-title{color:#1e3a8a;font-weight:600}.export-physical-dimension-card .dim-val{color:#1d4ed8;font-family:ui-monospace,monospace;font-weight:800}.export-physical-dimension-card .dim-note{color:#475569;margin-top:6px;font-size:11px;line-height:1.4}.pegboard-btn-label{letter-spacing:-.2px;font-size:11px;font-weight:700}.command-button.pegboard-grid-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.circle-tool-popover{gap:12px;width:260px;max-width:260px}.circle-popover-section{background:#fbf8f2;border:1px solid #eee4d4;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.circle-popover-section-header{justify-content:space-between;align-items:center;display:flex}.circle-popover-section-title{color:#334155;font-size:12px;font-weight:700}.circle-popover-value{color:#0284c7;font-variant-numeric:tabular-nums;background:#e0f2fe;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:800}.circle-btn-row{gap:8px;display:flex}.circle-toggle-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #dcd1be;border-radius:8px;flex:1;justify-content:center;align-items:center;height:32px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.circle-toggle-btn:hover:not(:disabled){color:#0284c7;border-color:#0284c7}.circle-toggle-btn.active{color:#fff;background:#0284c7;border-color:#0284c7;font-weight:700;box-shadow:0 2px 6px #0284c740}.circle-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.circle-slider-row{align-items:center;width:100%;display:flex}.circle-radius-slider{accent-color:#0284c7;cursor:pointer;border-radius:3px;width:100%;height:6px}.circle-stroke-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.circle-stroke-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #dcd1be;border-radius:8px;justify-content:center;align-items:center;height:30px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.circle-stroke-btn:hover{color:#0284c7;border-color:#0284c7}.circle-stroke-btn.active{color:#fff;background:#0284c7;border-color:#0284c7;font-weight:700}.circle-current-color{color:#475569;justify-content:space-between;align-items:center;margin-bottom:2px;font-size:12px;font-weight:600;display:flex}.circle-generate-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;height:36px;font-size:13px;font-weight:800;transition:all .15s;display:flex;box-shadow:0 3px 8px #0284c759}.circle-generate-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0284c773}.circle-generate-action-btn:active{transform:translateY(1px)}.circle-popover-hint{color:#94a3b8;text-align:center;margin-top:4px;font-size:10.5px}.header-ai-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);border:none;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #a855f759}.header-ai-btn:hover{transform:translateY(-1px)scale(1.02);box-shadow:0 4px 14px #a855f780}.header-ai-btn.active{background:linear-gradient(135deg,#4f46e5 0%,#9333ea 100%);box-shadow:inset 0 2px 4px #0003}.studio-ai-drawer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1000;background:#fffffff5;border-radius:16px;flex-direction:column;width:380px;height:calc(100vh - 72px);animation:.25s cubic-bezier(.16,1,.3,1) aiDrawerSlideIn;display:flex;position:fixed;top:52px;right:16px;overflow:hidden;box-shadow:0 12px 36px #00000029,0 0 0 1px #00000014}@keyframes aiDrawerSlideIn{0%{opacity:0;transform:translate(30px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.studio-ai-drawer.embedded{-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;height:100%;max-height:100%;box-shadow:none;z-index:1;background:#fff;border:none;border-radius:0;animation:none;position:relative;top:auto;right:auto}.ai-panel-container{background:#fff;flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.right-rail-tab{color:#7b6a55;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:36px;padding:10px 0;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.right-rail-tab:hover{color:#101a2f;background:#f1ebd8;transform:translateY(-1px)}.right-rail-tab.active{color:#101a2f;background:#ffbd1b;border-color:#f2a900;font-weight:800;box-shadow:0 4px 12px #ffbd1b59}.rail-tab-icon{justify-content:center;align-items:center;font-size:17px;line-height:1;display:flex}.rail-tab-label{writing-mode:vertical-rl;letter-spacing:2px;font-size:11px;line-height:1.2}.rail-tab-badge{background:#ef4444;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse;position:absolute;top:4px;right:4px;box-shadow:0 0 4px #ef444480}@media (max-width:1023px){.workbench-right-panel{min-width:0;min-height:0;height:calc(520 * var(--rpx));border-radius:calc(36 * var(--rpx)) calc(36 * var(--rpx)) 0 0;box-shadow:0 calc(-14 * var(--rpx)) calc(38 * var(--rpx)) #6c4e1a1f;background:#fffdf7;flex-direction:column;grid-area:4/1;display:flex;position:relative;overflow:hidden}.workbench-right-content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.workbench-right-content .tool-panel{box-shadow:none;border-radius:0;height:100%}.right-panel-rail{display:none}}.ai-drawer-header{background:#fff;border-bottom:1px solid #efeae0;flex-direction:column;flex-shrink:0;gap:8px;padding:11px 14px;display:flex}.ai-header-top-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.ai-header-left{align-items:center;gap:8px;min-width:0;display:flex}.ai-status-indicator{background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 8px #22c55e}.ai-header-title{color:#101a2f;white-space:nowrap;flex-shrink:0;font-size:14px;font-weight:700}.ai-model-tag{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:500}.ai-header-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.ai-header-sub-row{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.ai-chat-id-badge{color:#7b6a55;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fbf8f0;border:1px solid #ebdcc4;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:2px 8px;font-size:11px;transition:all .15s;display:inline-flex}.ai-chat-id-badge:hover{color:#101a2f;background:#fdf2d0;border-color:#ffbd1b;transform:translateY(-.5px)}.ai-chat-id-label{color:#c49a45;white-space:nowrap;font-size:10.5px;font-weight:700}.ai-chat-id-value{color:#101a2f;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10.5px;font-weight:600;overflow:hidden}.ai-header-status-hint{color:#a18d72;white-space:nowrap;font-size:11px}.ai-icon-btn{cursor:pointer;color:#64748b;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.ai-icon-btn:hover{color:#0f172a;background:#f8fafc;border-color:#e2e8f0}.ai-messages-container{flex-direction:column;flex:1;gap:12px;padding:14px;display:flex;overflow-y:auto}.ai-welcome-banner-card{background:linear-gradient(135deg,#fffdf7 0%,#fdf8eb 100%);border:1px solid #ebdcc4;border-radius:12px;align-items:center;gap:14px;margin-bottom:4px;padding:14px 16px;animation:.25s ease-out aiCardSlideDown;display:flex;box-shadow:0 2px 8px #6c4e1a0f}.ai-welcome-illustration{flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-welcome-content{flex-direction:column;gap:4px;display:flex}.ai-welcome-title{color:#101a2f;letter-spacing:.3px;font-size:13.5px;font-weight:800}.ai-welcome-subtitle{color:#7b6a55;font-size:11.5px;line-height:1.45}.ai-message-row{align-items:flex-start;gap:8px;display:flex}.ai-message-row.user{justify-content:flex-end}.ai-avatar-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 1px 3px #00000014}.ai-avatar{background:linear-gradient(135deg,#e0e7ff 0%,#ede9fe 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.ai-avatar.user{background:#f1f5f9}.ai-message-bubble{flex-direction:column;gap:6px;min-width:0;max-width:85%;display:flex}.ai-message-row.assistant .ai-message-bubble{flex:1;max-width:100%}.ai-message-row.user .ai-message-text{color:#fff;word-break:break-word;background:#3b82f6;border-radius:14px 2px 14px 14px;padding:8px 12px;font-size:13px;line-height:1.45;box-shadow:0 1px 4px #3b82f640}.ai-message-row.assistant .ai-message-text{color:#1e293b;white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:2px 14px 14px;padding:10px 12px;font-size:13px;line-height:1.55}.ai-thinking-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;margin-bottom:2px;transition:all .2s;overflow:hidden}.ai-thinking-card.expanded{border-color:#cbd5e1;box-shadow:0 1px 3px #0000000a}.ai-thinking-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f1f5f9;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;transition:background .15s;display:flex}.ai-thinking-header:hover{background:#e2e8f0}.ai-thinking-title-left{align-items:center;gap:6px;min-width:0;display:flex}.ai-thinking-icon{flex-shrink:0;font-size:13px}.ai-thinking-label{color:#475569;font-weight:600}.ai-thinking-pulse-badge{color:#7c3aed;background:#ede9fe;border-radius:10px;align-items:center;gap:4px;padding:1px 6px;font-size:10.5px;font-weight:600;display:inline-flex}.ai-thinking-pulse-dot{background:#8b5cf6;border-radius:50%;width:5px;height:5px;animation:1.2s infinite pulse}.ai-thinking-arrow{color:#94a3b8;flex-shrink:0;font-size:12px}.ai-thinking-content{color:#64748b;white-space:pre-wrap;word-break:break-word;background:#fff;border-top:1px solid #f1f5f9;max-height:180px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.55;overflow-y:auto}.ai-thinking-content::-webkit-scrollbar{width:4px}.ai-thinking-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.ai-tool-execution-list{flex-direction:column;gap:6px;width:100%;display:flex}.ai-tool-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #00000008}.ai-tool-card.running{background:#fffdfa;border-color:#fde68a;box-shadow:0 0 0 1px #f59e0b33}.ai-tool-card.success{background:#fcfffd;border-color:#bbf7d0}.ai-tool-card.failed{background:snow;border-color:#fecaca}.ai-tool-card-header{background:#fafafa;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:6px;padding:7px 10px;display:flex}.ai-tool-card.running .ai-tool-card-header{background:#fefce8;border-bottom-color:#fef08a}.ai-tool-card.success .ai-tool-card-header{background:#f0fdf4;border-bottom-color:#dcfce7}.ai-tool-card.failed .ai-tool-card-header{background:#fef2f2;border-bottom-color:#fee2e2}.ai-tool-card-left{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.ai-tool-icon{flex-shrink:0;font-size:14px}.ai-tool-title{color:#1e293b;white-space:nowrap;font-size:12.5px;font-weight:700}.ai-tool-fn-tag{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10.5px;overflow:hidden}.ai-tool-status-badge{white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.ai-tool-status-badge.running{color:#b45309;background:#fef3c7;border:1px solid #fde68a;animation:1.5s infinite toolPulse}@keyframes toolPulse{0%,to{opacity:1}50%{opacity:.65}}.ai-tool-status-badge.success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.ai-tool-status-badge.failed{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.ai-tool-status-badge.pending{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.ai-tool-body{flex-direction:column;gap:4px;padding:7px 10px;display:flex}.ai-tool-args-preview{color:#475569;word-break:break-all;background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;padding:4px 8px;font-size:11px}.ai-tool-result-box{border-radius:6px;align-items:flex-start;gap:5px;padding:4px 8px;font-size:11.5px;line-height:1.4;display:flex}.ai-tool-result-box.success{color:#166534;background:#f0fdf4;border:1px solid #dcfce7}.ai-tool-result-box.failed{color:#991b1b;background:#fef2f2;border:1px solid #fee2e2}.ai-tool-result-icon{flex-shrink:0;margin-top:1px;font-size:12px}.ai-tool-result-text{word-break:break-word;flex:1;min-width:0}.ai-tool-calls-box{flex-direction:column;gap:4px;display:flex}.ai-tool-badge{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:11.5px;display:flex}.ai-tool-badge.running{color:#92400e;background:#fef3c7;border-color:#fde68a}.ai-tool-badge.success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.ai-tool-badge.failed{color:#991b1b;background:#fef2f2;border-color:#fecaca}.ai-tool-name{font-family:monospace;font-weight:600}.ai-tool-result-note{color:#475569;margin-left:auto;font-size:11px}.ai-rollback-row{margin-top:4px}.ai-rollback-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.ai-rollback-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.ai-streaming-row{color:#64748b;background:#f8fafc;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.ai-dot-pulse{background:#a855f7;border-radius:50%;width:6px;height:6px;animation:1s infinite pulse}.ai-streaming-label{align-items:center;gap:6px;display:flex}.ai-streaming-timer{color:#7c3aed;font-variant-numeric:tabular-nums;background:#ede9fe;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-flex}.ai-stop-btn{color:#991b1b;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:11px}.ai-response-meta{justify-content:flex-end;align-items:center;gap:6px;margin-top:2px;display:flex}.ai-duration-pill{color:#94a3b8;font-variant-numeric:tabular-nums;background:#f1f5f9;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:10.5px;display:inline-flex}.ai-quick-prompts{background:#fff;border-top:1px solid #f1f5f9;padding:8px 12px}.ai-quick-chips-scroll{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.ai-quick-chips-scroll::-webkit-scrollbar{display:none}.ai-chip-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;padding:4px 9px;font-size:11.5px;transition:all .15s}.ai-chip-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.canvas-selection-ai-btn{box-shadow:0 1px 4px #8b5cf659;color:#fff!important;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%)!important}.ai-chip-select-btn{font-weight:600;color:#db2777!important;background:#fdf2f8!important;border-color:#fbcfe8!important}.ai-chip-select-btn:hover{background:#fce7f3!important;border-color:#f472b6!important}.ai-chip-import-btn{font-weight:600;color:#15803d!important;background:#f0fdf4!important;border-color:#bbf7d0!important}.ai-chip-import-btn:hover{background:#dcfce7!important}.ai-photo-guide-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding:8px 10px;display:flex}.ai-photo-guide-left{align-items:center;gap:6px;min-width:0;display:flex}.ai-photo-guide-icon{flex-shrink:0;font-size:16px}.ai-photo-guide-text{flex-direction:column;min-width:0;display:flex}.ai-photo-guide-title{color:#166534;font-size:11.5px;font-weight:700;line-height:1.25}.ai-photo-guide-desc{color:#15803d;font-size:10.5px;line-height:1.2}.ai-photo-guide-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#16a34a;border:none;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s}.ai-photo-guide-btn:hover{background:#15803d}.ai-no-tools-notice{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;margin-top:4px;padding:6px 9px;font-size:11px;line-height:1.4}.ai-marked-region-card{background:#faf5ff;border-top:1px solid #f3e8ff;border-bottom:1px solid #f3e8ff;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;animation:.2s ease-out aiCardSlideDown;display:flex}@keyframes aiCardSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.region-card-info{align-items:center;gap:8px;min-width:0;display:flex}.region-pin-icon{flex-shrink:0;font-size:15px}.region-text-group{flex-direction:column;min-width:0;display:flex}.region-title{color:#7e22ce;font-size:11px;font-weight:700;line-height:1.2}.region-coords{color:#a855f7;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.region-card-clear-btn{color:#9333ea;cursor:pointer;background:#fff;border:1px solid #e9d5ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:all .15s;display:flex}.region-card-clear-btn:hover{color:#6b21a8;background:#f3e8ff;border-color:#d8b4fe}.ai-region-badge{color:#fff;background:#ffffff38;border:1px solid #ffffff59;border-radius:6px;align-items:center;gap:4px;margin-bottom:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.ai-region-badge-icon{font-size:12px}.ai-region-user-text{font-size:13px;line-height:1.45}.ai-input-wrapper{box-sizing:border-box;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;align-items:flex-end;gap:8px;width:100%;padding:10px 12px;display:flex}.ai-textarea{resize:none;border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;min-width:0;min-height:48px;max-height:120px;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.45;transition:border-color .15s,box-shadow .15s}.ai-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.ai-send-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:64px;height:40px;padding:0 14px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.ai-send-btn:hover:not(:disabled){background:#2563eb}.ai-send-btn:disabled{opacity:.5;cursor:not-allowed}.ai-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background:#101a2fa6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ai-modal-content{background:#fff;border-radius:14px;flex-direction:column;width:90%;max-width:480px;animation:.2s cubic-bezier(.16,1,.3,1) aiModalZoomIn;display:flex;overflow:hidden;box-shadow:0 20px 48px #0003}@keyframes aiModalZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ai-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.ai-modal-title{color:#0f172a;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.ai-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:16px}.ai-modal-body{flex-direction:column;gap:14px;max-height:70vh;padding:16px 18px;display:flex;overflow-y:auto}.ai-setting-field{flex-direction:column;gap:6px;display:flex}.ai-setting-label-row{justify-content:space-between;align-items:center;display:flex}.ai-setting-label{color:#334155;font-size:12.5px;font-weight:600}.ai-key-toggle{color:#3b82f6;cursor:pointer;background:0 0;border:none;font-size:11px}.ai-provider-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.ai-provider-btn{color:#475569;cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:500;transition:all .15s}.ai-provider-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.ai-setting-input{border:1px solid #cbd5e1;border-radius:7px;outline:none;width:100%;padding:7px 10px;font-size:12.5px;transition:border-color .15s}.ai-setting-input:focus{border-color:#3b82f6}.ai-setting-range{cursor:pointer;width:100%}.ai-setting-hint{color:#94a3b8;font-size:11px;line-height:1.4}.ai-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.ai-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 14px;font-size:12.5px}.ai-btn-save{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:6px 16px;font-size:12.5px;font-weight:600}.ai-modal-expanded{width:92%!important;max-width:680px!important}.ai-modal-nav-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:4px;padding:0 12px;display:flex}.ai-modal-nav-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.ai-modal-nav-tab:hover{color:#1e293b}.ai-modal-nav-tab.active{color:#2563eb;background:#fff;border-bottom-color:#2563eb}.ai-modal-badge{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.ai-skills-body{flex-direction:column;display:flex;gap:12px!important;padding:14px 18px!important}.ai-skills-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.ai-skills-banner-info{flex-direction:column;gap:2px;display:flex}.ai-skills-banner-title{color:#166534;font-size:12.5px;font-weight:700}.ai-skills-banner-desc{color:#15803d;font-size:11px;line-height:1.4}.ai-skills-banner-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.ai-skill-action-btn{color:#fff;cursor:pointer;background:#16a34a;border:1px solid #16a34a;border-radius:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:opacity .15s}.ai-skill-action-btn.secondary{color:#166534;background:#fff;border-color:#86efac}.ai-skill-action-btn:hover{opacity:.9}.ai-skills-list{flex-direction:column;gap:10px;display:flex}.ai-skill-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:12px;transition:all .15s;display:flex}.ai-skill-card.enabled{border-color:#93c5fd;box-shadow:0 1px 3px #2563eb0f}.ai-skill-card.disabled{opacity:.65;background:#f8fafc}.ai-skill-card-top{align-items:flex-start;gap:10px;display:flex}.ai-skill-icon{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:4px;font-size:22px;line-height:1}.ai-skill-meta{flex-direction:column;flex:1;gap:3px;display:flex}.ai-skill-title-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ai-skill-name{color:#0f172a;font-size:13.5px;font-weight:700}.ai-skill-tag{color:#64748b;font-family:monospace;font-size:10.5px}.ai-skill-category-badge{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.ai-skill-desc{color:#475569;font-size:11.5px;line-height:1.45}.ai-switch-label{cursor:pointer;flex-shrink:0;width:38px;height:22px;display:inline-block;position:relative}.ai-switch-checkbox{opacity:0;width:0;height:0}.ai-switch-slider{cursor:pointer;background-color:#cbd5e1;border-radius:22px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.ai-switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.ai-switch-checkbox:checked+.ai-switch-slider{background-color:#2563eb}.ai-switch-checkbox:checked+.ai-switch-slider:before{transform:translate(16px)}.ai-skill-card-bottom{border-top:1px dashed #f1f5f9;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;display:flex}.ai-skill-tools-row,.ai-skill-examples-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ai-skill-subhead{color:#64748b;font-size:11px;font-weight:600}.ai-skill-tool-pill{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:1px 6px;font-size:10px}.ai-skill-example-chip{color:#854d0e;background:#fefce8;border:1px solid #fef08a;border-radius:4px;padding:1px 6px;font-size:10.5px}.ai-skill-details-toggle{color:#2563eb;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:2px;padding:2px 0;font-size:10.5px;font-weight:600}.ai-skill-details-toggle:hover{text-decoration:underline}.ai-skill-prompt-preview{color:#334155;white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:4px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.ai-logs-body{flex-direction:column;display:flex;gap:10px!important;padding:14px 18px!important}.ai-logs-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.ai-logs-toolbar-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.ai-logs-count{color:#475569;white-space:nowrap;font-size:11.5px;font-weight:600}.ai-logs-search-input{background:#fff;border:1px solid #cbd5e1;border-radius:4px;outline:none;flex:1;max-width:250px;height:26px;padding:0 8px;font-size:11px;transition:border-color .15s}.ai-logs-search-input:focus{border-color:#ffbd1b;box-shadow:0 0 0 2px #ffbd1b33}.ai-logs-search-clear{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:4px;margin-left:-6px;padding:2px 5px;font-size:10px}.ai-logs-search-clear:hover{color:#0f172a;background:#f1f5f9}.ai-logs-actions{align-items:center;gap:6px;display:flex}.ai-log-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.ai-log-btn:hover{background:#f1f5f9}.ai-log-btn.danger{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.ai-log-btn.danger:hover{background:#fee2e2}.ai-logs-empty{text-align:center;color:#94a3b8;padding:36px 16px;font-size:12px}.ai-logs-list{flex-direction:column;gap:8px;display:flex}.ai-log-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;transition:border-color .15s;display:flex}.ai-log-item:hover{border-color:#94a3b8}.ai-log-item.error{border-left:3px solid #ef4444}.ai-log-item.timeout{border-left:3px solid #f59e0b}.ai-log-item.success{border-left:3px solid #10b981}.ai-log-item-header{align-items:center;gap:8px;display:flex}.ai-log-status-badge{border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.ai-log-status-badge.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.ai-log-status-badge.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.ai-log-status-badge.timeout{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.ai-log-chat-id-tag{color:#7b6a55;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fbf8f0;border:1px solid #ebdcc4;border-radius:4px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;transition:all .15s}.ai-log-chat-id-tag:hover{color:#101a2f;background:#ffbd1b;border-color:#f2a900}.ai-log-time{color:#64748b;font-size:11px}.ai-log-model{color:#475569;background:#f1f5f9;border-radius:3px;padding:0 5px;font-family:monospace;font-size:11px}.ai-log-duration{color:#7c3aed;background:#f5f3ff;border-radius:3px;margin-left:auto;padding:1px 5px;font-size:10.5px;font-weight:700}.ai-log-prompt{color:#1e293b;font-size:12px;line-height:1.4}.ai-log-tools-summary{flex-wrap:wrap;gap:4px;display:flex}.ai-log-tool-tag{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:3px;padding:1px 5px;font-size:10px}.ai-log-error-text{color:#dc2626;background:#fef2f2;border-radius:4px;padding:4px 6px;font-size:11px}.ai-log-details{border-top:1px dashed #e2e8f0;flex-direction:column;gap:8px;margin-top:6px;padding-top:8px;display:flex}.ai-log-detail-block{flex-direction:column;gap:2px;display:flex}.ai-log-detail-title{color:#475569;font-size:11px;font-weight:700}.ai-log-pre{white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;max-height:160px;margin:0;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10.5px;overflow-y:auto}.ai-log-content-text{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:6px 8px;font-size:11.5px;line-height:1.4}.ai-import-panel-container{background:#fff;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.chatgpt-embedded-wrapper{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.chatgpt-modal-card.embedded{width:100%;max-width:100%;height:100%;max-height:100%;box-shadow:none;border:none;border-radius:0}.chatgpt-modal-card.embedded .chatgpt-modal-header{padding:12px 16px}.chatgpt-modal-card.embedded .chatgpt-modal-title{font-size:14.5px}.chatgpt-modal-card.embedded .chatgpt-modal-subtitle{font-size:11px}.chatgpt-modal-card.embedded .chatgpt-modal-body{gap:14px;padding:14px 16px}.chatgpt-modal-card.embedded .chatgpt-import-dual-channels{grid-template-columns:1fr}.chatgpt-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0f172aa6;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out chatgptFadeIn;display:flex;position:fixed;inset:0}@keyframes chatgptFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.chatgpt-modal-card{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:860px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px -12px #00000040,0 0 0 1px #00000014}.chatgpt-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.chatgpt-modal-header-left{align-items:center;gap:12px;display:flex}.chatgpt-logo-badge{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.chatgpt-modal-title{color:#0f172a;font-size:16px;font-weight:800}.chatgpt-modal-subtitle{color:#64748b;margin-top:2px;font-size:12px}.chatgpt-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.chatgpt-modal-close-btn:hover{color:#1e293b;background:#e2e8f0}.chatgpt-modal-body{flex-direction:column;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.chatgpt-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.chatgpt-section-header{align-items:center;gap:10px;display:flex}.chatgpt-step-badge{color:#fff;background:#10a37f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:flex}.chatgpt-section-title{color:#1e293b;font-size:14px;font-weight:700}.chatgpt-form-group{flex-direction:column;gap:6px;display:flex}.chatgpt-form-label{color:#475569;font-size:12px;font-weight:600}.chatgpt-input-textarea{color:#1e293b;resize:vertical;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:13px;transition:border-color .15s}.chatgpt-input-textarea:focus{border-color:#10a37f;box-shadow:0 0 0 3px #10a37f1f}.chatgpt-presets-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.chatgpt-presets-hint{color:#94a3b8;font-size:11px}.chatgpt-preset-chip{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:11.5px;transition:all .15s}.chatgpt-preset-chip:hover{color:#065f46;background:#ecfdf5;border-color:#6ee7b7}.chatgpt-specs-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.chatgpt-spec-item{align-items:center;gap:6px;display:flex}.chatgpt-spec-label{color:#475569;font-size:12px;font-weight:600}.chatgpt-spec-input{color:#1e293b;text-align:center;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:60px;padding:4px 8px;font-size:13px;font-weight:700}.chatgpt-spec-input:focus{border-color:#10a37f}.chatgpt-quick-sizes{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chatgpt-size-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:600;transition:all .15s}.chatgpt-size-btn:hover{color:#10a37f;border-color:#10a37f}.chatgpt-size-btn.active{color:#fff;background:#10a37f;border-color:#10a37f}.chatgpt-options-row{color:#334155;flex-direction:column;gap:8px;font-size:12px;display:flex}.chatgpt-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.chatgpt-checkbox-label input{accent-color:#10a37f;cursor:pointer;width:15px;height:15px}.chatgpt-color-limit-row{align-items:center;gap:8px;margin-top:2px;display:flex}.chatgpt-select{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:3px 8px;font-size:12px}.chatgpt-prompt-preview-wrapper{background:#0f172a;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden}.chatgpt-prompt-preview-header{background:#1e293b;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.chatgpt-prompt-preview-tag{color:#38bdf8;font-size:11px;font-weight:600}.chatgpt-prompt-char-count{color:#94a3b8;font-size:11px}.chatgpt-color-guard-notice{color:#6ee7b7;background:#10b98126;border-bottom:1px solid #10b98140;align-items:center;gap:6px;padding:6px 12px;font-size:11px;line-height:1.4;display:flex}.chatgpt-prompt-code-block{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;max-height:200px;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px;line-height:1.5;overflow-y:auto}.chatgpt-actions-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.chatgpt-copy-btn{color:#fff;cursor:pointer;background:#10a37f;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:200px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 4px #10a37f40}.chatgpt-copy-btn:hover{background:#0d8c6d;transform:translateY(-1px)}.chatgpt-copy-btn.copied{background:#059669}.chatgpt-external-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.chatgpt-external-btn:hover{color:#0f172a;background:#e2e8f0;border-color:#94a3b8}.chatgpt-import-dual-channels{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:768px){.chatgpt-import-dual-channels{grid-template-columns:1fr}}.chatgpt-import-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.chatgpt-box-title{color:#1e293b;font-size:13px;font-weight:700}.chatgpt-box-desc{color:#64748b;font-size:11.5px;line-height:1.4}.chatgpt-paste-textarea{color:#1e293b;resize:vertical;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px}.chatgpt-paste-textarea:focus{border-color:#10a37f}.chatgpt-paste-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:4px 8px;font-size:11px}.chatgpt-paste-import-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}.chatgpt-paste-import-btn:hover:not(:disabled){background:#0369a1}.chatgpt-paste-import-btn:disabled{opacity:.5;cursor:not-allowed}.chatgpt-file-import-action-area{flex-direction:column;gap:8px;margin-top:auto;display:flex}.chatgpt-file-upload-btn{color:#1e293b;cursor:pointer;background:#fff;border:1.5px dashed #94a3b8;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.chatgpt-file-upload-btn:hover{color:#10a37f;background:#ecfdf5;border-color:#10a37f}.chatgpt-file-hint{color:#94a3b8;text-align:center;font-size:11px}.studio-tabs-bar{pointer-events:auto;scrollbar-width:none;align-items:center;gap:6px;max-width:calc(100vw - 360px);padding:2px 4px;display:flex;overflow:auto hidden}.studio-tabs-bar::-webkit-scrollbar{display:none}.studio-tab-item{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#475569;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#ffffffb8;border:1px solid #e2e8f0e6;border-radius:9px;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.studio-tab-item:hover{color:#1e293b;background:#fff;border-color:#cbd5e1}.studio-tab-item.active{color:#fff;background:#101a2f;border-color:#101a2f;box-shadow:0 2px 8px #101a2f2e}.studio-tab-icon{opacity:.8;flex-shrink:0}.studio-tab-item.active .studio-tab-icon{color:#ffbd1b;opacity:1}.studio-tab-title{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.studio-tab-rename-input{color:#101a2f;background:#fff;border:1px solid #3b82f6;border-radius:4px;outline:none;width:90px;height:22px;padding:0 4px;font-size:12px;font-weight:700}.studio-tab-size{color:#64748b;background:#0000000f;border-radius:6px;align-items:center;padding:1px 6px;font-family:monospace;font-size:11px;font-weight:600;display:inline-flex}.studio-tab-item.active .studio-tab-size{color:#ffd66d;background:#fff3}.studio-tab-close{width:18px;height:18px;color:inherit;opacity:.55;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;font-size:14px;line-height:1;transition:all .12s;display:flex}.studio-tab-close:hover{opacity:1;color:#ef4444;background:#ef444429}.studio-tab-item.active .studio-tab-close:hover{color:#fff;background:#ef4444cc}.studio-tab-add-btn{color:#3b82f6;cursor:pointer;white-space:nowrap;background:#fff;border:1px dashed #cbd5e1;border-radius:9px;align-items:center;gap:5px;height:34px;padding:0 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.studio-tab-add-btn:hover{background:#eff6ff;border-style:solid;border-color:#3b82f6}.board-size-scope-badge{color:#0284c7;letter-spacing:.2px;background:#e0f2fe;border-radius:4px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:700}.new-sheet-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101a2f8c;justify-content:center;align-items:center;animation:.15s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.new-sheet-modal-dialog{background:#fff;border-radius:16px;flex-direction:column;width:480px;max-width:92vw;display:flex;overflow:hidden;box-shadow:0 20px 48px #101a2f3d,0 0 0 1px #0000000a}.new-sheet-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.new-sheet-modal-title-row{align-items:center;gap:10px;display:flex}.new-sheet-modal-icon{color:#ffbd1b}.new-sheet-modal-title{color:#101a2f;font-size:17px;font-weight:800}.new-sheet-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;transition:all .15s;display:flex}.new-sheet-modal-close:hover{color:#1e293b;background:#f1f5f9}.new-sheet-modal-body{flex-direction:column;gap:18px;padding:20px 24px;display:flex}.new-sheet-form-item{flex-direction:column;gap:8px;display:flex}.new-sheet-form-label{color:#334155;font-size:13px;font-weight:700}.new-sheet-input{color:#101a2f;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;height:38px;padding:0 14px;font-size:14px;font-weight:600;transition:border-color .15s}.new-sheet-input:focus{border-color:#ffbd1b}.new-sheet-presets-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.new-sheet-preset-btn{cursor:pointer;text-align:left;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;flex-direction:column;align-items:flex-start;padding:8px 12px;transition:all .15s;display:flex}.new-sheet-preset-btn:hover{background:#fff;border-color:#cbd5e1}.new-sheet-preset-btn.active{background:#fff8ec;border-color:#101a2f}.new-sheet-preset-size{color:#101a2f;font-size:13px;font-weight:800}.new-sheet-preset-desc{color:#64748b;margin-top:2px;font-size:11px}.new-sheet-size-inputs-header{justify-content:space-between;align-items:center;display:flex}.new-sheet-lock-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;transition:all .15s}.new-sheet-lock-btn.locked{color:#0284c7;background:#e0f2fe}.new-sheet-dimensions-row{align-items:center;gap:12px;display:flex}.new-sheet-dim-col{flex-direction:column;flex:1;gap:4px;display:flex}.new-sheet-dim-sublabel{color:#64748b;font-size:11px;font-weight:600}.new-sheet-number-input{color:#101a2f;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;height:38px;padding:0 12px;font-size:14px;font-weight:700;transition:border-color .15s}.new-sheet-number-input:focus{border-color:#ffbd1b}.new-sheet-dim-times{color:#94a3b8;margin-top:18px;font-size:18px;font-weight:700}.new-sheet-bg-row{gap:12px;display:flex}.new-sheet-bg-radio{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:10px;padding:10px 14px;transition:all .15s;display:flex}.new-sheet-bg-radio:hover{border-color:#cbd5e1}.new-sheet-bg-radio.selected{background:#fffdf7;border-color:#ffbd1b}.new-sheet-bg-radio input{display:none}.new-sheet-bg-box{border:1px solid #cbd5e1;border-radius:4px;flex-shrink:0;width:20px;height:20px}.new-sheet-bg-box.transparent-checker{background-image:conic-gradient(#e2e8f0 25%, #fff 0 50%, #e2e8f0 0 75%, #fff 0);background-size:10px 10px}.new-sheet-bg-box.white-box{background:#fff}.new-sheet-bg-text{color:#334155;font-size:12px;font-weight:700}.new-sheet-modal-error{color:#b91c1c;background:#fee2e2;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600}.new-sheet-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.new-sheet-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:38px;padding:0 18px;font-size:13px;font-weight:700;transition:all .15s}.new-sheet-btn-cancel:hover{color:#1e293b;background:#f1f5f9}.new-sheet-btn-confirm{color:#fff;cursor:pointer;background:#101a2f;border:none;border-radius:8px;height:38px;padding:0 22px;font-size:13px;font-weight:800;transition:all .15s;box-shadow:0 4px 12px #101a2f33}.new-sheet-btn-confirm:hover{color:#101a2f;background:#ffbd1b}