@font-face{font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-sc-chinese-simplified-400-normal-Ba7eOkfT.woff2)format("woff2"),url(./noto-sans-sc-chinese-simplified-400-normal-CN8EQoOj.woff)format("woff")}@font-face{font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:500;src:url(./noto-sans-sc-chinese-simplified-500-normal-z_irmif2.woff2)format("woff2"),url(./noto-sans-sc-chinese-simplified-500-normal-CtDGG6sn.woff)format("woff")}@font-face{font-family:Noto Sans SC;font-style:normal;font-display:swap;font-weight:900;src:url(./noto-sans-sc-chinese-simplified-900-normal-Di-dyiBb.woff2)format("woff2"),url(./noto-sans-sc-chinese-simplified-900-normal-BgOe1Og4.woff)format("woff")}.cp{box-sizing:content-box;width:288px;max-width:100%;color:var(--cp-ink,#1f1f1f);flex-direction:column;margin-left:auto;margin-right:auto;font-size:14px;display:flex}.cp>*+*{margin-top:10px}.cp button,.cp input{font:inherit;color:inherit}.cp-tabs{grid-gap:8px;grid-template-columns:1fr 1fr 1fr;display:grid}.cp-tab{border:var(--cp-border-w,2px) solid var(--cp-line,#4a4a4a);border-radius:var(--cp-radius-sm,8px);cursor:pointer;background:0 0;min-height:36px;font-weight:600}.cp-tab.active{background:var(--cp-accent,#41523f);border-color:var(--cp-accent,#41523f);color:#fff}.cp-panes{display:grid}.cp-panes>.cp-pane{grid-area:1/1}.cp-pane{flex-direction:column;justify-content:space-between;display:flex}.cp-pane>*+*{margin-top:10px}.cp-picker{align-self:center}.cp-area{touch-action:none;cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.cp-wheel-canvas{display:block}.cp-square{border:var(--cp-border-w,2px) solid var(--cp-line,#4a4a4a);border-radius:var(--cp-radius-sm,8px);box-sizing:border-box}.cp-marker{box-sizing:border-box;pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 0 0 1px #111,inset 0 0 0 1px #111}.cp-row{grid-gap:8px;grid-template-columns:40px minmax(0,1fr) 56px;align-items:center;display:grid}.cp-row-plain{grid-template-columns:40px minmax(0,1fr)}.cp-row-name{color:var(--cp-ink-2,#4f4f4f);font-size:13px;font-weight:600}.cp-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;border:var(--cp-border-w,2px) solid var(--cp-line,#4a4a4a);border-radius:var(--cp-radius-sm,8px);touch-action:none;width:100%;height:16px;margin:0;padding:0;display:block}.cp-range::-webkit-slider-runnable-track{background:0 0;height:12px}.cp-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--cp-border-w,2px) solid var(--cp-line,#4a4a4a);background:#fff;border-radius:50%;width:24px;height:24px;margin-top:-6px}.cp-range::-moz-range-track{background:0 0;height:12px}.cp-range::-moz-range-thumb{border:var(--cp-border-w,2px) solid var(--cp-line,#4a4a4a);background:#fff;border-radius:50%;width:18px;height:18px}.cp-input{box-sizing:border-box;text-align:center;border:var(--cp-border-w,2px) solid var(--cp-line,#4a4a4a);border-radius:var(--cp-radius-sm,8px);background:var(--cp-field,#f7f7f7);width:100%;min-width:0;min-height:36px;padding:0 4px}.cp-input:focus{border-color:var(--cp-accent,#41523f);box-shadow:0 0 0 3px var(--cp-accent-soft,#d6dcd2);outline:none}.cp-hexrow{grid-gap:8px;grid-template-columns:40px minmax(0,1fr) 30px;align-items:center;display:grid}.cp-group{flex-direction:column;display:flex}.cp-label{color:var(--cp-ink-2,#4f4f4f);margin-bottom:6px;font-size:13px;font-weight:600}.cp-grid{grid-gap:8px 0;grid-template-columns:repeat(6,30px);justify-content:space-between;display:grid}.cp-swatch,.cp-preview{box-sizing:border-box;border:var(--cp-border-w,2px) solid var(--cp-line,#4a4a4a);cursor:pointer;border-radius:50%;width:30px;height:30px;padding:0}.cp-swatch.selected{box-shadow:0 0 0 2px var(--cp-surface,#ececec), 0 0 0 4px var(--cp-line,#4a4a4a)}.cp-swatch-empty{border-style:dashed;border-color:var(--cp-ink-3,#9a9a9a);cursor:default;background:0 0;display:block}.cp-hexrow .cp-preview{width:30px;height:30px}.cp-actions{justify-content:space-between;align-items:center;display:flex}.cp-preview{cursor:default;pointer-events:none}.cp-clear{border:var(--cp-border-w,2px) solid var(--cp-line,#4a4a4a);border-radius:var(--cp-radius-sm,8px);cursor:pointer;background:0 0;min-height:36px;padding:0 12px;font-size:13px}.cp-bottom{grid-gap:6px;grid-template-columns:1fr 1fr 1.25fr;display:grid}.cp-bottom .cp-clear{white-space:nowrap;min-width:0;padding:0 4px}.cp-confirm{grid-column:3;justify-content:center;align-items:center;display:flex}.cp-dot{box-sizing:border-box;border:2px solid var(--cp-line,#4a4a4a);border-radius:50%;flex:none;width:16px;height:16px;margin-left:5px}.cp-dot.empty{border-style:dashed}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--paper:#dedede;--panel:#fff;--field:#f5f5f4;--ink:#2a2a2a;--ink-2:#555;--ink-3:#8c8c8c;--red:#a11c1e;--red-soft:#f3dddd;--blue:#1c4aa1;--blue-soft:#dde3f3;--line:2px;--radius:12px;--radius-sm:8px;--touch:44px;--rail-w:5.6rem;--side-w:20rem;--z-float:10;--z-panel:20;--z-badge:30;--z-popover:40;--z-toast:50;--z-overlay:60;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--paper);height:100%;color:var(--ink);overscroll-behavior:none;touch-action:manipulation;-webkit-text-size-adjust:100%;margin:0}body{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}body{-webkit-tap-highlight-color:transparent;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-size:15px;line-height:1.5}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible{outline:var(--line) solid var(--blue);outline-offset:2px}input:focus-visible{outline:var(--line) solid var(--blue);outline-offset:2px}textarea:focus-visible{outline:var(--line) solid var(--blue);outline-offset:2px}img{display:block}.app{height:100vh;height:100dvh;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);background:var(--ink);grid-template:"header""top""stage"minmax(0,1fr)"tools""colors"/100%;display:grid;overflow:hidden}.app-header{grid-area:header}.top-bar{grid-area:top}.stage{grid-area:stage}.tool-row{grid-area:tools}.colors{grid-area:colors}.app-header{background:var(--ink);color:#fff;justify-content:center;align-items:center;height:3rem;display:flex}.app-title{letter-spacing:.06em;font-size:1.15rem;font-weight:900}.top-bar{background:var(--panel);border-bottom:var(--line) solid var(--ink);justify-content:space-between;align-items:center;padding:.6rem .75rem;display:flex}.bar-btn{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--panel);flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:2.9rem;padding:0 .5rem;font-size:.95rem;font-weight:500;display:flex}.bar-btn .icon{margin-right:.45rem}.bar-btn+.bar-btn{margin-left:.6rem}.bar-btn[disabled]{color:var(--ink-3);border-color:var(--ink-3);cursor:default}.bar-btn .icon svg{width:1.3rem;height:1.3rem;display:block}.slider{align-items:center;min-height:2.7rem;display:flex}.slider-label{flex:none;width:2.4rem;font-size:.85rem;font-weight:500}.slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--line) solid var(--ink);border-radius:var(--radius-sm);background:var(--field);touch-action:none;flex:1;min-width:0;height:16px;margin:0;padding:0}.slider-input::-webkit-slider-runnable-track{background:0 0;height:12px}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;border:var(--line) solid var(--ink);background:var(--panel);border-radius:50%;width:22px;height:22px;margin-top:-5px}.slider-input::-moz-range-track{background:0 0;height:12px}.slider-input::-moz-range-thumb{border:var(--line) solid var(--ink);background:var(--panel);border-radius:50%;width:18px;height:18px}.slider .number-input{margin-left:.6rem}.stage{background:var(--paper);min-height:0;position:relative;overflow:hidden}.canvas-wrap{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.stage.drag-over:after{content:"松开以导入线稿";z-index:var(--z-float);border:var(--line) dashed var(--ink);border-radius:var(--radius);pointer-events:none;background:#ffffffb3;justify-content:center;align-items:center;font-weight:500;display:flex;position:absolute;top:.75rem;bottom:.75rem;left:.75rem;right:.75rem}.view-canvas{touch-action:none;width:100%;height:100%;display:block}.empty-state{padding:1rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.empty-import{border:var(--line) dashed var(--ink);border-radius:var(--radius);background:var(--panel);letter-spacing:.08em;flex:1;justify-content:center;align-items:center;font-size:1.3rem;font-weight:900;display:flex}.empty-import:active{background:var(--field)}.float-badge{z-index:var(--z-toast);box-sizing:border-box;border:var(--line) solid var(--ink);background:var(--panel);text-align:center;pointer-events:none;border-radius:1.1rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:calc(100% - 1.5rem);padding:.3rem 1.1rem;font-size:.95rem;font-weight:500;line-height:1.35;display:none;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}.float-badge.show{pointer-events:auto;cursor:pointer;display:block}.progress-card{box-sizing:border-box;border:var(--line) solid var(--ink);background:var(--panel);border-radius:1rem;width:100%;max-width:20rem;padding:1.1rem 1.2rem 1.3rem}.progress-head{justify-content:space-between;align-items:baseline;margin-bottom:.8rem;font-size:1.05rem;font-weight:700;display:flex}.progress-percent{text-align:right;font-variant-numeric:tabular-nums;min-width:3rem}.progress-track{border:var(--line) solid var(--ink);background:var(--field);border-radius:999px;height:.9rem;position:relative;overflow:hidden}.progress-fill{background:var(--blue);width:0;height:100%;transition:width .25s linear}.progress-overlay.indeterminate .progress-fill{width:35%;animation:1.1s ease-in-out infinite alternate progress-slide}@keyframes progress-slide{0%{transform:translate(0)}to{transform:translate(186%)}}.tool-options-slot{z-index:var(--z-float);pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:.75rem;left:.75rem;right:.75rem}.tool-options-slot.empty{display:none}.tool-options-slot.dragged{justify-content:flex-start;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:calc(100% - 1.5rem);bottom:auto;right:auto}.tool-options-grip{touch-action:none;cursor:grab;flex-direction:column;justify-content:center;align-self:stretch;padding:0 .35rem;display:flex}.tool-options-grip span+span{margin-top:3px}.tool-options-grip span{background:var(--ink-3);border-radius:1px;width:14px;height:2px}.tool-options{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--panel);pointer-events:auto;align-items:stretch;max-width:100%;padding:.45rem .6rem .45rem .2rem;display:flex}.tool-options-body{width:17rem;max-width:calc(100vw - 4.5rem)}.tool-hint{color:var(--ink-2);margin:.3rem 0;font-size:.9rem}.tool-options-body>*+*{margin-top:.4rem}.placeholder{visibility:hidden}.stack{display:grid}.stack>*{grid-area:1/1;min-width:0}.stack-hidden{visibility:hidden}.opt-row{display:flex}.opt-row>*{flex:1 1 0}.opt-row>*+*{margin-left:.45rem}.seg{border:var(--line) solid var(--ink);background:var(--field);border-radius:10px;padding:2px;display:flex}.seg-btn{white-space:nowrap;background:0 0;border:none;border-radius:7px;flex:1 1 0;min-width:3.6rem;min-height:2.5rem;padding:0 .7rem;font-size:.9rem;font-weight:500}.seg-btn.active{background:var(--ink);color:#fff}.pill-btn{border:var(--line) solid var(--ink);background:var(--panel);white-space:nowrap;border-radius:10px;min-height:2.9rem;padding:0 1rem;font-size:.9rem;font-weight:500}.pill-primary{background:var(--blue);color:#fff}.pill-btn[disabled]{border-color:var(--ink-3);background:var(--field);color:var(--ink-3);cursor:default}.number-input{flex:none;align-items:center;display:flex}.number-input-field{border:var(--line) solid var(--ink);background:var(--field);text-align:center;border-radius:8px;outline:none;width:3.2rem;height:2.3rem;padding:0 .45rem;font-weight:500}.number-input-field:focus{border-color:var(--blue)}.number-input-unit{width:1.4rem;color:var(--ink-2);margin-left:.3rem;font-size:.85rem}.layers-panel{z-index:var(--z-panel);border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--panel);flex-direction:column;width:17.5rem;max-width:calc(100% - 1.5rem);max-height:calc(100% - 1.5rem);display:flex;position:absolute;top:.75rem;right:.75rem}.layers-header{border-bottom:var(--line) solid var(--ink);touch-action:none;cursor:grab;flex:none;justify-content:space-between;align-items:center;padding:.2rem .3rem .2rem .9rem;display:flex}.layers-title{flex:1;font-weight:900}.layers-head-btn{align-items:center;min-height:2.3rem;margin-right:.3rem;padding:0 .75rem 0 .5rem;display:flex}.layers-head-btn .icon svg{width:1.1rem;height:1.1rem;margin-right:.25rem;display:block}.layers-body{overscroll-behavior:contain;flex:auto;min-height:0;padding:.35rem;overflow-y:auto}.layer-list{position:relative}.layer-row{border:var(--line) solid transparent;border-radius:var(--radius-sm);background:var(--panel);cursor:pointer;align-items:center;min-height:3.4rem;padding:.2rem 0;display:flex;position:relative}.layer-row-lines{margin-bottom:.2rem}.layer-row.active{border-color:var(--blue);background:var(--blue-soft)}.layer-row.dragging{z-index:1;border-color:var(--ink)}.layer-row-lines{cursor:default}.layer-grip{touch-action:none;cursor:grab;flex-direction:column;flex:none;justify-content:center;align-self:stretch;width:2rem;padding:0 .55rem;display:flex}.layer-grip span{background:var(--ink-3);border-radius:1px;height:2px}.layer-grip span+span{margin-top:3px}.layer-eye.off{color:var(--ink-3)}.layer-name{flex:1;min-width:0;margin-left:.55rem;font-weight:500}.layer-thumb{border:1px solid var(--ink-3);background:#fff;border-radius:6px;flex:none;width:44px;height:44px}.layer-lock{color:var(--ink-2);flex:none;display:flex}.layer-lock svg{width:1.1rem;height:1.1rem}.layer-more,.layer-more-space{flex:none;width:2.4rem}.layer-eye{width:2.4rem}.color-chip.picking,.pill-btn.picking{border-style:solid;border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.stage-picking .view-canvas{cursor:crosshair}.layer-row.found{animation:1.2s ease-out layer-found}@keyframes layer-found{0%,40%{background:var(--blue)}to{background:var(--blue-soft)}}@media (prefers-reduced-motion:reduce){.layer-row.found{animation:none}}.menu-item[disabled]{color:var(--ink-3);background:var(--panel);cursor:default}.pill-danger{color:var(--red)}.bar-btn.active{border-color:var(--blue);background:var(--blue-soft)}.check{min-height:var(--touch);background:0 0;border:none;align-items:center;margin:.3rem 0 0;padding:0;font-weight:500;display:flex}.check-box{border:var(--line) solid var(--ink);background:var(--panel);border-radius:5px;width:1.3rem;height:1.3rem;margin-right:.55rem;position:relative}.check.checked .check-box{border-color:var(--blue);background:var(--blue)}.check.checked .check-box:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:.3rem;height:.6rem;position:absolute;top:.12rem;left:.36rem;transform:rotate(45deg)}.modal-title{margin:0 0 .3rem;font-size:1.1rem;font-weight:900}.modal-hint{color:var(--ink-2);margin:0 0 .8rem;font-size:.9rem}.choice-grid{grid-gap:.5rem;grid-template-columns:1fr 1fr;display:grid}.choice-btn{border:var(--line) solid var(--ink);background:var(--panel);border-radius:10px;min-height:2.9rem;padding:.3rem .5rem;font-size:.9rem;font-weight:500;line-height:1.3}.choice-btn.active{background:var(--ink);color:#fff}.modal-actions{margin-top:1rem}.credit{border-top:var(--line) solid var(--field);align-items:center;margin-top:1rem;padding-top:.9rem;display:flex}.credit-avatar{object-fit:cover;border-radius:10px;flex:none;width:48px;height:48px;margin-right:.7rem}.credit-text{min-width:0}.credit-line{color:var(--ink-2);margin:0;font-size:.8rem;line-height:1.5}.credit-link{color:var(--blue);text-decoration:none}.credit-link:hover{text-decoration:underline}.credit-link:focus-visible{text-decoration:underline}.tool-row{background:var(--panel);border-top:var(--line) solid var(--ink);align-items:center;padding:.5rem .6rem;display:flex}.tool-buttons{flex:1;min-width:0;display:flex}.tool-btn{border:var(--line) solid transparent;border-radius:var(--radius);background:0 0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:3.6rem;padding:0;font-size:.8rem;font-weight:500;display:flex}.tool-btn+.tool-btn{margin-left:.3rem}.tool-btn .icon svg{width:1.45rem;height:1.45rem;margin-bottom:.1rem;display:block}.tool-btn.active{border-color:var(--ink);background:var(--blue);color:#fff}.tool-extra{border-left:var(--line) solid var(--ink);flex:none;align-items:center;min-width:0;margin-left:.5rem;padding-left:.5rem;display:flex}.tool-extra>*+*{margin-left:.3rem}.icon-btn{width:var(--touch);height:var(--touch);border:var(--line) solid transparent;color:var(--ink);background:0 0;border-radius:10px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.icon-btn:active{background:var(--field)}.icon-btn.active{border-color:var(--ink);background:var(--field)}.icon-btn[disabled]{color:var(--ink-3);opacity:.45;cursor:default}.icon-btn .icon svg{width:1.35rem;height:1.35rem;display:block}.colors{background:var(--panel);min-width:0}.colors-title{display:none}.colors-memory{padding:.3rem .6rem .5rem .9rem}.colors-row{align-items:center;display:flex}.color-list{scrollbar-width:none;flex:1;align-items:center;min-width:0;padding:.35rem .3rem;display:flex;overflow-x:auto}.color-list::-webkit-scrollbar{display:none}.color-list>*+*{margin-left:.6rem}.color-chip{border:var(--line) solid var(--ink);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:50%;flex:none;width:2.6rem;height:2.6rem;padding:0;position:relative}.color-chip.active{box-shadow:0 0 0 3px var(--panel), 0 0 0 5px var(--blue)}.color-chip .icon{border:var(--line) solid var(--ink);background:var(--panel);width:18px;height:18px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-5px;right:-5px}.color-chip .icon svg{width:10px;height:10px}.eraser-chip{background-color:#fff;background-image:linear-gradient(45deg,#c9c9c9 25%,#0000 25%,#0000 75%,#c9c9c9 75%),linear-gradient(45deg,#c9c9c9 25%,#0000 25%,#0000 75%,#c9c9c9 75%);background-position:0 0,6px 6px;background-size:12px 12px}.add-chip{background:var(--panel);color:var(--ink);border-style:dashed;justify-content:center;align-items:center;margin-left:.4rem;display:flex}.add-chip .icon{background:0 0;border:none;width:auto;height:auto;position:static}.add-chip .icon svg{width:1.2rem;height:1.2rem}.popover{z-index:var(--z-popover);position:fixed}.menu{border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--panel);min-width:9rem;max-width:calc(100vw - 1rem);padding:.3rem}.menu-item{width:100%;min-height:var(--touch);border-radius:var(--radius-sm);background:var(--panel);text-align:left;white-space:nowrap;border:none;padding:0 .9rem;font-weight:500;display:block}.menu-item:active,.menu-item:hover{background:var(--field)}.menu-item.danger{color:var(--red)}.undo-toast{z-index:var(--z-toast);border:var(--line) solid var(--ink);background:var(--panel);white-space:nowrap;border-radius:999px;align-items:center;padding:.2rem .25rem .2rem 1rem;font-size:.9rem;font-weight:500;display:flex;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}.undo-toast-message{cursor:pointer}.undo-toast button{border:var(--line) solid var(--ink);background:var(--ink);color:#fff;border-radius:999px;min-height:2rem;margin-left:.7rem;padding:0 .9rem}.modal-overlay,.overlay{z-index:var(--z-overlay);background:#2a2a2a80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{width:100%;max-width:24rem;max-height:80vh;border:var(--line) solid var(--ink);border-radius:var(--radius);background:var(--panel);max-height:80dvh;padding:1.2rem;overflow:auto}.modal-message{margin:0 0 1rem;font-size:.95rem;line-height:1.6}.modal-actions,.sheet-actions{display:flex}.modal-actions>*+*,.sheet-actions>*+*{margin-left:.6rem}.overlay-sheet{align-items:flex-end;padding:0}.sheet{width:100%;max-width:26rem;max-height:92vh;border:var(--line) solid var(--ink);background:var(--panel);border-bottom:none;border-radius:16px 16px 0 0;flex-direction:column;max-height:92dvh;display:flex}.sheet-title{flex:none;justify-content:space-between;align-items:center;padding:.8rem 1rem 0;font-size:1.05rem;font-weight:900;display:flex}.sheet-pick{align-items:center;min-height:2.4rem;padding:0 .8rem 0 .6rem;font-size:.9rem;display:flex}.sheet-pick .icon svg{width:1.1rem;height:1.1rem;margin-right:.3rem;display:block}.sheet-tabs{flex:none;padding:.7rem 1rem 0}.sheet-body{flex:1;min-height:0;padding:.7rem 1rem .5rem;overflow-y:auto}.sheet-actions{padding:.6rem 1rem calc(.9rem + var(--safe-bottom));background:var(--panel);flex:none;display:block}.sheet-actions-row{display:flex}.sheet-actions-row>*+*{margin-left:.6rem}.swatch-pane>*+*{margin-top:.7rem}.swatch-field{border:var(--line) solid var(--ink);background:var(--field);resize:none;border-radius:10px;outline:none;width:100%;height:12rem;padding:.6rem .7rem;font-size:.95rem;line-height:1.5;display:block}.swatch-status{min-height:1.5em;color:var(--ink-2);margin:.6rem 0 0;font-size:.9rem}.btn{border:var(--line) solid var(--ink);background:var(--panel);border-radius:10px;flex:1;min-height:2.9rem;padding:0 1rem;font-size:.95rem;font-weight:500}.modal-actions .btn{white-space:nowrap;padding:0 .5rem}.btn-wide{flex:1.4 1 0}.btn-primary{background:var(--blue);color:#fff}.cp{--cp-accent:var(--ink);--cp-accent-soft:var(--blue-soft);--cp-line:var(--ink);--cp-ink:var(--ink);--cp-field:var(--field)}@media (min-width:600px){.top-bar{justify-content:center}.bar-btn{flex:none;min-width:7.5rem}.bar-btn+.bar-btn{margin-left:1.5rem}.tool-row{justify-content:center}.tool-buttons{flex:none;width:21.7rem}.tool-btn{flex:0 0 5.2rem}.colors-memory{justify-content:center;display:flex}.colors-row{flex:0 44rem;min-width:0}}@media (min-width:900px),(orientation:landscape) and (min-width:640px){.app{grid-template-columns:var(--rail-w) minmax(0, 1fr) var(--side-w);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"header header header""tools stage top""tools stage colors"}.top-bar{border-bottom:var(--line) solid var(--ink);border-left:var(--line) solid var(--ink);padding:1rem}.bar-btn{flex:1 1 0;min-width:0;height:3rem;padding:0 .3rem}.bar-btn+.bar-btn{margin-left:.75rem}.tool-row{border-top:none;border-right:var(--line) solid var(--ink);flex-direction:column;justify-content:flex-start;padding:.75rem .55rem;overflow-y:auto}.tool-buttons{flex-direction:column;flex:none;width:100%}.tool-btn{flex:none;height:4.2rem}.tool-btn+.tool-btn{margin-top:.4rem;margin-left:0}.tool-extra{border-left:none;border-top:var(--line) solid var(--ink);flex-direction:column;margin:.75rem 0 0;padding:.75rem 0 0}.tool-extra>*+*{margin-top:.3rem}.colors{border-left:var(--line) solid var(--ink);overflow-y:auto}.colors-memory{padding:1rem;display:block}.colors-title{margin-bottom:.6rem;font-weight:900;display:block}.colors-row{flex-wrap:wrap}.color-list{grid-gap:.7rem;flex:100%;grid-template-columns:repeat(auto-fill,2.8rem);padding:.4rem;display:grid;overflow:visible}.color-list>*+*{margin-left:0}.color-chip{width:2.8rem;height:2.8rem}.add-chip{margin:.8rem 0 0 .4rem}.overlay-sheet{align-items:center;padding:1rem}.sheet{border-bottom:var(--line) solid var(--ink);border-radius:16px}.undo-toast{bottom:calc(var(--safe-bottom) + 1.5rem)}}@media (max-height:520px){.app-header{display:none}.tool-btn{height:3rem;font-size:.75rem}.tool-btn .icon svg{width:1.25rem;height:1.25rem}.tool-btn+.tool-btn{margin-top:.25rem}.tool-extra{margin-top:.4rem;padding-top:.4rem}.tool-extra .icon-btn{height:2.5rem}}.layer-row-undo{border:var(--line) dashed var(--ink);border-radius:var(--radius-sm);background:var(--panel);justify-content:space-between;align-items:center;min-height:2.6rem;margin:.1rem 0;padding:.2rem .3rem .2rem .8rem;font-size:.9rem;font-weight:500;display:flex}.layer-undo-message{cursor:pointer;flex:auto}.layer-undo-btn{border:var(--line) solid var(--ink);background:var(--ink);color:#fff;border-radius:999px;flex:none;min-height:2rem;margin-left:.6rem;padding:0 .9rem}.prepare-strip{z-index:var(--z-badge);box-sizing:border-box;border-bottom:var(--line) solid var(--ink);background:var(--panel);pointer-events:none;padding:.25rem .75rem .35rem;font-size:.85rem;font-weight:500;position:absolute;top:0;left:0;right:0}.prepare-text{justify-content:space-between;margin-bottom:.2rem;display:flex}.prepare-track{background:var(--field);border-radius:999px;height:.3rem;overflow:hidden}.prepare-fill{background:var(--blue);width:0;height:100%;transition:width .25s linear}