:root{--font-weight-emphasis:500;--bg:#121317;--surface:#1a1b21;--raised:#24262e;--hover:#2e3039;--line:#2a2c34;--line-strong:#3a3d48;--text:#f2f2f5;--muted:#9b9eab;--faint:#6e717e;--accent:#ffc93c;--accent-hover:#ffd566;--on-accent:#2b2000;--accent-soft:color-mix(in srgb, var(--accent) 12%, transparent);--select:#aeb5ff;--fs-xs:.6875rem;--fs-sm:.75rem;--fs-md:.8125rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button,input,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6,strong,b{font-weight:var(--font-weight-emphasis)}button{background:var(--raised);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.45rem .7rem;transition:background-color .12s,border-color .12s,color .12s}button:hover:not(:disabled){background:var(--hover)}button.danger{color:#ffb5bd}button.danger:hover:not(:disabled){background:#43272d;border-color:#a95c66}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 75%, transparent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:var(--font-weight-emphasis)}button.primary:hover:not(:disabled){background:var(--accent-hover)}.icon-button{width:34px;height:34px;color:var(--muted);background:0 0;place-items:center;padding:0;display:inline-grid}.history-actions .icon-button{font-size:1.15rem;line-height:1}.icon-button:hover:not(:disabled){color:var(--text)}input[type=text],input[type=number],input:not([type]),select{background:var(--raised);border:1px solid #0000;border-radius:8px;padding:.45rem .6rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}.app-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.25rem;padding:.85rem clamp(1rem,3vw,2rem);display:grid}.wordmark{letter-spacing:-.035em;white-space:nowrap;margin:0;font-size:1.3rem;line-height:1}.wordmark-selection{outline:1.5px solid var(--select);margin:0 .15em;padding:.12em .22em .16em;display:inline-block;position:relative;transform:rotate(-4deg)}.wordmark-handle{background:#f7f7ff;border:1.5px solid #5865f2;border-radius:50%;width:6px;height:6px;position:absolute}.wordmark-handle.nw{top:-4px;left:-4px}.wordmark-handle.ne{top:-4px;right:-4px}.wordmark-handle.sw{bottom:-4px;left:-4px}.wordmark-handle.se{bottom:-4px;right:-4px}.wordmark-o{vertical-align:-.1em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='10' fill='%23ffcc4d'/%3E%3Ccircle cx='7.5' cy='9' r='1.5' fill='%23664500'/%3E%3Ccircle cx='14.5' cy='9' r='1.5' fill='%23664500'/%3E%3Cpath d='M6.5 13.2q4.5 4.2 9 0' stroke='%23664500' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:.82em;height:.82em;margin:0 .02em;display:inline-block;transform:rotate(14deg)}.header-actions,.history-actions{align-items:center;gap:.25rem;display:flex}.header-actions{gap:.75rem}.header-export:empty{display:none}.project-bar{align-items:center;gap:.35rem;min-width:0;display:flex}.project-identity{align-items:baseline;gap:.6rem;min-width:0;display:flex}.project-identity input{field-sizing:content;width:min(240px,100%);min-width:0;max-width:240px;font-weight:var(--font-weight-emphasis);background:0 0;border-color:#0000;padding:.35rem .45rem}.project-identity input:hover:not(:disabled),.project-identity input:focus-visible{background:var(--raised)}.persistence-status{color:var(--faint);white-space:nowrap;font-size:var(--fs-xs)}.persistence-status.error,.persistence-status.conflict{color:#f19aa4}.project-actions{align-items:center;gap:.1rem;display:flex}.project-switcher{width:34px;height:34px;color:var(--muted);place-items:center;display:inline-grid;position:relative}.project-switcher:hover{color:var(--text)}.project-switcher select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.project-switcher svg{pointer-events:none}.workspace-menu{font-size:var(--fs-sm);position:relative}.workspace-menu>summary{cursor:pointer;width:34px;height:34px;color:var(--muted);border-radius:8px;place-items:center;list-style:none;display:grid}.workspace-menu>summary::-webkit-details-marker{display:none}.workspace-menu>summary:hover,.workspace-menu[open]>summary{background:var(--raised);color:var(--text)}.workspace-menu-popover{z-index:20;border:1px solid var(--line-strong);background:var(--raised);border-radius:12px;gap:.3rem;width:min(310px,100vw - 2rem);padding:.65rem;display:grid;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 18px 48px #000a}.workspace-menu-popover strong{color:var(--faint);font-size:var(--fs-xs);margin:.3rem .45rem .1rem}.workspace-menu-popover button{text-align:left;background:0 0;justify-content:space-between;width:100%;display:flex}.workspace-menu-popover hr{border:0;border-top:1px solid var(--line);width:100%;margin:.35rem 0}.workspace-menu-popover p{color:var(--muted);margin:.1rem .2rem;line-height:1.5}.workspace-menu-popover kbd{border:1px solid var(--line-strong);background:var(--hover);border-radius:4px;padding:.05rem .22rem}.workspace-status-banner,.workspace-recovery-panel{width:calc(100% - clamp(2rem,6vw,4rem));max-width:1440px;font-size:var(--fs-sm);background:#28241b;border:1px solid #675b3e;border-radius:10px;justify-content:space-between;align-items:center;gap:.8rem;margin:.45rem auto 0;padding:.6rem .75rem;display:flex}.workspace-status-banner>div{flex-direction:column;gap:.1rem;display:flex}.workspace-status-banner span{color:#c8c1ad}.workspace-status-banner.conflict{border-color:#675b3e}.workspace-status-banner.error,.workspace-recovery-panel{background:#281f24;border-color:#7d5960}.workspace-status-banner button{white-space:nowrap}.workspace-recovery-panel{display:block}.workspace-recovery-panel>strong{color:#f19aa4}.workspace-recovery-panel>p{color:#b9a6aa;margin:.2rem 0}.workspace-recovery-panel ul{margin:.45rem 0 0;padding-left:1.25rem}.workspace-recovery-panel li{margin-top:.45rem}.workspace-recovery-panel li>div:first-child{flex-direction:column;gap:.15rem;display:flex}.workspace-recovery-panel small{color:var(--faint)}.workspace-recovery-record-actions{flex-wrap:wrap;gap:.35rem;margin-top:.3rem;display:flex}.workspace-recovery-record-actions button{font-size:var(--fs-sm);padding:.3rem .45rem}.editor-layout{flex:1;grid-template-columns:220px minmax(290px,1fr) 300px;grid-template-areas:"picker preview controls";align-items:start;gap:1rem;width:100%;max-width:1440px;margin:0 auto;padding:1rem clamp(1rem,3vw,2rem);display:grid}.picker-region{grid-area:picker;min-width:0}.controls-region{grid-area:controls;min-width:0}.preview-region{grid-area:preview;min-width:0}.editor-panel-tabs{grid-area:mobile-tabs;display:none}.panel{background:var(--surface);border-radius:14px;padding:.9rem}.panel h2,.starred-projects-panel h2,.conflict-resolution-panel h2{color:var(--faint);font-size:var(--fs-sm);margin:0;line-height:1.35}.pack-selectors{flex-wrap:wrap;gap:.5rem;margin-top:0;display:flex}.pack-selectors label{min-width:0;color:var(--muted);font-size:var(--fs-sm);flex:5rem}.pack-selectors label span{margin-bottom:.25rem;display:block}.pack-selectors select{width:100%;min-width:0}.emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.2rem;margin:.75rem 0;display:grid}.emoji-grid button{background:0 0;border-color:#0000;padding:.35rem 0;font-size:1.25rem;line-height:1.1}.emoji-grid img{object-fit:contain;width:1.35rem;height:1.35rem;margin:auto;display:block}.emoji-grid button[aria-pressed=true]{border-color:var(--accent);background:var(--hover)}.emoji-input{gap:.4rem;display:flex}.emoji-input input{width:100%;min-width:0}.layers-panel{margin-top:1rem}.layers-heading{justify-content:space-between;align-items:start;gap:.5rem;display:flex}.layers-heading p{color:var(--faint);font-size:var(--fs-sm);margin:.25rem 0 0}.layers-heading button{font-size:var(--fs-sm);padding:.35rem .45rem}.arrange-actions{border:1px solid var(--line);color:var(--faint);font-size:var(--fs-xs);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.2rem;margin-top:.6rem;padding:.3rem;display:flex}.arrange-actions span:not(:first-child){margin-left:.35rem}.arrange-actions button{width:25px;height:24px;font-size:var(--fs-xs);padding:0}.selection-actions{flex-wrap:wrap;gap:.25rem;margin-top:.35rem;display:flex}.selection-actions button{font-size:var(--fs-xs);padding:.3rem .4rem}.layer-list{gap:.4rem;margin-top:.75rem;display:grid}.layer-item{border:1px solid var(--line);background:var(--raised);border-radius:9px;grid-template-columns:28px minmax(0,1fr);align-items:center;display:grid;overflow:hidden}.layer-item.selected{border-color:var(--accent);background:var(--hover)}.visibility-button{background:0 0;border:0;width:28px;padding:0}.layer-select{text-align:left;background:0 0;border:0;align-items:center;gap:.45rem;min-width:0;padding:.4rem .25rem;display:flex}.layer-select>span:last-child{min-width:0}.layer-select strong,.layer-select small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.layer-select strong{font-size:var(--fs-sm)}.layer-select small{color:var(--faint);font-size:var(--fs-xs);margin-top:.1rem}.layer-icon{place-items:center;width:25px;height:25px;font-size:1rem;display:grid}.layer-actions{border-top:1px solid var(--line);grid-column:1/-1;justify-content:end;gap:.2rem;padding:.25rem;display:none}.layer-item.selected .layer-actions{display:flex}.layer-actions button{width:27px;height:25px;padding:0}.inspector-heading{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.inspector-heading p{color:var(--faint);font-size:var(--fs-sm);margin:.25rem 0 0}.controls-panel fieldset{border:0;margin:1rem 0;padding:0}.controls-panel legend{color:var(--faint);font-size:var(--fs-sm);font-weight:var(--font-weight-emphasis);margin-bottom:.45rem}.control-row{font-size:var(--fs-md);grid-template-columns:76px minmax(72px,1fr) 76px 26px;align-items:center;gap:.35rem;margin:.5rem 0;display:grid}.control-row input[type=range]{width:100%;min-width:0}.number-control{align-items:center;display:flex;position:relative}.number-control input{text-align:right;width:100%;min-width:0;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;appearance:textfield;padding:.3rem 1.1rem .3rem .35rem}.number-control input::-webkit-inner-spin-button{appearance:none;margin:0}.number-control input::-webkit-outer-spin-button{appearance:none;margin:0}.number-control>span{color:var(--faint);pointer-events:none;font-size:var(--fs-sm);position:absolute;right:.35rem}.control-reset{width:26px;height:26px;color:var(--muted);background:0 0;border-color:#0000;padding:0}.toggle-row{font-size:var(--fs-md);gap:.45rem;margin-top:.65rem;display:grid}.toggle-row label,.outline-controls>label{align-items:center;gap:.45rem;display:flex}.outline-controls{border-top:1px solid var(--line);margin-top:.8rem;padding-top:.7rem}.color-control{font-size:var(--fs-md);justify-content:space-between;align-items:center;margin:.6rem 0;display:flex}.color-control input{width:3rem;padding:.1rem}.preset-list{flex-wrap:wrap;gap:.4rem;display:flex}.preset-list button{flex:62px}.advanced-controls{border-top:1px solid var(--line);padding-top:.85rem}.advanced-controls summary{cursor:pointer;color:var(--muted);font-size:var(--fs-md);font-weight:var(--font-weight-emphasis)}.lock-control{font-size:var(--fs-md);align-items:center;gap:.45rem;margin:.8rem 0;display:flex}.panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;display:flex}.panel-heading p{color:var(--faint);font-size:var(--fs-sm);margin:.25rem 0 0}.compare-button{white-space:nowrap}.viewport-actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:.3rem;max-width:100%;display:flex}.viewport-actions output{width:42px;color:var(--muted);text-align:center;font-size:var(--fs-sm)}.viewport-actions>button:not(.compare-button){min-width:30px;padding-inline:.35rem}.paint-toolbar{border:1px solid var(--line);background:var(--raised);border-radius:10px;flex-direction:column;align-items:stretch;gap:.75rem;margin-top:.85rem;padding:.45rem;display:flex}.brush-settings{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.65rem;padding-top:.45rem;display:flex}.brush-settings label{font-size:var(--fs-sm);grid-template-columns:auto minmax(54px,90px) 30px;align-items:center;gap:.3rem;display:grid}.brush-settings input[type=range]{width:100%;min-width:0}.brush-settings output{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.brush-settings .brush-color{grid-template-columns:auto 32px}.brush-color input{width:32px;height:28px;padding:.1rem}.stroke-feel{font-size:var(--fs-sm);position:relative}.stroke-feel summary{cursor:pointer;color:var(--muted)}.stroke-feel[open]{border-top:1px solid var(--line);flex:100%;gap:.5rem;padding-top:.45rem;display:grid}.stroke-feel label{max-width:280px}.size-control{color:var(--muted);font-size:var(--fs-sm);gap:.25rem;display:grid}.preview-stage{place-items:center;min-height:0;margin:.85rem 0;display:grid;position:relative}.checkerboard{aspect-ratio:1;background-color:#1e1f25;background-image:linear-gradient(45deg,#292b32 25%,#0000 25%),linear-gradient(-45deg,#292b32 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#292b32 75%),linear-gradient(-45deg,#0000 75%,#292b32 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:16px;place-items:center;width:min(100%,540px);display:grid;position:relative;overflow:hidden}.preview-viewport{aspect-ratio:1;border:1px solid var(--line);background:var(--bg);border-radius:16px;width:min(100%,540px);position:relative;overflow:hidden}.canvas-world{transform-origin:50%;will-change:transform;width:100%;max-width:none;position:absolute;inset:0}.checkerboard canvas{width:100%;height:100%;display:block}.interactive-canvas{touch-action:none;-webkit-user-select:none;user-select:none}.interactive-canvas.tool-brush,.interactive-canvas.tool-eraser,.interactive-canvas.tool-restore{cursor:none}.interactive-canvas.tool-fill{cursor:cell}.interactive-canvas.tool-pan{cursor:grab}.interactive-canvas.tool-pan:active{cursor:grabbing}.interactive-canvas:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 75%, transparent);outline-offset:4px}.transform-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.grid-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.grid-overlay line{stroke:#fff2;stroke-width:1px;vector-effect:non-scaling-stroke}.draft-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tool-cursor-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tool-cursor-overlay circle{fill:#ffffff12;stroke:#fff;stroke-width:1.2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1px #000)}.draft-overlay polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}.draft-eraser{stroke-dasharray:5 4;filter:drop-shadow(0 0 2px #000)}.selection-box{fill:#7c87ff14;stroke:#aeb5ff;stroke-width:1.4px;vector-effect:non-scaling-stroke;pointer-events:none;cursor:move}.rotate-stem{stroke:#aeb5ff;stroke-width:1.4px;vector-effect:non-scaling-stroke}.corner-handle,.rotate-handle{fill:#f7f7ff;stroke:#5865f2;stroke-width:1.6px;vector-effect:non-scaling-stroke;pointer-events:all}.corner-handle{cursor:nwse-resize}.rotate-handle{cursor:grab}.snap-guide{stroke:#ff4f9a;stroke-width:1px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.marquee-box{fill:#7c87ff1f;stroke:#aeb5ff;stroke-width:1px;stroke-dasharray:5 3;vector-effect:non-scaling-stroke}.render-status{color:var(--muted);font-size:var(--fs-sm);position:absolute;bottom:.4rem}.preview-actions{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.export-bar{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:1rem;padding-top:.85rem;display:flex}.share-alike-notice{color:#e9d88e;font-size:var(--fs-sm);background:#282412;border:1px solid #766835;border-radius:9px;margin:.65rem 0 0;padding:.55rem .7rem}.starred-projects-panel{margin-top:1rem}.starred-project-list{flex-wrap:wrap;gap:.7rem;margin-top:.7rem;display:flex}.starred-project-item{width:78px;position:relative}.starred-project-open{width:100%;padding:.35rem;overflow:hidden}.starred-project-open canvas{width:100%;height:auto;display:block}.starred-project-open span{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm);display:block;overflow:hidden}.starred-project-template{border-radius:50%;width:1.45rem;height:1.45rem;padding:0;position:absolute;top:-.35rem;right:-.35rem}.conflict-resolution-panel{background:#281f24;border:1px solid #7d5960;border-radius:14px;margin-top:1rem;padding:.9rem}.conflict-resolution-item>p{color:#c8b9bd;font-size:var(--fs-sm);margin:.6rem 0}.conflict-resolution-item+.conflict-resolution-item{border-top:1px solid #513d43;margin-top:.9rem;padding-top:.9rem}.conflict-comparison{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.conflict-comparison figure{background:#201b1e;border:1px solid #513d43;border-radius:10px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:.55rem;min-width:0;margin:0;padding:.5rem;display:grid}.conflict-comparison canvas{width:64px;height:64px}.conflict-comparison figcaption{flex-direction:column;min-width:0;display:flex}.conflict-comparison figcaption span{color:#e5aeb8;font-size:var(--fs-xs);text-transform:uppercase}.conflict-comparison figcaption strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conflict-comparison figcaption small{color:#99909a;font-size:var(--fs-xs);margin-top:.2rem}.conflict-resolution-actions{flex-wrap:wrap;gap:.4rem;margin-top:.65rem;display:flex}.conflict-resolution-actions button{font-size:var(--fs-sm)}.app-footer{color:var(--faint);font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem clamp(1rem,3vw,2rem) 1rem;display:flex}.app-footer button{font-size:var(--fs-sm);flex:none}.licenses-dialog{border:1px solid var(--line-strong);background:var(--surface);width:min(92vw,620px);max-height:min(82vh,720px);color:var(--text);border-radius:14px;padding:1rem;box-shadow:0 18px 60px #000b}.licenses-dialog::backdrop{background:#08090dcc}.licenses-dialog-header{justify-content:space-between;gap:1rem;display:flex}.licenses-dialog-header h2{margin:0;font-size:1.15rem}.licenses-dialog-header p{color:var(--muted);font-size:var(--fs-sm);margin:.25rem 0 0}.licenses-dialog-header>button{align-self:start;padding:0 .4rem;font-size:1.25rem}.licenses-dialog ul{gap:.65rem;margin:1rem 0;padding:0;list-style:none;display:grid}.licenses-dialog li{border:1px solid var(--line);background:var(--raised);border-radius:10px;gap:.2rem;padding:.7rem;display:grid}.licenses-dialog li span,.licenses-dialog a{color:var(--muted);font-size:var(--fs-sm)}.notice{z-index:10;border:1px solid var(--line-strong);background:var(--raised);max-width:min(92vw,620px);font-size:var(--fs-md);border-radius:10px;align-items:center;gap:.8rem;padding:.65rem .75rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0008}.notice.error{border-color:#d56b77}.notice button{background:0 0;border:0;margin-left:auto;padding:0 .35rem;font-size:1.2rem}@media (width>1100px){:root{--desktop-frame-width:1440px;--desktop-frame-gutter:clamp(1rem, 3vw, 2rem);--desktop-content-width:calc(var(--desktop-frame-width) - 2 * var(--desktop-frame-gutter))}.app-header,.editor-layout,.app-footer{width:100%;max-width:var(--desktop-frame-width);padding-inline:var(--desktop-frame-gutter);margin-inline:auto}.workspace-status-banner,.workspace-recovery-panel{width:calc(100% - 2 * var(--desktop-frame-gutter));max-width:var(--desktop-content-width);margin-inline:auto}}[hidden]{display:none!important}.editor-layout{gap:.85rem}.preview-viewport{border-radius:12px;width:min(100%,420px)}.panel{padding:.85rem}.panel-heading{gap:.55rem}.paint-target{color:var(--muted);font-size:var(--fs-sm);margin:0}.export-bar{gap:.6rem}.preview-actions{gap:.4rem}.preview-actions button{font-size:var(--fs-sm)}.picker-search{gap:.4rem;margin:.8rem 0;display:flex}.picker-search input{border:1px solid var(--line-strong);background:var(--raised);border-radius:8px;width:100%;min-width:0;padding:.6rem}.picker-search button{font-size:var(--fs-sm)}.picker-mode{gap:.3rem;display:flex}.picker-mode button{font-size:var(--fs-sm);flex:1;padding:.45rem .35rem}.picker-mode button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.picker-status,.picker-results-heading{color:var(--muted);font-size:var(--fs-sm);line-height:1.45}.picker-results-heading{justify-content:space-between;margin-top:1rem;display:flex}.picker-results-heading h3{font:inherit;margin:0}.picker-more{width:100%;font-size:var(--fs-sm)}.emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.emoji-grid button{border-radius:7px;min-height:34px}.emoji-grid img{width:26px;height:26px}.picker-artwork-placeholder{color:var(--muted);font-size:var(--fs-sm)}.picker-packs{border-top:1px solid var(--line);font-size:var(--fs-sm);margin-top:.6rem;padding-top:.6rem}.more-controls summary{cursor:pointer;color:var(--muted)}.pack-selectors label{font-size:var(--fs-sm)}.pack-selectors select{font-size:var(--fs-md)}.inspector-heading{gap:.5rem}.inspector-heading h2{text-transform:none;letter-spacing:0;color:var(--text);font-size:.95rem}.inspector-heading button{font-size:var(--fs-sm);flex:none;padding:.35rem .4rem}.selection-summary,.inspector-empty{color:var(--muted);font-size:var(--fs-md);line-height:1.5}.preset-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;display:grid}.preset-list .visual-preset{background:var(--raised);min-width:0;font-size:var(--fs-sm);place-items:center;gap:.35rem;padding:.45rem .15rem;display:grid}.style-preview{object-fit:contain;width:48px;max-width:100%;height:48px}.quick-transform-actions{gap:.4rem;display:flex}.quick-transform-actions button{font-size:var(--fs-sm)}.more-controls{border-top:1px solid var(--line);font-size:var(--fs-md);margin-top:1rem;padding-top:.8rem}.inspector-object-fields{gap:.65rem;margin:.9rem 0;display:grid}.inspector-object-fields label{font-size:var(--fs-md);grid-template-columns:75px minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.inspector-object-fields input,.inspector-object-fields select{width:100%;min-width:0}.inspector-object-fields input[type=color]{justify-self:end;width:44px}.layer-item .layer-actions{display:flex}.layer-select{min-height:44px}.layers-heading{flex-direction:column}.selection-actions button{font-size:var(--fs-sm)}.output-context-preview{font-size:var(--fs-sm);color:var(--muted);margin-top:.75rem;position:relative}.output-context-preview summary{cursor:pointer}.chat-previews{gap:.5rem;margin-top:.5rem;display:flex}.chat-preview{border-radius:8px;flex:1;align-items:center;gap:.5rem;padding:.6rem;display:flex}.chat-preview canvas{flex:none;width:32px;height:32px}.chat-preview.light{color:#3f4354;background:#f3f4f8}.chat-preview.dark{color:#c4c8d7;background:#11131b}@media (width<=1120px) and (width>=761px){.editor-layout{grid-template-columns:240px minmax(0,1fr);grid-template-areas:"picker preview""picker controls"}.controls-region .primary-transforms{max-width:540px}.preview-viewport{width:min(100%,320px)}.controls-region .visual-preset{grid-template-columns:auto 1fr}}@media (width<=760px){#root{height:100dvh;min-height:0;overflow:hidden}.app-header{flex:none;gap:.5rem;padding:.5rem .75rem .1rem}.project-bar{flex-wrap:wrap;flex:none;gap:.3rem;width:calc(100% - 1.5rem);margin:.35rem auto;padding:.35rem;display:flex}.project-identity{flex:100%;justify-content:space-between}.project-identity input{width:min(65%,260px);font-size:var(--fs-md);padding:.25rem .4rem}.persistence-status{font-size:var(--fs-xs)}.project-actions{flex:1;justify-content:end}.project-actions select{flex:1;min-width:0}.project-actions button,.project-actions select,.workspace-menu>summary{font-size:var(--fs-sm);padding:.25rem .4rem}.editor-layout{flex:1 1 0;grid-template:"preview""mobile-tabs""workspace"minmax(0,1fr)/minmax(0,1fr);align-items:stretch;gap:0;min-height:0;padding:0 .65rem}.preview-region{min-height:0}.preview-panel{border-radius:10px;padding:.5rem .65rem}.panel-heading{flex-wrap:nowrap;align-items:center;gap:.4rem}.panel-heading h2{font-size:var(--fs-md)}.panel-heading p{display:none}.viewport-actions{flex-wrap:nowrap;gap:.2rem}.viewport-actions output{width:34px;font-size:var(--fs-xs)}.viewport-actions>button{font-size:var(--fs-sm);padding:.25rem .35rem}.viewport-actions>button:not(.compare-button){min-width:25px}.compare-button{display:none}.preview-stage{margin:.45rem 0}.preview-viewport{border-radius:9px;width:min(100%,clamp(150px,27dvh,250px))}.canvas-world{width:100%}.export-bar{flex-direction:row;align-items:end;gap:.4rem;padding-top:.45rem}.size-control{font-size:var(--fs-xs);gap:.2rem}.size-control select{font-size:var(--fs-sm);padding:.35rem}.preview-actions{flex-wrap:nowrap;gap:.3rem}.preview-actions button{font-size:var(--fs-sm);padding:.5rem .55rem}.editor-panel-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;padding:.4rem 0;display:grid}.editor-panel-tabs button{font-size:var(--fs-md);min-height:40px}.editor-panel-tabs button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.picker-region,.controls-region{overscroll-behavior:contain;scrollbar-width:thin;border-radius:10px;grid-area:workspace;min-height:0;padding-bottom:.5rem;overflow-y:auto}.editor-layout[data-panel=emoji] .layers-panel-shell,.editor-layout[data-panel=layers] .emoji-panel-shell,.editor-layout[data-panel=adjust] .picker-region,.editor-layout:not([data-panel=adjust]) .controls-region{display:none}.layers-panel{margin-top:0}.emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.emoji-grid button{min-height:44px}.emoji-grid img{width:30px;height:30px}.picker-search{margin-top:.65rem}.picker-search input{font-size:16px}.picker-mode button{min-height:40px}.style-preview{width:42px;height:42px}.controls-panel fieldset{margin:.7rem 0}.control-row{font-size:var(--fs-sm);grid-template-columns:60px minmax(40px,1fr) 72px 30px}.control-row input[type=range]{min-height:32px}.number-control input{padding-right:1rem;font-size:16px}.control-reset{width:30px;height:36px}.inspector-object-fields input[type=text],.inspector-object-fields select{font-size:16px}.layer-actions button,.visibility-button{min-width:36px;min-height:36px}.paint-toolbar{z-index:8;background:var(--surface);border:1px solid var(--line-strong);max-height:38dvh;position:absolute;left:1.3rem;right:1.3rem;overflow-y:auto;box-shadow:0 12px 35px #000a}.brush-settings label{font-size:var(--fs-sm)}.output-context-preview{font-size:var(--fs-xs);margin:0;position:absolute;top:.65rem;left:4.75rem}.preview-panel{position:relative}.chat-previews{z-index:9;border:1px solid var(--line-strong);background:var(--surface);border-radius:9px;width:270px;padding:.5rem;position:absolute;top:1.25rem;left:-3.5rem}.share-alike-notice{font-size:var(--fs-xs);margin:.3rem 0 0;padding:.25rem .4rem}.app-footer{font-size:var(--fs-xs);flex:none;gap:.5rem;padding:.3rem .75rem}.app-footer button{font-size:var(--fs-xs);padding:.25rem .35rem}.notice{bottom:max(.5rem, env(safe-area-inset-bottom));font-size:var(--fs-sm)}.workspace-status-banner,.workspace-recovery-panel{max-height:18dvh;font-size:var(--fs-sm);flex:none;margin:.3rem auto;padding:.4rem;overflow-y:auto}.conflict-resolution-anchor{z-index:15;background:#201b1e;border-radius:12px;position:fixed;inset:15% .75rem;overflow-y:auto}}@media (width<=760px) and (height<=680px){.preview-viewport{width:min(100%,150px)}.project-identity{flex-basis:45%}.project-identity input{width:100%}.persistence-status{display:none}.project-actions{flex-basis:45%}.project-actions select{width:80px}.app-footer{display:none}}.style-preview{display:block;position:relative}.style-preview canvas{width:100%;height:100%;display:block}.style-preview small{background:var(--raised);font-size:var(--fs-xs);position:absolute;inset:0}.picker-results-heading{align-items:center;gap:.4rem}.picker-results-heading .picker-more{flex:none;width:auto;padding:.35rem .6rem}.project-toggle{display:none}@media (width<=760px){.project-bar{flex-wrap:nowrap;position:relative}.project-identity{flex:auto;min-width:0}.project-identity input{width:100%}.persistence-status{display:none}.project-toggle{font-size:var(--fs-sm);flex:none;padding:.4rem .6rem;display:block}.project-actions{display:none}.project-actions[data-open=true]{z-index:21;border:1px solid var(--line-strong);background:var(--surface);border-radius:9px;padding:.65rem;display:flex;position:absolute;top:calc(100% + .3rem);left:0;right:0;box-shadow:0 12px 30px #000a}.panel-heading>div:first-child{display:none}.viewport-actions{margin-left:auto}.output-context-preview{left:.75rem}.chat-previews{left:0}}@media (width<=760px) and (height<=680px){.preview-viewport{width:125px}.preview-actions button{white-space:nowrap;font-size:var(--fs-sm);padding:.5rem .4rem}.size-control select{font-size:var(--fs-xs);max-width:94px}.export-bar{gap:.25rem}.inspector-heading p,.primary-transforms legend{display:none}.controls-panel .preset-controls{margin:.5rem 0}.controls-panel .preset-controls legend{display:none}.style-preview{width:28px;height:28px}.preset-list .visual-preset{gap:.1rem}.inspector-heading h2{font-size:var(--fs-md)}.inspector-heading button{font-size:var(--fs-xs)}.control-row{margin:.2rem 0}}.selection-groups{gap:.4rem;margin:.65rem 0;display:grid}.selection-groups h3{font-size:var(--fs-sm);font-weight:var(--font-weight-emphasis);color:var(--muted);margin:0}.selection-group{border:1px solid var(--line-strong);background:var(--raised);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;padding:.45rem;display:grid}.selection-group.editing{border-color:var(--accent);background:var(--accent-soft)}.selection-group input{width:100%;min-width:0;font:inherit;grid-area:1/1/auto/-1;padding:.3rem .45rem}.selection-group button{overflow-wrap:anywhere;min-width:0;font-size:var(--fs-sm);padding:.35rem}.selection-group button:first-child{grid-area:2/1}.selection-group button:nth-child(3){grid-area:2/2}.selection-group button:last-child{grid-area:2/3}.selection-groups>p{font-size:var(--fs-sm);color:var(--muted);margin:0}@media (width<=760px){.selection-group input{font-size:16px}.selection-group button{min-height:36px}}.group-edit-banner{border:1px solid var(--accent);background:var(--accent-soft);border-radius:8px;flex:1;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;padding:0 .25rem 0 .6rem;display:flex}.group-edit-banner strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-md);color:var(--text);overflow:hidden}.group-edit-banner button{min-height:30px;font-size:var(--fs-sm);flex:none;padding:.25rem .6rem}@media (width<=760px){.group-edit-banner{gap:.35rem;padding-left:.45rem}.group-edit-banner strong{font-size:var(--fs-sm)}.group-edit-banner button{min-height:32px;padding:.25rem .5rem}}@media (width<=360px){.export-bar{grid-template-columns:minmax(0,1fr);gap:.4rem;display:grid}.size-control{justify-content:space-between;align-items:center;display:flex}.preview-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.preview-actions button{white-space:normal;min-width:0}}.canvas-tools-shell{margin-top:.6rem;position:relative}.canvas-tools,.primary-tools,.secondary-tools{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.canvas-tools{border:1px solid var(--line);background:var(--raised);border-radius:10px;padding:.4rem}.canvas-tools button{font-size:var(--fs-sm);min-height:36px;padding:.45rem .5rem}.canvas-tools button[aria-pressed=true],.more-tools-toggle[data-active=true]{border-color:var(--accent);background:var(--accent-soft)}.more-tools-toggle{display:none}.shape-tools{position:relative}.shape-options{z-index:12;background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;gap:.3rem;padding:.4rem;display:grid;position:absolute;top:calc(100% + .3rem);left:0;box-shadow:0 8px 20px #0008}.canvas-tools-shell>.group-edit-banner{position:absolute;inset:0}@media (width<=760px){.canvas-tools{padding:.25rem;display:block}.primary-tools{grid-template-columns:1fr 1fr 1.35fr repeat(4,minmax(0,1fr));gap:.2rem;display:grid}.canvas-tools button{min-width:0;font-size:var(--fs-sm);min-height:36px;padding:.4rem .1rem}.more-tools-toggle{display:block}.secondary-tools{padding-top:.3rem;display:none}.secondary-tools[data-open=true]{display:flex}.secondary-tools>*{flex:1}.shape-tools>button{width:100%}}@media (width<=320px){.primary-tools>button{font-size:var(--fs-xs);padding-inline:0}}.canvas-tools button{justify-content:center;align-items:center;gap:.3rem;display:inline-flex}.canvas-tools .more-tools-toggle{display:none}.tool-icon{flex:none;display:inline-flex;position:relative}.restore-badge{background:var(--raised);border-radius:50%;position:absolute;bottom:-3px;right:-3px}.shape-tools{align-items:stretch;display:flex}.shape-tools>button:first-child{border-radius:8px 0 0 8px}.shape-tools>.shape-toggle{border-left:0;border-radius:0 8px 8px 0;width:18px;min-width:18px;padding-inline:0}.shape-options button{justify-content:start}.interactive-canvas.tool-text{cursor:text}.interactive-canvas.tool-rectangle,.interactive-canvas.tool-ellipse,.interactive-canvas.tool-line{cursor:crosshair}@media (width<=760px){.canvas-tools .more-tools-toggle{display:inline-flex}.canvas-tools .tool-label{display:none}.canvas-tools button{min-height:40px}.shape-tools>button:first-child{flex:1;width:auto}.shape-tools>.shape-toggle{width:12px;min-width:12px}}.canvas-text-transform{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0;overflow:visible}textarea.canvas-text-editor{resize:none;pointer-events:auto;box-sizing:border-box;background:0 0;border:0;border-radius:0;outline:none;width:100%;min-width:0;height:100%;margin:0;padding:0;line-height:1.2;overflow:auto}.canvas-layouts{gap:.2rem;display:flex}.canvas-layouts button{justify-content:center;align-items:center;padding:.35rem;display:inline-flex}.canvas-layouts button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:#fff}@media (width<=360px){.preview-panel .panel-heading{flex-wrap:wrap}.viewport-actions{justify-content:space-between;width:100%}}.pack-selectors label:first-child{flex-basis:100%}.pack-selectors select{padding:.35rem .4rem}@media (width<=760px){.output-context-preview{margin:.35rem 0 0;position:relative;top:auto;left:auto}}.text-boundaries{pointer-events:none;z-index:6;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bubble-options{gap:.3rem;display:flex}.bubble-options button{flex:1;padding:.45rem .3rem}.bubble-options button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.inspector-object-fields textarea{resize:vertical;box-sizing:border-box;width:100%;font:inherit;color:inherit;background:var(--raised);border:1px solid var(--line-strong);border-radius:8px;padding:.4rem}.bubble-tail-overlay{pointer-events:none;z-index:7;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bubble-tail-overlay circle{pointer-events:all;cursor:crosshair;fill:#fff;stroke:#4c56bf;stroke-width:2px;vector-effect:non-scaling-stroke}.bubble-speaker-target{pointer-events:none;z-index:6;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bubble-speaker-target polygon{fill:#7268ff26;stroke:#8178ff;stroke-width:3px;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.bubble-speaker{min-width:0}.speaker-actions{align-items:flex-start;gap:.4rem;display:flex}.speaker-picker{flex:1;min-width:0;position:relative}.speaker-picker summary{border:1px solid var(--line-strong);cursor:pointer;font-size:var(--fs-md);border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .6rem;list-style:none;display:flex}.speaker-picker summary::-webkit-details-marker{display:none}.speaker-picker summary span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.speaker-picker summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.speaker-choices{gap:.25rem;max-height:12rem;margin-top:.3rem;display:grid;overflow-y:auto}.speaker-choices button{text-align:left;overflow-wrap:anywhere}.speaker-choices button[aria-pressed=true]{border-color:var(--accent)}.bubble-speaker small{color:var(--muted);font-size:var(--fs-sm);margin-top:.35rem;display:block}.canvas-tools .tool-label{display:none}.canvas-tools{background:var(--surface);border:0;border-radius:12px;padding:.3rem}.canvas-tools button,.viewport-actions button,.shape-options button{color:var(--muted);background:0 0;border-color:#0000}.canvas-tools button{min-width:36px}.canvas-tools button:hover:not(:disabled),.viewport-actions button:hover:not(:disabled){color:var(--text)}.canvas-tools button[aria-pressed=true],.more-tools-toggle[data-active=true],.canvas-layouts button[aria-pressed=true],.shape-options button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:#0000}.shape-options{background:var(--raised);border:0}.restore-badge{background:var(--surface)}.canvas-hint{color:var(--faint);font-size:var(--fs-xs);text-align:center;margin:0}.paint-toolbar{background:var(--surface);border:0}.brush-settings{border-top-color:var(--line)}.preview-viewport{border:0}.render-status{color:var(--muted);font-size:var(--fs-xs)}.output-context-preview{color:var(--faint);font-size:var(--fs-xs)}.picker-mode button[aria-pressed=true],.bubble-options button[aria-pressed=true]{background:var(--hover);color:var(--text);border-color:#0000}.picker-mode button[aria-pressed=false],.bubble-options button[aria-pressed=false]{color:var(--muted);background:0 0}.emoji-grid button{background:0 0}.emoji-grid button:hover:not(:disabled){background:var(--raised)}.emoji-grid button[aria-pressed=true]{background:var(--hover);border-color:#0000}.picker-packs,.more-controls,.advanced-controls,.outline-controls{border-top-color:var(--line)}.layer-item{background:0 0;border:0}.layer-item.selected{background:var(--hover);border:0}.layer-actions{border-top-color:var(--line)}.layer-actions button,.visibility-button{color:var(--muted);background:0 0}.arrange-actions{background:var(--raised);border:0}.selection-actions button{border-color:var(--line);color:var(--muted);background:0 0}.selection-actions button:hover:not(:disabled){color:var(--text)}.selection-group{background:var(--raised);border:0}.selection-group.editing{background:var(--accent-soft)}.group-edit-banner{background:var(--accent-soft);border:0}.preset-list .visual-preset{background:var(--raised)}.visual-preset:hover{border-color:#0000}.control-reset{color:var(--faint)}.inspector-heading h2{font-size:var(--fs-md)}.inspector-heading{align-items:center}.controls-panel legend{color:var(--faint);font-size:var(--fs-xs)}.inspector-empty{color:var(--faint)}.app-footer{color:var(--faint);font-size:var(--fs-xs)}.app-footer a{color:inherit}.app-footer button{color:var(--faint);text-underline-offset:2px;font-size:var(--fs-xs);background:0 0;padding-inline:.25rem;text-decoration:underline}.app-footer button:hover:not(:disabled){color:var(--text);background:0 0}input[type=range],input[type=checkbox]{accent-color:var(--accent)}@media (width>=761px){.preview-panel{background:0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem .75rem;padding:0;display:flex}.preview-panel>*{flex:100%;min-width:0}.preview-panel>.canvas-tools-shell{flex:0 auto;order:-1;margin-top:0}.preview-panel>.panel-heading{flex:0 auto;margin-left:auto}.preview-stage{margin:.4rem 0}.preview-viewport,.editor-layout .preview-viewport{border-radius:14px;width:min(100%,600px,100dvh - 200px);min-width:260px}.viewport-actions{background:var(--surface);border-radius:12px;flex-wrap:nowrap;gap:.1rem;padding:.3rem}.viewport-actions output{color:var(--faint)}.viewport-actions>button{min-height:36px}.compare-button{place-items:center;width:36px;padding:0;display:inline-grid}.canvas-layouts button{min-height:36px;padding:.35rem}.output-context-preview{text-align:center}.header-export .export-bar{border:0;align-items:center;gap:.35rem;padding:0}.header-export .size-control>span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.header-export .size-control select{color:var(--muted);font-size:var(--fs-sm);background:0 0}.header-export .size-control select:hover{background:var(--raised);color:var(--text)}.header-export .preview-actions{gap:.35rem}.header-export .preview-actions button:not(.primary){color:var(--muted);background:0 0}.header-export .preview-actions button:not(.primary):hover:not(:disabled){background:var(--raised);color:var(--text)}}@media (width<=760px){.app-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions""project project";gap:.35rem .5rem;padding:.55rem .75rem .2rem}.wordmark{grid-area:brand;font-size:1.05rem}.header-actions{grid-area:actions}.app-header .project-bar{background:0 0;border:0;grid-area:project;width:auto;margin:0;padding:0}.icon-button{width:36px;height:36px}.project-identity input{padding-inline:.35rem}.project-actions[data-open=true]{background:var(--surface);border-color:var(--line-strong)}.project-actions[data-open=true] .project-switcher{flex:1;width:auto}.project-actions[data-open=true] .project-switcher select{opacity:1;font-size:var(--fs-sm);position:static}.project-actions[data-open=true] .project-switcher svg{display:none}.project-toggle{color:var(--muted);background:0 0}}@media (width<=360px){.wordmark{font-size:.95rem}}