@font-face{font-family:Inter;src:url(../../../Inter-VariableFont_opsz,wght.ttf) format("truetype-variations");font-weight:100 900;font-display:swap}@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}@font-face{font-family:Pixelify Sans;src:url(../../../PixelifySans.ttf) format("truetype");font-weight:400 700;font-display:swap}.brand-text{font-family:Pixelify Sans,monospace;font-weight:600}: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: #fef3dc;--button-border: #d0d0d0;--ui-bg: #f4f4f4;--ui-border: #d0d0d0;--ui-header-bg: #ececec;--panel-bg: #fafafa;--panel-border: #d0d0d0;--accent-color: #e7b728;--accent-hover: #c99e22;--shadow: rgba(0, 0, 0, .1);--shadow-strong: rgba(0, 0, 0, .2);--hover-bg: #e8e8e8;--active-bg: #fef8e6;--active-bg-subtle: #fffbf0;--selection-bg: #fef8e6;--selection-border: #e7b728;--primary-color: #e7b728;--primary-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: #c0c0c0;--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}@media(prefers-color-scheme:dark){:root{--tooltip-bg: #111111;--tooltip-text: #f5f5f5;--bg-primary: #2e2e2e;--bg-secondary: #373737;--bg-tertiary: #424242;--bg-canvas: #282828;--board-background: #1a1a1a;--text-primary: #e8e8e8;--text-secondary: #c0c0c0;--text-tertiary: #9a9a9a;--border-color: #555555;--border-color-light: #454545;--border-subtle: #454545;--border-strong: #666666;--button-bg: #333333;--button-bg-hover: #424242;--button-bg-active: #c99e22;--button-border: #555555;--ui-bg: #333333;--ui-border: #555555;--ui-header-bg: #3a3a3a;--panel-bg: #333333;--panel-border: #555555;--accent-color: #f0c940;--accent-hover: #f5d860;--shadow: rgba(0, 0, 0, .3);--shadow-strong: rgba(0, 0, 0, .5);--hover-bg: #424242;--active-bg: #c99e22;--active-bg-subtle: #a8841c;--selection-bg: #c99e22;--selection-border: #f0c940;--primary-color: #f0c940;--primary-rgb: 240, 201, 64;--timeline-bg: #333333;--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}}[data-theme=light]{--tooltip-bg: #3a3a3a;--tooltip-text: #f5f5f5;--bg-primary: #fafafa;--bg-secondary: #f0f0f0;--bg-tertiary: #e4e4e4;--bg-canvas: #f8f8f8;--board-background: #c8c8c8;--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-border: #d0d0d0;--accent-color: #e7b728;--accent-hover: #c99e22;--shadow: rgba(0, 0, 0, .1);--shadow-strong: rgba(0, 0, 0, .2);--hover-bg: #e8e8e8;--active-bg: #fef8e6;--active-bg-subtle: #fffbf0;--selection-bg: #fef8e6;--selection-border: #e7b728;--primary-color: #e7b728;--primary-rgb: 231, 183, 40;--timeline-bg: #f4f4f4;--timeline-header-bg: #e8e8e8;--timeline-grid: #d8d8d8;--timeline-cell-bg: #fafafa;--keyframe-fill: #e7b728;--keyframe-empty: #c0c0c0;--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}[data-theme=dark]{--tooltip-bg: #111111;--tooltip-text: #f5f5f5;--bg-primary: #2e2e2e;--bg-secondary: #373737;--bg-tertiary: #424242;--bg-canvas: #282828;--board-background: #1a1a1a;--text-primary: #e8e8e8;--text-secondary: #c0c0c0;--text-tertiary: #9a9a9a;--border-color: #555555;--border-color-light: #454545;--border-subtle: #454545;--border-strong: #666666;--button-bg: #333333;--button-bg-hover: #424242;--button-bg-active: #c99e22;--button-border: #555555;--ui-bg: #333333;--ui-border: #555555;--ui-header-bg: #3a3a3a;--panel-bg: #333333;--panel-border: #555555;--accent-color: #f0c940;--accent-hover: #f5d860;--shadow: rgba(0, 0, 0, .3);--shadow-strong: rgba(0, 0, 0, .5);--hover-bg: #424242;--active-bg: #c99e22;--active-bg-subtle: #a8841c;--selection-bg: #c99e22;--selection-border: #f0c940;--primary-color: #f0c940;--primary-rgb: 240, 201, 64;--timeline-bg: #333333;--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}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:Atkinson Hyperlegible,Noto Sans,Noto Sans SC,Noto Sans JP,Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary)}#app{width:100%;height:100vh}::-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{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media(max-width:768px),(pointer:coarse){.tool-panel .tool-button,.palette-bar .color-swatch,.palette-bar .color-swatch-btn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}button:not(.icon-only):not(.toolbar-btn):not(.tool-item):not(.menu-item),.btn:not(.toolbar-btn){min-height:44px!important;padding:12px 20px!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}.cel,.frame-header{min-width:44px!important;min-height:44px!important}}@media(max-width:768px){.tool-panel,.right-panel,.timeline-panel{transition:transform .3s ease,opacity .3s ease}.tool-panel:not(.mobile-visible){transform:translate(-100%);opacity:0;pointer-events:none}.tool-panel.mobile-visible{z-index:var(--z-mobile-panel)!important;transform:translate(0);opacity:1;pointer-events:auto}.right-panel:not(.mobile-visible){transform:translate(100%);opacity:0;pointer-events:none}.right-panel.mobile-visible{z-index:var(--z-mobile-panel)!important;transform:translate(0);opacity:1;pointer-events:auto;max-width:90vw!important}.timeline-panel:not(.mobile-visible){transform:translateY(100%);opacity:0;pointer-events:none}.timeline-panel.mobile-visible{position:fixed!important;bottom:0!important;left:0!important;right:0!important;max-height:50vh!important;z-index:var(--z-mobile-panel)!important;transform:translateY(0);opacity:1;pointer-events:auto}.mobile-panel-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:var(--z-mobile-backdrop)}.mobile-panel-backdrop.active{display:block}}body.custom-cursor-enabled,body.custom-cursor-enabled *,body.custom-cursor-enabled button,body.custom-cursor-enabled a,body.custom-cursor-enabled input,body.custom-cursor-enabled textarea,body.custom-cursor-enabled select{cursor:none!important}body:not(.custom-cursor-enabled) .infinite-canvas canvas,body:not(.custom-cursor-enabled) .board-container canvas,body:not(.custom-cursor-enabled) .board canvas{cursor:crosshair}body:not(.custom-cursor-enabled) .infinite-canvas{cursor:grab}body:not(.custom-cursor-enabled) .infinite-canvas:active{cursor:grabbing}body:not(.custom-cursor-enabled) .preview-container{cursor:grab}body:not(.custom-cursor-enabled) .preview-container:active{cursor:grabbing}body:not(.custom-cursor-enabled) .resize-handle.horizontal,body:not(.custom-cursor-enabled) .resize-left,body:not(.custom-cursor-enabled) .resize-right{cursor:ew-resize}body:not(.custom-cursor-enabled) .resize-handle.vertical,body:not(.custom-cursor-enabled) .resize-top,body:not(.custom-cursor-enabled) .resize-bottom,body:not(.custom-cursor-enabled) .picker-resize-handle{cursor:ns-resize}body:not(.custom-cursor-enabled) .resize-corner,body:not(.custom-cursor-enabled) .resize-handle.both{cursor:nwse-resize}body:not(.custom-cursor-enabled) [data-renameable=true]{cursor:text}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.dialog{border:2px solid var(--panel-border);animation:dialogSlideIn .25s ease}@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 ease}.dialog-footer button:hover,.dialog-actions button:hover{transform:translateY(-1px)}.dialog-footer button:active,.dialog-actions button:active{transform:scale(.98) translateY(0)}