@font-face{font-family:Atkinson Hyperlegible;src:url(../../../AtkinsonHyperlegible-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(../../../AtkinsonHyperlegible-Bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--bg-primary:#fafafa;--bg-secondary:#f0f0f0;--bg-tertiary:#e4e4e4;--bg-canvas:#f8f8f8;--board-background:#c8c8c8;--tooltip-bg:#3a3a3a;--tooltip-text:#f5f5f5;--text-primary:#1a1a1a;--text-secondary:#5a5a5a;--text-tertiary:#8a8a8a;--border-color:#d0d0d0;--border-color-light:#dadada;--border-subtle:#e8e8e8;--border-strong:#b0b0b0;--button-bg:#fafafa;--button-bg-hover:#e8e8e8;--button-bg-active:#fef8e6;--button-border:#d0d0d0;--ui-bg:#f4f4f4;--ui-border:#d0d0d0;--ui-header-bg:#ececec;--panel-bg:#fafafa;--panel-header-bg:#f0f0f0;--panel-border:#d0d0d0;--accent-color:#e7b728;--accent-hover:#c99e22;--accent-text:#3d2e00;--shadow:#0000001a;--shadow-strong:#0003;--hover-bg:#e8e8e8;--active-bg:#fef8e6;--active-bg-subtle:#fffbf0;--selection-bg:#fef8e6;--selection-border:#e7b728;--primary-color:#e7b728;--accent-rgb:231, 183, 40;--portal-blue:#00b4ff;--portal-orange:#ff8c00;--timeline-bg:#f4f4f4;--timeline-header-bg:#e8e8e8;--timeline-grid:#d8d8d8;--timeline-cell-bg:#fafafa;--keyframe-fill:#e7b728;--keyframe-empty:white;--scrollbar-thumb:#b8b8b8;--scrollbar-thumb-hover:#a0a0a0;--success-color:#22c55e;--success-color-hover:#16a34a;--warning-color:#f59e0b;--warning-color-hover:#d97706;--danger-color:#ef4444;--danger-color-hover:#dc2626;--info-color:#3b82f6;--info-color-hover:#2563eb;--neutral-color:#6b7280;--neutral-color-hover:#4b5563;--spacing-xs:2px;--spacing-sm:4px;--spacing-md:8px;--spacing-lg:10px;--spacing-xl:16px;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--btn-icon-xs:18px;--btn-icon-sm:20px;--btn-icon-md:26px;--btn-icon-lg:32px;--btn-height:24px;--btn-height-sm:22px;--panel-padding:6px;--panel-header-height:28px;--tool-panel-width:32px;--tool-panel-gap:1px;--tool-panel-padding:2px;--tool-panel-separator-margin:2px;--z-board-overlay:5;--z-board-handles:20;--z-panel:100;--z-palette-bar:200;--z-floating-panel:250;--z-navbar:300;--z-navbar-dropdown:400;--z-panel-dropdown:500;--z-layer-panel-dropdown:600;--z-mobile-backdrop:900;--z-mobile-panel:950;--z-modal-overlay:1000;--z-modal:1001;--z-modal-nested:1050;--z-tooltip:1100;--z-toast:1200;--z-context-menu-overlay:1300;--z-context-menu:1301;--z-wheel-menu-overlay:1400;--z-wheel-menu:1401;--z-custom-cursor:9999;--m-bg:var(--bg-canvas);--m-panel:var(--ui-bg);--m-toolbar:var(--ui-header-bg);--m-border:var(--border-color);--m-border-subtle:var(--border-subtle);--m-text:var(--text-primary);--m-text-muted:var(--text-secondary);--m-text-dim:var(--text-tertiary);--m-button-bg:var(--button-bg);--m-button-hover:var(--button-bg-hover);--m-accent:var(--accent-color);--m-accent-rgb:var(--accent-rgb);--m-danger:var(--danger-color);--m-shadow:var(--shadow-strong)}:root[data-theme=dark]{--tooltip-bg:#111;--tooltip-text:#f5f5f5;--bg-primary:#2e2e2e;--bg-secondary:#373737;--bg-tertiary:#424242;--bg-canvas:#282828;--board-background:#1a1a1a;--text-primary:#e8e8e8;--text-secondary:silver;--text-tertiary:#9a9a9a;--border-color:#555;--border-color-light:#454545;--border-subtle:#454545;--border-strong:#666;--button-bg:#333;--button-bg-hover:#424242;--button-bg-active:#c99e22;--button-border:#555;--ui-bg:#333;--ui-border:#555;--ui-header-bg:#3a3a3a;--panel-bg:#333;--panel-header-bg:#3a3a3a;--panel-border:#555;--accent-color:#f0c940;--accent-hover:#f5d860;--accent-text:#3d2e00;--shadow:#0000004d;--shadow-strong:#00000080;--hover-bg:#424242;--active-bg:#c99e22;--active-bg-subtle:#a8841c;--selection-bg:#c99e22;--selection-border:#f0c940;--primary-color:#f0c940;--accent-rgb:240, 201, 64;--timeline-bg:#333;--timeline-header-bg:#3a3a3a;--timeline-grid:#454545;--timeline-cell-bg:#2e2e2e;--keyframe-fill:#f0c940;--keyframe-empty:#5a5a5a;--scrollbar-thumb:#4d4d4d;--scrollbar-thumb-hover:#5d5d5d;--success-color:#4ade80;--success-color-hover:#22c55e;--warning-color:#fbbf24;--warning-color-hover:#f59e0b;--danger-color:#f87171;--danger-color-hover:#ef4444;--info-color:#60a5fa;--info-color-hover:#3b82f6;--neutral-color:#9ca3af;--neutral-color-hover:#6b7280}*{box-sizing:border-box;margin:0;padding:0}body{padding:0;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);background-color:var(--bg-secondary);color:var(--text-primary);margin:0;font-family:Atkinson Hyperlegible,Noto Sans,Noto Sans Arabic,Noto Sans SC,Noto Sans JP,Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif}#app{width:100%;height:100dvh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--panel-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--panel-bg)}.layers-list,.layer-list,.palette-colors,.history-list,.timeline-content,.frames-container,.panel-content,.dialog-content,.preview-container,.canvas-container,.tab-content,.tool-panel,.settings-content,.shortcuts-content{overscroll-behavior:contain}@media (width<=768px) and (pointer:coarse){.tool-panel .tool-button,.palette-bar .color-swatch,.palette-bar .color-swatch-btn{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}button.icon-only:not(.toolbar-btn),.icon-btn:not(.toolbar-btn),.close-btn:not(.toolbar-btn),.add-btn,.delete-btn,.settings-btn{min-width:44px!important;min-height:44px!important;padding:10px!important}input[type=text],input[type=number],input[type=range],select,textarea{min-height:44px!important;font-size:16px!important}input[type=range]{height:44px!important}input[type=range]::-webkit-slider-thumb{width:28px!important;height:28px!important}input[type=range]::-moz-range-thumb{width:28px!important;height:28px!important}.layer-item,.palette-color,.history-item{min-height:44px!important;padding:8px!important}}@media (pointer:coarse){input[type=text],input[type=number],select,textarea{font-size:16px!important}}body.dragging{-webkit-user-select:none;user-select:none}.infinite-canvas{cursor:grab}.infinite-canvas:active{cursor:grabbing}.preview-container{cursor:grab}.preview-container:active{cursor:grabbing}.resize-handle.horizontal,.resize-left,.resize-right{cursor:ew-resize}.resize-handle.vertical,.resize-top,.resize-bottom,.picker-resize-handle{cursor:ns-resize}.resize-corner,.resize-handle.both{cursor:nwse-resize}[data-renameable=true]{cursor:text}.dock-drag-handle,.dock-tab{cursor:grab}.dock-drag-handle:active,.dock-tab:active{cursor:grabbing}.cel-cell.selected:not(.group-cell){cursor:grab}.cel-cell.drag-source{cursor:grabbing}.playhead-marker{cursor:grab}.playhead-marker.scrubbing{cursor:grabbing}.volume-move-area{cursor:grab}.volume-move-area.grabbing{cursor:grabbing}[data-drag-type]{cursor:grab}body.dragging [data-drag-type]{cursor:grabbing}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:.2s overlayFadeIn}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.dialog{border:2px solid var(--panel-border);animation:.25s dialogSlideIn}@keyframes dialogSlideIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.dialog-footer button,.dialog-actions button{transition:all .2s}.dialog-footer button:hover,.dialog-actions button:hover{transform:translateY(-1px)}.dialog-footer button:active,.dialog-actions button:active{transform:scale(.98)translateY(0)}.update-toast.svelte-1dro1oa{z-index:var(--z-toast);animation:.3s ease-out svelte-1dro1oa-slideIn;position:fixed;top:20px;right:20px}@keyframes svelte-1dro1oa-slideIn{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}.toast-content.svelte-1dro1oa{background:var(--panel-bg,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:8px;align-items:center;gap:12px;min-width:320px;max-width:400px;padding:16px;display:flex;box-shadow:0 4px 16px #00000026}.toast-icon.svelte-1dro1oa{flex-shrink:0;font-size:24px}.toast-message.svelte-1dro1oa{flex:1;min-width:0}.toast-message.svelte-1dro1oa strong:where(.svelte-1dro1oa){color:var(--text-primary,#000);margin-bottom:4px;font-size:14px;font-weight:600;display:block}.toast-message.svelte-1dro1oa p:where(.svelte-1dro1oa){color:var(--text-secondary,#666);margin:0;font-size:13px}.toast-actions.svelte-1dro1oa{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-update.svelte-1dro1oa{color:#fff;background:var(--accent-color);border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .2s}.btn-update.svelte-1dro1oa:hover,.btn-update.svelte-1dro1oa:active{background:var(--accent-hover)}.btn-dismiss.svelte-1dro1oa{width:28px;height:28px;color:var(--text-secondary,#666);border:1px solid var(--border-color,#e0e0e0);background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:20px;font-weight:300;line-height:1;transition:all .2s;display:flex}.btn-dismiss.svelte-1dro1oa:hover{background:var(--hover-bg);color:var(--text-primary,#000);border-color:var(--border-strong)}