#currentColorSwatch.checker{background:repeating-conic-gradient(#eee,#eee 25%,#fff 0%,#fff 50%) 50% / 12px 12px;position:relative;overflow:hidden}@font-face{font-family:Inter Fallback;src:local("Segoe UI"),local("Helvetica Neue"),local("Arial");ascent-override:92%;descent-override:24%;line-gap-override:0%;size-adjust:102%}:root{--bg: #f7f9fc;--surface: #ffffff;--surface2: #f6f6f6;--muted: #374151;--primary: #1976d2;--accent: #2196f3;--card-shadow: 0 6px 18px rgba(17, 24, 39, .06);--radius: 10px;--glass: rgba(255, 255, 255, .6);--body-top: #1f2937;--btn-bg: #ffffff;--btn-bg-hover: #f5f5f5;--btn-bg-active: #e8e8e8;--btn-border: rgba(0, 0, 0, .12);--btn-border-hover: rgba(0, 0, 0, .2);--btn-text: #374151;--btn-text-hover: #1f2937;--btn-focus: rgba(25, 118, 210, .3);--btn-active-bg: #fff6e5;--btn-active-border: #ffb300;--btn-disabled-opacity: .5;--panel-border: rgba(0, 0, 0, .06)}[data-theme=dark]{--bg: #0b1020;--surface: #0f1724;--muted: #ffffff;--surface2: rgba(255, 255, 255, .02);--primary: #60a5fa;--panel-border: rgba(255, 255, 255, .06);--accent: #3b82f6;--card-shadow: 0 6px 18px rgba(2, 6, 23, .6);--body-top: #e0e0e0;--btn-bg: rgba(255, 255, 255, .08);--btn-bg-hover: rgba(255, 255, 255, .12);--btn-bg-active: rgba(255, 255, 255, .16);--btn-border: rgba(255, 255, 255, .15);--btn-border-hover: rgba(255, 255, 255, .25);--btn-text: #ffffff;--btn-text-hover: #ffffff;--btn-focus: rgba(96, 165, 250, .4);--btn-active-bg: rgba(59, 130, 246, .2);--btn-active-border: rgba(96, 165, 250, .5);--btn-disabled-opacity: .4}[data-theme=dark] header#header{background:linear-gradient(180deg,#071023,#0b1220);border-bottom:1px solid rgba(255,255,255,.08)}[data-theme=dark] .header-meta,[data-theme=dark] .header-controls{color:var(--muted)}[data-theme=dark] .header-actions .material-icons,[data-theme=dark] .header-controls .material-icons{color:var(--primary)}[data-theme=dark] .section{background:#ffffff05;border:1px solid rgba(255,255,255,.03);box-shadow:none;color:var(--muted)}[data-theme=dark] .section h2{color:var(--muted);border-left-color:#60a5fa99}[data-theme=dark] #sidebar{background:linear-gradient(180deg,#071023,#081226);color:var(--muted);border-right:1px solid rgba(255,255,255,.03)}[data-theme=dark] #main-panel{background:transparent}[data-theme=dark] input[type=text],[data-theme=dark] input[type=number],[data-theme=dark] input[type=range],[data-theme=dark] textarea{background:#ffffff05;color:#fff;border:1px solid rgba(255,255,255,.06)}[data-theme=dark] select{background:#1e283ccc;color:#fff;border:1px solid rgba(255,255,255,.15)}[data-theme=dark] select option{background:#1a2030;color:#fff}[data-theme=dark] .toolbar-fold{border-color:#ffffff1a}[data-theme=dark] .toolbar-fold>.toolbar-fold-title{border-bottom-color:#ffffff1a}.pen-type-native{display:none!important}.pen-type-picker{margin-top:4px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:linear-gradient(120deg,#462c12f2,#221a12f5);padding:8px}.pen-type-preview-label{color:#e8d5bf;font-size:12px;margin-bottom:6px}.pen-type-preview-card{background:#f4f0e9;border-radius:8px;padding:6px;margin-bottom:8px}#penTypePreviewCanvas{width:100%;height:60px;display:block;border-radius:6px;background:#f4f0e9}.pen-type-list{max-height:210px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:2px}.pen-type-row{display:flex;align-items:center;gap:6px}.pen-type-item{flex:1 1 auto;text-align:left;border:1px solid rgba(0,0,0,.14);border-radius:8px;background:linear-gradient(180deg,#fff,#f5f7fb);color:#1f2937;padding:7px 9px;cursor:pointer;font-size:12px;font-weight:500}.pen-type-item:hover{background:#eef4ff;border-color:#8db7e8}.pen-type-item.active{border-color:#1976d2;background:#1976d229;color:#0f3358;font-weight:600}.pen-type-delete{width:26px;height:26px;border:1px solid rgba(0,0,0,.14);border-radius:7px;background:#fff5f5;color:#b42318;font-size:14px;line-height:1;cursor:pointer;flex:0 0 26px}.pen-type-delete:hover{background:#ffe3e3;border-color:#f0a3a3;color:#8a1f1f}[data-theme=dark] .pen-type-item{border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#f7efe4}[data-theme=dark] .pen-type-item:hover{background:#ffffff1f;border-color:#ffffff47}[data-theme=dark] .pen-type-item.active{border-color:#ffd28f;background:#ffb85a33;color:#fff7ea}[data-theme=dark] .pen-type-delete{border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#ffd7d7}[data-theme=dark] .pen-type-delete:hover{background:#ff636333;border-color:#ff8c8cbf;color:#fff0f0}[data-theme=dark] .pen-type-picker{border-color:#ffffff17;background:linear-gradient(120deg,#24180ef5,#120e0af5)}[data-theme=dark] .palette-bar,[data-theme=dark] .palette-toolbar{background:#ffffff05;box-shadow:0 6px 18px #02061799}[data-theme=dark] #projectList::-webkit-scrollbar,[data-theme=dark] #frameList::-webkit-scrollbar,[data-theme=dark] #layerList::-webkit-scrollbar{background:#ffffff05}[data-theme=dark] #projectList::-webkit-scrollbar-thumb,[data-theme=dark] #frameList::-webkit-scrollbar-thumb,[data-theme=dark] #layerList::-webkit-scrollbar-thumb{background:#ffffff14}:focus-visible{outline:2px solid var(--btn-focus);outline-offset:2px}[data-theme=dark] .palette-toolbar{background:#ffffff05;box-shadow:0 8px 24px #02061799}[data-theme=dark] .palette-color{border-color:#ffffff0f}[data-theme=dark] .layer-item,[data-theme=dark] .project-item,[data-theme=dark] .frame-item{background:#ffffff05;border-color:#ffffff08;color:var(--muted)}[data-theme=dark] .layer-thumb,[data-theme=dark] .frame-thumb{background:#ffffff05;border-color:#ffffff0a}body{font-family:Inter,Inter Fallback,Helvetica Neue,Arial,Noto Sans JP,sans-serif;margin:0;padding:0;color:var(--muted);background:var(--bg);user-select:none;-webkit-user-select:none}input,textarea,select,option,[contenteditable=true],[contenteditable=plaintext-only]{user-select:text;-webkit-user-select:text}.app-sub{color:var(--muted)}header#header{background:linear-gradient(180deg,var(--surface),rgba(255,255,255,.98));padding:1px 3px;box-shadow:var(--card-shadow);display:flex;align-items:center;justify-content:space-between;gap:12px}.header-meta{display:flex;align-items:center;gap:8px;max-width:45%}#projectList{height:49px;flex:1 1 auto;min-width:0;max-width:100%;overflow-x:auto;white-space:nowrap;min-width:120px}.autosave-status{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-left:12px}.autosave-status .autosave-icon{font-size:18px;display:inline-block;vertical-align:middle;transform-origin:center center}.autosave-status.saving .autosave-icon{animation:autosave-spin 1s linear infinite}@keyframes autosave-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.material-symbols-outlined{font-family:Material Symbols Outlined!important;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.autosave-icon.material-symbols-outlined,.layer-vis-btn .material-symbols-outlined{font-size:18px}.project-item{flex:0 0 auto}@media (max-width: 800px){.header-meta{max-width:60%}}.toolbar-mobile{border-radius:8px;padding:8px;background:var(--surface)}.toolbar-mobile.mobile-open{display:block!important}#about-dialog>div{max-height:80vh;overflow:auto;overscroll-behavior:none}header#header h1{margin:0;font-size:1.05rem;color:var(--primary);display:flex;align-items:center;gap:8px}#main-container{display:grid;grid-template-columns:260px 1fr 320px;grid-template-rows:auto 1fr;gap:20px;max-width:1400px;margin:0 auto;padding:12px;height:calc(100vh - 84px);overflow:hidden}#sidebar{width:260px;display:flex;flex-direction:column;gap:18px;margin-top:0;overflow-y:auto}#palette-root{grid-column:1;grid-row:1;position:relative}#sidebar{grid-column:1;grid-row:2}.dotgothic16-regular{font-family:DotGothic16,sans-serif;font-weight:400;font-style:normal}#main-panel{min-width:340px;height:100%;flex-direction:column;overflow:hidden;grid-column:2;grid-row:1 / span 2}#right-panel{width:320px;display:flex;flex-direction:column;gap:18px;overflow-y:auto;padding-left:4px;grid-column:3;grid-row:1 / span 2}.right-toolbar{display:flex;flex-direction:column;gap:12px;justify-content:center;padding:12px}.tool-panel-switcher{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center}.tool-panel-btn{width:42px;height:42px;min-height:42px;padding:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.tool-panel-btn.active{border-color:var(--btn-active-border);background:var(--btn-active-bg)}.toolbar-group{display:flex;flex-direction:column;gap:6px}.toolbar-group-label{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--muted);opacity:.8;padding-left:2px}.toolbar-row{display:grid;grid-template-columns:repeat(4,56px);gap:8px}.toolbar-fold{border:1px solid rgba(0,0,0,.08);border-radius:12px;background:var(--surface);box-shadow:var(--card-shadow);overflow:hidden}.toolbar-fold>.toolbar-fold-title{list-style:none;padding:8px 10px;font-size:12px;font-weight:700;letter-spacing:.03em;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(0,0,0,.06)}.toolbar-fold>label.pen-controls,.toolbar-fold>.pen-controls,.toolbar-fold>.zoom-controls,.toolbar-fold>#scanColorsPanel{margin:8px 10px 10px}.toolbar-fold>#adjust-settings{margin:8px 10px 10px}.secondary-tools{grid-template-columns:repeat(4,56px)}.color-info{display:flex;gap:10px;align-items:center;padding:8px 10px;background:var(--surface);border:1px solid rgba(0,0,0,.04);border-radius:12px;box-shadow:var(--card-shadow)}.color-swatch{width:42px;height:42px;border-radius:10px;border:2px solid #888;flex-shrink:0}.color-meta{display:flex;flex-direction:column;gap:6px;font-size:13px}.wide-btn{width:100%}.pen-controls{grid-column:1 / -1;display:flex;flex-direction:column;gap:10px;align-items:stretch;justify-content:flex-start}.control-row{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}.control-row>label{font-size:12px;font-weight:600;color:var(--muted)}.control-row-inline{flex-direction:row;align-items:center;gap:8px}.control-row-split{display:grid;grid-template-columns:1fr 1fr;gap:8px}.control-row-split>label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}.input-with-unit{display:flex;align-items:center;gap:8px}.input-with-unit input[type=range]{flex:1;min-width:80px}.value-display{min-width:56px;text-align:right;font-size:12px;color:var(--muted)}.value-display small{margin-left:2px;font-size:11px;opacity:.7}.brush-selector-zone{display:flex;flex-direction:column;gap:8px}.mskp-dropzone{margin-bottom:2px;padding:8px;border:1px dashed rgba(0,0,0,.35);border-radius:8px;text-align:center;cursor:pointer;background:var(--surface2);color:var(--muted);font-size:12px}.mskp-dropzone:hover{border-color:var(--primary);background:#1976d214}#unified-brush-list{max-height:220px}.dynamic-params{border-top:1px solid rgba(0,0,0,.08);padding-top:8px}.zoom-controls{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.adjust-panel{display:flex;flex-direction:column;gap:12px}.adjust-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.adjust-chip{min-height:34px;border-radius:10px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);font-size:12px;font-weight:700;cursor:pointer}.adjust-group{border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:10px;background:var(--surface2);display:flex;flex-direction:column;gap:8px}.adjust-group h3{margin:0;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--muted)}.adjust-row{display:grid;grid-template-columns:1fr;align-items:center;gap:4px}.adjust-row label{font-size:12px;color:var(--muted);padding-left:2px}.adjust-control{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px;align-items:center}.adjust-control input[type=range]{width:100%;min-width:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:24px;background:transparent;margin:0;accent-color:#1e88e5}.adjust-control input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:linear-gradient(180deg,#dce1e8f2,#ced5def2)}.adjust-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;border:2px solid #ffffff;background:#1e88e5;box-shadow:0 1px 2px #00000038;cursor:pointer}.adjust-control input[type=range]::-moz-range-track{height:8px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:linear-gradient(180deg,#dce1e8f2,#ced5def2)}.adjust-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:2px solid #ffffff;background:#1e88e5;box-shadow:0 1px 2px #00000038;cursor:pointer}.adjust-control input[type=number]{width:100%;min-width:0;box-sizing:border-box;background:var(--surface);color:var(--text-color);border:1px solid var(--panel-border);border-radius:6px;padding:4px 6px}.adjust-row.changed label{color:var(--text-color);font-weight:700}.adjust-actions{display:grid;grid-template-columns:1fr;gap:8px}.adjust-btn{min-height:34px;border-radius:10px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);font-size:12px;font-weight:700;cursor:pointer}@media (max-width: 560px){.adjust-control{grid-template-columns:minmax(0,1fr) 64px}}#gridToggleBtn.active{background:linear-gradient(180deg,#e8f5e9,#c8e6c9);border-color:#3cb372}#right-panel .export-group{margin:12px;display:flex;flex-direction:column;gap:8px}.toolbar-mobile{overflow-y:auto}@media (min-width: 769px){#right-toolbar{display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:10px;align-content:start;align-items:start}#toolPanelSwitcher{display:flex;flex-direction:column;gap:8px;grid-column:1;position:sticky;top:0;z-index:3}#right-toolbar>:not(#toolPanelSwitcher){grid-column:2;min-width:0}#right-toolbar .toolbar-row{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}#right-toolbar .tool-btn{width:100%;min-width:0;box-sizing:border-box;padding-left:0;padding-right:0}#right-toolbar>[data-tool-panel]:not(.tool-panel-visible){display:none!important}}@media (max-width: 800px){#main-container{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}#right-panel{position:fixed;right:0;top:64px;height:calc(100vh - 64px);transform:translate(100%);transition:transform .2s}#right-panel.open{transform:translate(0)}#main-panel{grid-column:1;grid-row:1}#palette-root{grid-column:1;grid-row:2}}#canvas-container{display:grid;place-items:center;background:var(--surface);border-radius:10px;box-shadow:var(--card-shadow);padding:4px;margin-top:2px;overflow:hidden;overscroll-behavior:none;touch-action:none;width:100%;flex:1;position:relative;min-height:200px;height:100%}#camera-preview{position:absolute;right:10px;bottom:10px;padding:4px;border-radius:10px;background:#ffffffd9;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000001f;pointer-events:none;z-index:5}#camera-preview canvas{width:auto;height:auto;image-rendering:pixelated;display:block;border:none;background:transparent;box-shadow:none;border-radius:0;cursor:default;max-width:none;max-height:none}#canvas-container canvas{border:2px solid #2196f3;background:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee),linear-gradient(45deg,#eee 25%,#fff 25%,#fff 75%,#eee 75%,#eee);background-size:20px 20px;background-position:0 0,10px 10px;image-rendering:pixelated;cursor:crosshair;border-radius:6px;box-shadow:0 1px 8px #0001;box-sizing:border-box;max-width:100%;max-height:100%}#canvas-container #grid-canvas{border:none;background:transparent;box-shadow:none;display:block;position:absolute;margin:auto;pointer-events:none}#canvas-container #onion-canvas{border:none;background:transparent;box-shadow:none;pointer-events:none}[data-theme=dark] #canvas-container canvas{background:repeating-conic-gradient(#2a2f3a,#2a2f3a 25%,#1f2430 0%,#1f2430 50%) 0 0 / 20px 20px;box-shadow:0 1px 8px #00000059}.header-controls{display:flex;align-items:center;gap:12px;justify-content:flex-start;overflow-x:auto;white-space:nowrap;max-height:80px}.header-actions{display:flex;gap:8px;align-items:center}.header-actions .btn{padding:6px 14px;border-radius:8px;border:1.5px solid var(--btn-border);background:var(--btn-bg);cursor:pointer;font-weight:600;color:var(--primary);display:flex;align-items:center;gap:8px;transition:all .15s ease;min-height:36px}.header-actions .btn:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--btn-border-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.header-actions .btn:focus-visible{outline:2px solid var(--btn-focus);outline-offset:2px}.icon-btn{background:var(--btn-bg);border:1.5px solid var(--btn-border);padding:8px;border-radius:8px;cursor:pointer;font-size:1rem;color:var(--btn-text);transition:all .15s ease;min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--btn-border-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.icon-btn:active:not(:disabled){background:var(--btn-bg-active);transform:translateY(0)}.icon-btn:focus-visible{outline:2px solid var(--btn-focus);outline-offset:2px}.header-icon{border-radius:6px;box-shadow:0 1px 6px #0000000f;width:36px;height:36px}.app-title{font-weight:700;color:var(--primary)}.app-sub{font-size:.8rem;margin-left:8px;color:var(--muted);font-weight:400}#project-controls-header #projectList{margin-left:8px;flex:1;min-width:0}#sidebar{width:260px;display:flex;flex-direction:column;gap:18px;margin-top:0}#main-panel{flex:1;min-width:340px;max-width:700px}.section{background:#f8f9fa;border-radius:8px;box-shadow:0 1px 4px #0001;margin-bottom:18px;padding:14px 16px 10px;display:flex;flex-direction:column}.section>h2{flex-shrink:0}.section>#canvas-container{flex:1;height:auto}.section h2{font-size:1.1em;color:#333;margin:0 0 8px;border-left:4px solid #2196f3;padding-left:8px}.section.collapsible .section-header{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:6px;margin-bottom:4px}.section.collapsible .toggle-btn{font-size:1.2em;margin-left:auto;color:#2196f3;transition:transform .2s}.section.collapsible .section-header:hover .toggle-btn{color:#1565c0}.section.collapsible .section-content{transition:max-height .2s}#controls{align-items:flex-start;overflow-x:hidden}.tool-group,.action-group,.export-group{align-items:center}#loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#00000059;z-index:20000}#loading-overlay .loading-box{color:var(--text, #222);padding:12px 16px;border-radius:12px;display:grid;gap:12px;align-items:center;justify-items:center;background:transparent;border:none;box-shadow:none}#loading-overlay .loading-stage{--loading-w: 16px;--loading-h: 16px;--loading-scale: 12;--loading-duration: 2s;width:calc(var(--loading-w) * var(--loading-scale));height:calc(var(--loading-h) * var(--loading-scale));position:relative;image-rendering:pixelated}#loading-overlay .loading-stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;transform:scale(1.005);backface-visibility:hidden}#loading-overlay .loading-intro{opacity:0;animation:nezumi-load-pop var(--loading-duration) cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:calc(var(--i) * 40ms)}#loading-overlay .loading-static{opacity:1;z-index:1}#loading-overlay #loading-message{font-size:13px;color:var(--muted, #555)}@keyframes nezumi-load-pop{0%{opacity:0;transform:translateY(8px) scale(1.005)}15%,70%{opacity:1;transform:translateY(0) scale(1.005)}85%,to{opacity:0;transform:translateY(-4px) scale(1.005)}}@-moz-document url-prefix(){#loading-overlay .loading-stage{image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){#loading-overlay .loading-intro{animation:none;opacity:1;transform:scale(1.005)}}.magic-eraser-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#0a0c0e99;z-index:10;pointer-events:none}.magic-eraser-loading.is-visible{display:flex;pointer-events:auto}#magicEraserModal .magic-eraser-confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:10002;display:none}#magicEraserModal .magic-eraser-confirm-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,420px);padding:12px;border:1px solid #e0b300;border-radius:8px;background:var(--surface, #fff);box-shadow:0 12px 32px #00000047;z-index:10003;display:none}#magicEraserModal .magic-eraser-confirm-overlay.is-visible,#magicEraserModal .magic-eraser-confirm-panel.is-visible{display:block}#magicEraserModal.is-loading .modal-header,#magicEraserModal.is-loading .modal-body{pointer-events:none;-webkit-user-select:none;user-select:none}#magicEraserModal.is-loading .modal-header .icon-btn{opacity:.5}.nezumi-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:100200}.nezumi-dialog-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,420px);padding:12px;border:1px solid #e0b300;border-radius:8px;background:var(--surface, #fff);box-shadow:0 12px 32px #00000047;z-index:100201}.nezumi-dialog-title{font-size:14px;font-weight:700;margin:0 0 8px}.nezumi-dialog-message{font-size:12px;line-height:1.4;margin-bottom:8px}.nezumi-dialog-actions{display:flex;gap:8px;justify-content:flex-end}.nezumi-dialog-btn{padding:6px 10px}.nezumi-dialog-btn-danger{background:#d32f2f;color:#fff;border:none;border-radius:4px}.magic-eraser-loading-stage{--loading-w: 16px;--loading-h: 16px;--loading-scale: 10;--loading-duration: 2s;width:calc(var(--loading-w) * var(--loading-scale));height:calc(var(--loading-h) * var(--loading-scale));position:relative;image-rendering:pixelated}.magic-eraser-loading-stage img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;transform:scale(1.005);backface-visibility:hidden}.magic-eraser-loading-intro{opacity:0;animation:nezumi-load-pop var(--loading-duration) cubic-bezier(.34,1.56,.64,1) infinite;animation-delay:calc(var(--i) * 40ms)}.magic-eraser-loading-static{opacity:1;z-index:1}.magic-eraser-loading-text{font-size:12px;color:#f2f2f2;letter-spacing:.02em}@-moz-document url-prefix(){.magic-eraser-loading-stage{image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){.magic-eraser-loading-intro{animation:none;opacity:1;transform:scale(1.005)}}#loading-overlay[hidden]{display:none!important}.tool-btn{margin-left:0;padding:8px 14px;font-size:14px;font-weight:500;cursor:pointer;border:2px solid var(--btn-border);border-radius:8px;background:var(--btn-bg);color:var(--btn-text);transition:all .15s ease;min-height:36px}.tool-btn:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--btn-border-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.tool-btn.active{background:var(--btn-active-bg);border:2px solid var(--btn-active-border);color:var(--btn-text);box-shadow:0 6px 20px #ffb40026;transform:translateY(-2px);font-weight:600}.tool-btn:focus-visible{outline:2px solid var(--btn-focus);outline-offset:2px}.tool-btn:disabled{opacity:var(--btn-disabled-opacity);cursor:not-allowed}input[type=color]{width:32px;height:32px;border:none;background:none;padding:0;margin-left:8px;cursor:pointer}button{padding:6px 14px;font-size:13px;font-weight:500;border:1.5px solid var(--btn-border);border-radius:6px;background:var(--btn-bg);color:var(--btn-text);cursor:pointer;transition:all .15s ease;min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--btn-border-hover);color:var(--btn-text-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}button:active:not(:disabled){background:var(--btn-bg-active);transform:translateY(0);box-shadow:0 1px 4px #0000001a}button:focus-visible{outline:2px solid var(--btn-focus);outline-offset:2px}button:disabled{opacity:var(--btn-disabled-opacity);cursor:not-allowed;transform:none}#canvas{display:block}#project-controls,#frame-controls,#layer-controls{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}#projectList,#frameList,#layerList{margin-bottom:6px}#projectList,#frameList{align-items:flex-start;max-width:100%;overflow-x:auto;border:1px solid #aaa;background:var(--surface);padding:4px;gap:4px;border-radius:4px}#projectList .project-item{min-width:0}#projectList .project-item .name-container{min-width:0;width:100%}#projectList .project-item .name-container>div:first-child{min-width:0}#projectList .project-item .project-name{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#layerList{display:flex;flex-direction:column-reverse;align-items:stretch;border:1px solid rgba(0,0,0,.06);background:var(--surface);width:100%;min-width:220px;padding:6px;gap:8px;border-radius:8px}layer-item,project-item,frame-item{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--panel-border);padding:6px 8px;border-radius:8px;cursor:pointer;gap:8px;transition:border .12s,background .12s,transform .12s}.layer-item:hover,.project-item:hover,.frame-item:hover{transform:translateY(-2px)}.layer-item.active{border:2px solid #2196f3;background:var(--surface)}.project-item.active{border:2px solid #f44336;background:var(--surface)}.frame-item.active{border:2px solid var(--primary);background:var(--btn-active-bg)}.frame-item.selected{border:2px solid var(--btn-active-border);background:var(--btn-active-bg)}.layer-thumb,.frame-thumb{width:40px;height:40px;border:1px solid var(--panel-border);background:var(--surface);margin-right:8px;image-rendering:pixelated;border-radius:6px;box-shadow:var(--card-shadow)}.frame-btn{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--btn-text);padding:4px 8px;border-radius:6px;cursor:pointer}.frame-btn:disabled{opacity:var(--btn-disabled-opacity);cursor:not-allowed}.layer-btn,.project-btn,.frame-btn{margin-left:4px;padding:4px 10px;font-size:12px;font-weight:500;cursor:pointer;border:1.5px solid var(--btn-border);border-radius:4px;background:var(--btn-bg);color:var(--btn-text);transition:all .15s ease;min-height:28px}.layer-btn:hover:not(:disabled),.project-btn:hover:not(:disabled),.frame-btn:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--btn-border-hover);transform:translateY(-1px)}.layer-btn:active:not(:disabled),.project-btn:active:not(:disabled),.frame-btn:active:not(:disabled){background:var(--btn-bg-active);transform:translateY(0)}.layer-btn:focus-visible,.project-btn:focus-visible,.frame-btn:focus-visible{outline:2px solid var(--btn-focus);outline-offset:1px}#projectList,#frameList,#layerList{scrollbar-width:thin}#projectList::-webkit-scrollbar,#frameList::-webkit-scrollbar,#layerList::-webkit-scrollbar{height:6px;width:6px;background:#eee}#projectList::-webkit-scrollbar-thumb,#frameList::-webkit-scrollbar-thumb,#layerList::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px}.file-load-label{display:inline-block;margin-left:4px;cursor:pointer}.file-load-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--btn-bg);border:1.5px solid var(--btn-border);border-radius:6px;font-size:13px;font-weight:500;color:var(--btn-text);cursor:pointer;transition:all .15s ease;min-height:32px}.file-load-btn:hover{background:var(--btn-bg-hover);border-color:var(--btn-border-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.file-load-btn:focus-visible{outline:2px solid var(--btn-focus);outline-offset:2px}#menu-toggle-btn{display:none;position:relative;right:auto;top:auto;z-index:2001;background:var(--btn-bg);color:var(--primary);border:1.5px solid var(--btn-border);border-radius:8px;font-size:1rem;padding:8px 12px;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:all .15s ease;min-width:40px;min-height:40px;align-items:center;justify-content:center}#menu-toggle-btn:hover{transform:translateY(-2px);background:var(--btn-bg-hover);border-color:var(--btn-border-hover);box-shadow:0 4px 12px #0000001f}#menu-toggle-btn:active{transform:translateY(0);background:var(--btn-bg-active)}#menu-toggle-btn:focus-visible{outline:2px solid var(--btn-focus);outline-offset:2px}@media (max-width: 800px){#menu-toggle-btn{display:inline-flex}header#header{padding-left:12px;padding-right:12px}.header-left{display:flex;align-items:center;gap:8px}#menu-toggle-btn{order:-1;margin-right:6px}}.palette-bar{display:flex;align-items:center;gap:6px;margin:12px 0 0;padding:8px 12px;background:#f8f8f8;border-radius:8px;box-shadow:0 1px 4px #0001;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.palette-color{width:30px;height:30px;border-radius:8px;box-shadow:0 2px 6px #1018280f;border:2px solid rgba(0,0,0,.06);cursor:pointer;outline:none;margin:0 4px;position:relative;transition:transform .12s,box-shadow .12s,border-color .12s}.palette-color.selected{transform:translateY(-3px);box-shadow:0 10px 30px #1018281f;border-color:var(--accent)}.palette-del-btn{position:absolute;top:-8px;right:-8px;background:var(--surface);color:#888;border:1px solid rgba(0,0,0,.06);border-radius:50%;font-size:12px;width:18px;height:18px;line-height:16px;text-align:center;cursor:pointer;z-index:2;box-shadow:0 2px 6px #00000014;display:none}.palette-color:hover .palette-del-btn{display:block}.palette-add-btn{width:32px;height:32px;border:2px dashed var(--btn-border);border-radius:8px;background:var(--btn-bg);color:var(--btn-text);font-size:18px;cursor:pointer;margin:0 4px;vertical-align:middle;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.palette-add-btn:hover{transform:translateY(-2px);border:2px solid var(--accent);background:var(--btn-bg-hover);color:var(--primary);box-shadow:0 4px 12px #2196f333}.palette-add-btn:focus-visible{outline:2px solid var(--btn-focus);outline-offset:2px}.palette-toolbar{display:flex;justify-content:center;align-items:center;gap:8px;margin:8px 0 0;padding:6px 8px;background:var(--surface);border-radius:12px;box-shadow:var(--card-shadow);font-size:14px}.palette-root{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:12px;background:var(--surface);box-shadow:var(--card-shadow);width:100%;box-sizing:border-box}.palette-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;min-width:min-content}.palette-spacer{flex:1}.palette-body{display:flex;gap:10px;align-items:stretch}.palette-menu{position:relative;overflow:visible;z-index:6}.palette-menu-panel-container{position:absolute;z-index:10;pointer-events:none}.palette-menu-panel-container .palette-menu-panel.open{pointer-events:auto}.palette-menu-btn{width:28px;height:28px;border-radius:8px;border:1.5px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);font-size:18px;cursor:pointer;transition:all .15s ease}.palette-menu-btn:hover{background:var(--btn-bg-hover);border-color:var(--accent)}.palette-recent-toggle{padding:4px 8px;border-radius:8px;border:1.5px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);font-size:11px;cursor:pointer}.palette-recent-toggle:hover{background:var(--btn-bg-hover);border-color:var(--accent)}.palette-delete-toggle{padding:4px 8px;border-radius:8px;border:1.5px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);font-size:11px;cursor:pointer}.palette-delete-toggle:hover{background:var(--btn-bg-hover);border-color:#d32f2f;color:#d32f2f}.palette-delete-toggle.active{background:#d32f2f1f;border-color:#d32f2f;color:#d32f2f}.palette-menu-panel{position:absolute;right:0;top:34px;min-width:180px;background:var(--surface);border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 8px 22px #1018282e;padding:6px;display:none;z-index:5}.palette-menu-panel.open{display:block}.palette-menu-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px}.palette-menu-label{font-size:11px;color:#666;white-space:nowrap}.palette-menu-input{width:64px;padding:4px 6px;border-radius:6px;border:1px solid rgba(0,0,0,.12);font-size:12px;background:var(--surface)}.palette-menu-item{width:100%;text-align:left;padding:8px 10px;border-radius:8px;border:none;background:transparent;color:var(--btn-text);font-size:12px;cursor:pointer}.palette-menu-item:hover{background:#0000000f}.palette-menu-sep{height:1px;margin:6px 2px;background:#00000014}.palette-swatch-grad-a{outline:2px solid #1e88e5;outline-offset:2px}.palette-swatch-grad-b{outline:2px solid #fb8c00;outline-offset:2px}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:6px;max-height:160px;overflow:auto;padding:6px;border-radius:10px;background:#f6f6f6;border:1px solid rgba(0,0,0,.06)}@media (min-width: 769px){.palette-grid{grid-template-columns:repeat(5,34px);justify-content:start}}@media (max-width: 800px){.palette-body{flex-direction:column}.palette-menu-panel{top:-400px;z-index:999999}.palette-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-height:none;width:100%;padding-bottom:8px}.palette-swatch{flex:0 0 34px}.palette-root.recent-collapsed .palette-recent{display:none}}.palette-root.recent-collapsed .palette-recent{display:none}.palette-recent{display:flex;flex-direction:column;gap:6px}.palette-recent-title{font-size:12px;color:#666}.palette-recent-row{display:flex;gap:6px;flex-wrap:wrap}.palette-swatch{position:relative;width:34px;height:34px;border-radius:8px;border:1.5px solid rgba(0,0,0,.08);overflow:hidden;background:transparent;padding:0;cursor:pointer;box-shadow:0 2px 6px #1018280f;transition:transform .12s,box-shadow .12s,border-color .12s}.palette-swatch:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 18px #1018281f}.palette-swatch-checker{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(#bbb,#bbb 25%,#444 0%,#444 50%) 50% / 12px 12px}.palette-swatch-color{position:absolute;top:0;right:0;bottom:0;left:0}.palette-swatch-del{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15);background:var(--surface);color:#666;font-size:10px;line-height:12px;display:none;cursor:pointer;z-index:2;pointer-events:none}.palette-swatch:hover .palette-swatch-del{display:none}.palette-root.delete-mode .palette-swatch-del{display:block;pointer-events:auto;color:#b00020;border-color:#b0002099}.palette-root.delete-mode .palette-swatch{box-shadow:0 2px 6px #b0002029}.palette-toolbar .tool-btn.active{background:linear-gradient(180deg,var(--accent),var(--primary));border:2px solid #ffb300;box-shadow:0 6px 18px #ffb40014}.layer-action-btn{margin-left:6px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;border:1.5px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text);transition:all .15s ease;min-height:32px}.layer-action-btn:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--btn-border-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.layer-action-btn.active{background:var(--btn-active-bg);border:2px solid var(--btn-active-border);font-weight:600;box-shadow:0 4px 12px #ffb40026}.layer-action-btn:focus-visible{outline:2px solid var(--btn-focus);outline-offset:2px}.layer-action-btn[disabled]{opacity:var(--btn-disabled-opacity);cursor:not-allowed}.layer-item{padding:8px}.layer-row{display:flex;gap:10px;align-items:center}.layer-thumb.large{width:48px;height:48px}.layer-info{display:flex;flex-direction:column;gap:6px;flex:1}.layer-actions{display:flex;gap:6px;flex-wrap:wrap}.layer-label{font-weight:600}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#e3f2fd;color:#0d47a1;border:1px solid rgba(13,71,161,.25);font-size:12px}.palette-toolbar .tool-btn{margin-left:0;padding:6px 14px;font-size:14px;font-weight:500;cursor:pointer;border:1.5px solid var(--btn-border);border-radius:6px;background:var(--btn-bg);color:var(--btn-text);transition:all .15s ease;min-height:32px}.palette-toolbar .tool-btn:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--btn-border-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.palette-toolbar .tool-btn:focus-visible{outline:2px solid var(--btn-focus);outline-offset:2px}.used-colors-panel{margin-left:8px;padding:8px;border-radius:8px;background:var(--surface);box-shadow:0 6px 18px #1018280f;max-width:480px;display:grid;gap:6px;height:200px;width:150px;overflow-y:auto}.used-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.used-color-item{display:flex;gap:8px;align-items:center;padding:6px;border-radius:6px;cursor:pointer;border:1px solid rgba(0,0,0,.04)}.used-color-item:hover{background:#00000005}.used-color-swatch{width:28px;height:28px;border-radius:4px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 6px #0000000a;flex-shrink:0}.used-color-label{font-size:13px;color:var(--muted, #444)}.used-color-count{font-size:12px;color:var(--muted, #888);margin-left:auto}.transparent-swatch{background:repeating-conic-gradient(#eee,#eee 25%,#fff 0%,#fff 50%) 50% / 12px 12px}.palette-toolbar label select{margin-left:2px;padding:2px 6px;font-size:13px;border-radius:4px;border:1px solid #bbb;background:#fff}#toolsToggleBtn{display:none;justify-content:center;align-items:center}@media (max-width: 800px){#toolsToggleBtn{display:inline-flex}}@media (max-width: 800px){#sidebar{position:fixed;top:0;right:-340px;width:320px;max-width:90vw;height:100vh;background:#f8f9fa;box-shadow:-2px 0 12px #0002;z-index:2000;overflow:hidden;transition:right .25s cubic-bezier(.4,0,.2,1);padding-top:0;border-radius:0 0 0 12px;display:flex;flex-direction:column}#sidebar.open{right:0;position:fixed}}#sidebar.open~#main-panel,#sidebar.open~div#main-panel{margin-right:320px;transition:margin-right .25s cubic-bezier(.4,0,.2,1)}#sidebar.open~#main-container,#sidebar.open~div#main-container{margin-right:320px}#main-container.sidebar-open{margin-right:320px}@media (max-width: 800px){#main-container{padding:0;margin-right:0!important}#sidebar{width:100vw;max-width:100vw;min-width:0;right:-100vw;transition:right .25s cubic-bezier(.4,0,.2,1)}#sidebar.open{right:0;z-index:99999}#main-container.sidebar-open{margin-right:0!important}#sidebar.open~#main-panel,#sidebar.open~div#main-panel,#sidebar.open~#main-container,#sidebar.open~div#main-container{margin-right:0!important}body{overflow-x:hidden}.app-sub,.app-title{display:none}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none}.modal.show{display:flex!important}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;margin:auto;background-color:var(--surface);background-image:radial-gradient(1200px 240px at -10% -30%,rgba(255,255,255,.55),transparent 60%);border-radius:calc(var(--radius) + 2px);border:1px solid var(--panel-border);box-shadow:0 18px 40px #00000040,var(--card-shadow);display:flex;flex-direction:column;width:90%;max-width:800px;height:90vh;max-height:90vh;z-index:10001;overflow:hidden}[data-theme=dark] .modal-content{background-color:var(--surface);background-image:radial-gradient(900px 260px at -10% -30%,rgba(96,165,250,.18),transparent 60%);border-color:var(--panel-border);box-shadow:0 24px 60px #0009,var(--card-shadow)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(0,0,0,.12);background:linear-gradient(180deg,#ffffffd9,#fff0)}[data-theme=dark] .modal-header{border-bottom-color:#ffffff1f;background:linear-gradient(180deg,#ffffff14,#0000)}#aboutPerfArea{background:var(--surface2, #f6f6f6);color:var(--muted);padding:8px;border-radius:6px;font-size:13px;white-space:pre-wrap;box-shadow:0 1px 4px #0000000f}.modal-header h2{margin:0;font-size:17px;font-weight:700;letter-spacing:.02em;color:var(--muted)}.modal-close-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:4px 8px;color:var(--muted);display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{opacity:.7}.modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;display:flex;flex-direction:column;gap:12px;align-content:start;min-height:0}#projectListModal .modal-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}#projectListModal .project-item{flex:unset;display:flex;flex-direction:column;gap:8px;padding:12px;border:2px solid rgba(0,0,0,.1);border-radius:8px;background-color:var(--bg);cursor:pointer;transition:all .2s;min-height:auto}[data-theme=dark] #projectListModal .project-item{border-color:#ffffff1a}#projectListModal .project-item:hover{border-color:var(--primary);background-color:var(--surface);box-shadow:var(--card-shadow)}#projectListModal .project-item.active{border-color:var(--primary);background-color:var(--btn-active-bg);font-weight:600}#projectListModal .project-item .project-name{font-size:16px;font-weight:600;word-break:break-word;color:var(--muted)}#projectListModal .project-item .project-meta{flex:1;font-size:12px;color:#888;word-break:break-all;overflow-y:auto}#projectListModal .project-item .project-buttons{display:flex;gap:8px;margin-top:auto}#projectListModal .project-item .project-buttons button{flex:1;padding:8px 12px;font-size:12px;border:1px solid var(--btn-border);border-radius:4px;background-color:var(--btn-bg);color:var(--btn-text);cursor:pointer;transition:all .2s}#projectListModal .project-item .project-buttons button:hover{background-color:var(--btn-bg-hover);border-color:var(--btn-border-hover)}#projectListModal .project-item .project-buttons button:disabled{opacity:var(--btn-disabled-opacity);cursor:not-allowed}#projectListModal .project-preview-container{width:100%;height:140px;max-width:300px;max-height:300px;background-color:#0000000d;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:4px;border:1px solid rgba(0,0,0,.08)}[data-theme=dark] #projectListModal .project-preview-container{background-color:#ffffff0d;border-color:#ffffff1a}#projectListModal .project-preview-container img{max-width:100%;max-height:100%;object-fit:contain}@media (max-width:800px){#main-container{display:flex;flex-direction:column;gap:8px;padding:8px;height:calc(100vh - 64px);overflow-y:auto;-webkit-overflow-scrolling:touch;max-width:100%}#right-panel{position:static;width:100%;transform:none;transition:none;order:0;padding:6px 8px;height:auto;max-height:none;overflow:visible;overflow-x:auto;-webkit-overflow-scrolling:touch;background:transparent;box-shadow:none}.right-toolbar{display:flex;flex-direction:row;gap:8px;padding:6px;align-items:center;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;z-index:90}.right-toolbar>*{flex:0 0 auto;pointer-events:auto}.toolbar-group-label{font-size:10px}.right-toolbar:after{content:"";display:inline-block;width:12px;height:1px}.toolbar-row{grid-template-columns:none;gap:8px;align-items:center;min-width:max-content;overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x}#main-panel{order:1;min-width:0}#palette-root{order:2;width:100%}#canvas-container{max-height:calc(100vh - 220px)}#color-palette,.palette-bar{position:fixed;bottom:12px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:980px;z-index:80;border-radius:12px;padding:6px 8px;display:flex;gap:6px;align-items:center;overflow-x:auto;box-shadow:var(--card-shadow);background:var(--surface)}.header-controls{max-height:56px}}@media (max-width: 800px){#main-container{padding-bottom:96px;box-sizing:border-box}#canvas-container{box-sizing:border-box}}@media (max-width: 800px){#tools-right-section .section-content>:not(#right-toolbar){display:none!important;visibility:hidden!important;pointer-events:none!important}}@media (max-width: 800px){.header-meta{max-width:60%}#menu-toggle-btn{display:inline-flex}header#header{padding-left:12px;padding-right:12px}#main-container{display:flex;flex-direction:column;gap:8px;padding:8px;height:calc(100vh - 64px);overflow:visible;max-width:100%}#main-panel{order:1;min-width:0}#toolsToggleBtn{display:inline-flex}#right-panel{position:static;width:100%;transform:none;transition:none;order:0;padding:6px 8px;height:auto;max-height:none;overflow-x:auto;-webkit-overflow-scrolling:touch;background:transparent;box-shadow:none}.right-toolbar{display:flex;flex-direction:row;gap:8px;padding:6px;align-items:center;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;touch-action:pan-x;z-index:90}.right-toolbar{padding-right:18px}.right-toolbar>*{flex:0 0 auto;pointer-events:auto}.right-toolbar:after{content:"";display:inline-block;width:12px;height:1px}#right-panel{position:fixed;right:0;top:64px;height:calc(100vh - 64px);transform:translate(100%);transition:transform .2s}#right-panel.open{transform:translate(0)}#canvas-container{box-sizing:border-box;max-height:calc(100vh - 220px)}#main-container{box-sizing:border-box}#color-palette,.palette-bar{position:fixed;bottom:12px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:980px;z-index:80;border-radius:12px;padding:6px 8px;display:flex;gap:6px;align-items:center;overflow-x:auto;box-shadow:var(--card-shadow);background:var(--surface)}#tools-right-section .section-content>:not(#right-toolbar){display:none!important;visibility:hidden!important;pointer-events:none!important}body{overflow-x:hidden}.app-sub,.app-title{display:none}.right-toolbar{justify-content:flex-start!important}}:root{--dot-font: "DotGothic16", sans-serif;--main-font: "Noto Sans JP", sans-serif}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg);color:var(--muted);z-index:10000000;overflow-y:auto;display:flex;flex-direction:column;align-items:center;transition:opacity .8s ease-out}[data-theme=dark] #init-screen .screenshot-container,[data-theme=dark] #init-screen .feature-card,[data-theme=dark] #init-screen .terms-frame{border-color:#fff3;background:#ffffff05;box-shadow:12px 12px #0003}[data-theme=dark] #init-screen .feature-card h2{background:var(--surface);color:var(--muted)}[data-theme=dark] #init-screen .section-title,[data-theme=dark] #init-screen #intro-text,[data-theme=dark] #init-screen .scroll-hint,[data-theme=dark] #init-screen .feature-list,[data-theme=dark] #init-screen .btn-container{color:var(--muted)}[data-theme=dark] #init-screen .text-logo-img{filter:invert(1)}[data-theme=dark] #init-screen #agree-btn{background:#e5e7eb;color:#0b1020}.hero-section{min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;position:relative}#intro-text{font-family:var(--dot-font);font-size:24px;margin-bottom:30px;height:1.5em}.logo-wrapper{display:flex;align-items:center;justify-content:center;gap:20px;opacity:0;transition:opacity .8s}.character-img{width:80px;height:auto;image-rendering:pixelated}.text-logo-container{overflow:hidden;width:0;white-space:nowrap;transition:width 1.2s cubic-bezier(.25,1,.5,1)}.text-logo-img{width:250px;height:auto;image-rendering:pixelated}.scroll-hint{position:absolute;bottom:30px;display:flex;flex-direction:column;align-items:center;font-family:var(--dot-font);font-size:14px;opacity:0;transition:opacity 1s ease-in;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.details-section{width:90%;max-width:850px;padding:50px 0 100px}.screenshot-container{border:4px solid #000;background:#000;padding-top:25px;position:relative;margin-bottom:80px;box-shadow:15px 15px #f0f0f0}.screenshot-container:before{content:"● ● ●";position:absolute;top:5px;left:10px;color:#fff;font-size:10px;letter-spacing:2px}.screenshot-img{width:100%;display:block;border-top:2px solid #000}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:30px}.section-title{font-family:var(--dot-font);font-size:32px;margin:0}.feature-card{border:2px solid #000;padding:40px 30px;margin-bottom:50px;position:relative}.feature-card h2{font-family:var(--dot-font);font-size:20px;margin:0;background:#fff;position:absolute;top:-15px;left:20px;padding:0 10px;display:flex;align-items:center;gap:8px}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{margin-bottom:15px;display:flex;align-items:center;gap:12px}.terms-frame{width:100%;height:50vh;border:4px solid #000;background:#fafafa;margin-bottom:40px}.btn-container{text-align:center;padding-bottom:100px}#agree-btn{background:#000;color:#fff;border:none;padding:20px 60px;font-family:var(--dot-font);font-size:24px;cursor:pointer;opacity:0;transform:translateY(20px);transition:all .6s}#agree-btn.visible{opacity:1;transform:translateY(0)}@media (max-width: 800px){#mobile-left-scroll{position:fixed;top:64px;left:0;width:min(320px,84vw);height:calc(100vh - 64px);transform:translate(-105%);transition:transform .2s ease;z-index:10030;padding:10px 8px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;background:var(--surface);border-right:1px solid var(--panel-border);box-shadow:0 12px 28px #0003}#mobile-left-scroll.open{transform:translate(0)}#sidebar{position:fixed;top:64px;left:auto;right:0;width:min(320px,84vw);height:calc(100vh - 64px);transform:translate(105%);transition:transform .2s ease;z-index:10030;padding:10px 8px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;background:var(--surface);border-left:1px solid var(--panel-border);border-radius:0;box-shadow:0 12px 28px #0003}#sidebar.open{left:auto;right:0;transform:translate(0)}#sidebar .sidepanel-scroll{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}#mobile-left-scroll-backdrop,#sidebar-mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:10020;opacity:0;pointer-events:none;transition:opacity .2s ease}#mobile-left-scroll-backdrop.open,#sidebar-mobile-backdrop.open{opacity:1;pointer-events:auto}#mobile-left-scroll .right-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:4px;overflow:visible;touch-action:pan-y;white-space:normal}#right-toolbar>[data-tool-panel]:not(.tool-panel-visible){display:none!important}#mobile-left-scroll .tool-panel-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}#mobile-left-scroll .tool-panel-btn{width:100%;min-width:0}#mobile-left-scroll .toolbar-row{grid-template-columns:repeat(4,minmax(44px,1fr));gap:8px;overflow:visible}#mobile-left-scroll .toolbar-fold,#mobile-left-scroll .toolbar-fold-title,#mobile-left-scroll .tool-btn,#mobile-left-scroll .right-toolbar *{touch-action:pan-y}#mobile-tools-toggle-btn{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:36px;border-radius:8px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-text)}}