@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;500;700&display=swap";:root{color-scheme:dark;--font-ui: "Pixelify Sans", system-ui, sans-serif;font-family:var(--font-ui);--bg: #07070c;--panel: rgba(20, 19, 29, .88);--panel-border: rgba(255, 255, 255, .08);--panel-soft: rgba(255, 255, 255, .04);--text: #f6f0e8;--muted: #b9b1a4;--accent: #ea6d33;--accent-soft: rgba(234, 109, 51, .18);--accent-2: #f3bd3e;--success: #2d8f85;--danger: #cf4057;--shadow: 0 30px 80px rgba(0, 0, 0, .45)}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;display:none}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at 8% 8%,rgba(234,109,51,.28),transparent 34%),radial-gradient(circle at 92% 6%,rgba(45,143,133,.2),transparent 28%),radial-gradient(circle at 78% 78%,rgba(77,150,255,.14),transparent 24%),radial-gradient(circle at 22% 82%,rgba(243,189,62,.1),transparent 20%),linear-gradient(180deg,#13111c,#07070c 60%,#030305);color:var(--text)}body{min-height:100vh}button,input,select{font:inherit}button{border:1px solid var(--panel-border);background:#ffffff0a;color:var(--text);padding:.68rem .9rem;border-radius:.9rem;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}button:hover{transform:translateY(-1px);border-color:#ffffff29}button.primary{background:linear-gradient(135deg,#ea6d33,#f08c39);color:#120d0a;border-color:#ffffff14;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;overflow:visible}.icon-button svg{width:16px;height:16px}.app-tooltip{position:fixed;max-width:min(240px,calc(100vw - 24px));padding:.48rem .62rem;border-radius:.82rem;border:1px solid rgba(243,189,62,.18);background:linear-gradient(180deg,#12101cfa,#0a0a12fa),#0a0a12fa;color:var(--text);font-size:.76rem;line-height:1.2;text-align:center;white-space:normal;pointer-events:none;z-index:9999;box-shadow:0 18px 32px #00000052,inset 0 1px #ffffff0a}.app-tooltip:before{content:"";position:absolute;left:50%;width:10px;height:10px;margin-left:-5px;background:#0a0a12fa;border-left:1px solid rgba(243,189,62,.18);border-top:1px solid rgba(243,189,62,.18);transform:rotate(45deg)}.app-tooltip[data-placement=bottom]:before{top:-6px}.app-tooltip[data-placement=top]:before{bottom:-6px;transform:rotate(225deg)}.hero-card,.timeline-panel,.topbar,.toolbar-row,.toolbar-row--meta,.canvas-toolbar,.segmented-control,.section-heading,.section-heading-actions,.button-row,.chip-row{overflow:visible}input,select{width:100%;border-radius:.82rem;border:1px solid var(--panel-border);background:#ffffff0a;color:var(--text);padding:.68rem .8rem}input[type=color]{padding:.2rem;min-height:48px}input[type=checkbox]{width:auto}img{display:block;image-rendering:pixelated}.eyebrow{margin:0;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2)}.home-screen,.app-shell{min-height:100vh;padding:1.5rem 2rem}.app-shell{height:100vh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.85rem;overflow:hidden}.home-screen{display:grid;gap:1.5rem;align-content:start;max-width:1380px;margin:0 auto}.home-screen.is-dropping,.app-shell.is-dropping{outline:2px dashed rgba(243,189,62,.8);outline-offset:-12px}.hero-card,.panel,.project-card,.empty-card,.preview-card{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{position:relative;overflow:hidden;padding:3.5rem 3rem 3rem;border-radius:2rem;background:radial-gradient(circle at 10% 20%,rgba(234,109,51,.32),transparent 38%),radial-gradient(circle at 90% 20%,rgba(77,150,255,.16),transparent 32%),radial-gradient(circle at 82% 86%,rgba(45,143,133,.2),transparent 30%),radial-gradient(circle at 30% 90%,rgba(243,189,62,.1),transparent 22%),linear-gradient(145deg,#100e19fa,#080812f5)}.hero-card:before{content:"";position:absolute;inset:8% 8% auto auto;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(90,24,154,.14),transparent 72%);pointer-events:none}.hero-card:after{content:"";position:absolute;inset:auto auto -12% -8%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(234,109,51,.12),transparent 72%);pointer-events:none}.hero-card h1{max-width:9ch;margin:0;font-size:clamp(3.2rem,5.5vw,6.4rem);line-height:.87;letter-spacing:-.01em}.hero-logo{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.1em}.hero-logo-sprite{color:var(--accent)}.hero-logo-cutter{color:var(--text)}.section-heading h2{font-size:1.1rem}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:1.2rem;background:#04040ab8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dialog-modal{width:min(100%,440px);padding:1.15rem;border-radius:1.4rem;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top left,rgba(234,109,51,.12),transparent 26%),linear-gradient(145deg,#12101cfa,#080810fa);box-shadow:0 32px 80px #00000073}.dialog-modal--danger{background:radial-gradient(circle at top left,rgba(207,64,87,.14),transparent 26%),linear-gradient(145deg,#12101cfa,#080810fa)}.dialog-eyebrow{margin:0 0 .45rem;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2)}.dialog-modal h3{margin:0;font-size:1.35rem}.dialog-copy{margin:.6rem 0 0;color:var(--muted);line-height:1.45}.dialog-copy--subtle{font-size:.88rem}.dialog-field{display:grid;gap:.38rem;margin-top:.95rem}.dialog-field span{font-size:.82rem;color:var(--muted)}.dialog-checkbox{margin-top:.95rem}.dialog-field input:disabled{opacity:.5}.dialog-error{margin:.7rem 0 0;color:#ff8ea2;font-size:.86rem}.dialog-actions{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1.1rem}.dialog-button{min-width:112px}.dialog-button--primary{background:linear-gradient(135deg,#ea6d33,#f08c39);color:#120d0a;border-color:#ffffff14}.dialog-button--danger{background:linear-gradient(135deg,#cf4057,#e96d61);color:#fff6f8}.section-heading h3{font-size:.96rem}.hero-copy{max-width:46rem;margin:0;color:var(--muted);font-size:1.05rem;line-height:1.55}.hero-copy--brand{max-width:none;font-size:.82rem;line-height:1.2;letter-spacing:.03em}.hero-actions-label{margin:-.15rem 0 -.35rem;color:var(--accent-2);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.hero-actions,.button-row,.toolbar-row,.canvas-toolbar,.palette-controls,.preview-toolbar,.chip-row,.project-card-actions{display:flex;gap:.7rem;flex-wrap:wrap}.project-board{display:grid;gap:.85rem;align-content:start}.public-board{margin-top:-.1rem}.community-search-row{display:grid}.community-search-field{display:flex;align-items:center;gap:.6rem;border-radius:1rem;border:1px solid var(--panel-border);background:#ffffff0a;padding:.16rem .82rem}.community-search-field svg{flex-shrink:0;color:var(--muted)}.community-search-field input{border:0;background:transparent;box-shadow:none;padding-left:0;padding-right:0}.community-search-field input:focus{outline:none}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.public-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card,.empty-card{border-radius:1.3rem;padding:1rem}.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,480px);gap:3rem;align-items:center;min-height:280px}.hero-main{display:grid;gap:1.35rem;align-content:center}.hero-home-logo{width:clamp(72px,9vw,120px);height:auto;image-rendering:auto}.hero-side{display:flex;justify-content:flex-end}.hero-preview-card{width:min(100%,480px);border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0f,#ffffff05),#07070cd1;padding:1.2rem;display:grid;gap:1rem;box-shadow:inset 0 1px #ffffff0f,0 24px 64px #00000052}.hero-chip-row{display:flex;gap:.45rem;flex-wrap:wrap}.hero-chip{padding:.32rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--muted);font-size:.78rem;letter-spacing:.05em;text-transform:uppercase}.hero-art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:68px;gap:.65rem}.hero-art-tile{border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#ffffff14,#ffffff05)}.hero-art-tile--large{grid-column:span 2;grid-row:span 2;background:radial-gradient(circle at 30% 30%,rgba(255,209,102,.32),transparent 36%),linear-gradient(145deg,#ea6d3366,#7a2c0038)}.hero-art-tile--accent{background:radial-gradient(circle at 55% 45%,rgba(77,150,255,.28),transparent 42%),linear-gradient(145deg,#00798c57,#0035662e)}.hero-art-tile--muted{background:linear-gradient(145deg,#ffffff14,#5a189a2e)}.hero-art-tile--wide{grid-column:span 2;background:linear-gradient(145deg,#2d8f8557,#0b4f2629)}.hero-art-tile--soft{background:linear-gradient(145deg,#ff8f7047,#ffd4a329)}.hero-art-tile--bright{background:linear-gradient(145deg,#c77dff52,#5a189a2e)}.hero-side-footer{display:flex;gap:.55rem;color:var(--muted);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.project-board-heading{padding:0 .1rem}.home-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.4rem;border-radius:1.4rem;border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.home-nav-brand{display:flex;align-items:center;gap:.75rem}.home-nav-logo{display:flex;align-items:baseline;gap:.15em;margin:0;font-size:1.18rem;line-height:1;letter-spacing:.03em;font-weight:400}.home-nav-logo-sprite{color:var(--accent)}.home-nav-logo-cutter{color:var(--text)}.home-nav-version{padding:.22rem .62rem;border-radius:999px;border:1px solid var(--panel-border);background:#ffffff0a;color:var(--muted);font-size:.7rem;letter-spacing:.07em;text-transform:uppercase}.home-nav-pills{display:flex;gap:.5rem}.home-nav-pill{padding:.28rem .72rem;border-radius:999px;border:1px solid var(--panel-border);background:#ffffff08;color:var(--muted);font-size:.72rem;letter-spacing:.07em;text-transform:uppercase}.home-nav-right{display:flex;align-items:center;gap:1rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.36rem .85rem;border-radius:999px;border:1px solid rgba(234,109,51,.32);background:#ea6d331a;color:var(--accent);font-size:.76rem;letter-spacing:.05em;width:fit-content}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 6px #ea6d33cc;animation:badge-pulse 2.4s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.45}}.hero-cta{display:inline-flex;align-items:center;gap:.55rem;padding:.9rem 1.8rem;border-radius:1.2rem;font-size:.96rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.hero-cta.primary{background:linear-gradient(135deg,#ea6d33,#f08c39);color:#120d0a;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #ea6d334d}.hero-cta.primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #ea6d336b}.hero-cta--secondary{background:#ffffff0f;color:var(--text);border:1px solid var(--panel-border)}.hero-cta--secondary:hover{transform:translateY(-2px);border-color:#ffffff2e;background:#ffffff17}.hero-stats-row{display:flex;gap:2rem;align-items:center;padding-top:.85rem;border-top:1px solid var(--panel-border);margin-top:.15rem}.hero-stat{display:grid;gap:.08rem}.hero-stat-value{font-size:1.5rem;font-weight:700;color:var(--text);line-height:1}.hero-stat-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.feature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature-card{position:relative;overflow:hidden;padding:1.75rem 1.5rem;border-radius:1.6rem;border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;gap:.85rem;align-content:start;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;transition:opacity .2s ease;pointer-events:none;box-shadow:inset 0 1px #ffffff14}.feature-card:hover{transform:translateY(-4px);border-color:#ffffff24;box-shadow:0 20px 48px #00000047}.feature-card:hover:before{opacity:1}.feature-card--slice{background:radial-gradient(ellipse at 100% 0%,rgba(234,109,51,.18),transparent 48%),var(--panel)}.feature-card--paint{background:radial-gradient(ellipse at 100% 0%,rgba(199,125,255,.16),transparent 48%),var(--panel)}.feature-card--map{background:radial-gradient(ellipse at 100% 0%,rgba(45,143,133,.18),transparent 48%),var(--panel)}.feature-card-icon{width:48px;height:48px;border-radius:1.1rem;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.feature-card-icon--slice{background:#ea6d3326;color:var(--accent)}.feature-card-icon--paint{background:#c77dff26;color:#c77dff}.feature-card-icon--map{background:#2d8f8526;color:#2d8f85}.feature-card-title{margin:0;font-size:1.15rem;letter-spacing:.01em}.feature-card-desc{margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}.feature-card-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.25rem}.feature-tag{padding:.2rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:#ffffff0a;color:var(--muted);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}.section-tag{display:inline-flex;align-items:center;padding:.22rem .6rem;border-radius:999px;border:1px solid rgba(243,189,62,.18);background:#f3bd3e12;color:var(--accent-2);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.home-screen .app-footer{display:flex;align-items:center;gap:1.25rem;padding:1.1rem 1.6rem;border-radius:1.4rem;border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--muted);font-size:.82rem}.home-screen .app-footer-logo-link{display:flex;align-items:center}.home-screen .app-footer-logo{height:26px;width:auto;image-rendering:auto;opacity:.8;transition:opacity .16s ease}.home-screen .app-footer-logo:hover{opacity:1}.home-screen .app-footer-meta{display:flex;gap:.5rem;align-items:center;margin-left:auto;color:var(--muted);font-size:.76rem}.seo-strip{display:grid;gap:.42rem;padding:.7rem .9rem;border-radius:1.2rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff09,#ffffff04),#09090fb8}.seo-strip-header{display:grid;gap:.18rem}.seo-strip-header h2,.seo-strip-header p{margin:0}.seo-strip-header h2{font-size:.9rem}.seo-strip-header p{color:var(--muted);font-size:.76rem;line-height:1.3}.seo-pill-row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:flex-start}.seo-pill{display:inline-flex;align-items:center;justify-content:center;min-height:0;padding:.32rem .68rem;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.12),transparent 58%),linear-gradient(180deg,#ffffff0e,#ffffff06);color:#e7e1d4;font-size:.68rem;line-height:1;letter-spacing:.015em;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000029;white-space:nowrap}.seo-pill:nth-child(3n+1){border-color:#ea6d332e}.seo-pill:nth-child(3n+2){border-color:#4d96ff2e}.seo-pill:nth-child(3n){border-color:#f3bd3e2e}.project-card{position:relative;overflow:hidden;min-height:190px;display:grid;grid-template-rows:auto 1fr auto;gap:.85rem;background:radial-gradient(circle at top right,rgba(234,109,51,.14),transparent 30%),linear-gradient(160deg,#12101cf5,#080812f5)}.public-map-card{min-height:280px;grid-template-rows:auto auto 1fr auto}.public-map-cover{position:relative;overflow:hidden;border-radius:1rem;min-height:148px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(45deg,#12111a 25%,transparent 25%),linear-gradient(-45deg,#12111a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#12111a 75%),linear-gradient(-45deg,transparent 75%,#12111a 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.public-map-cover img,.public-map-cover-placeholder{display:block;width:100%;height:100%;min-height:148px}.public-map-cover img{object-fit:cover;image-rendering:pixelated}.public-map-cover-placeholder{background:radial-gradient(circle at 20% 20%,rgba(234,109,51,.2),transparent 28%),radial-gradient(circle at 80% 18%,rgba(77,150,255,.18),transparent 22%),linear-gradient(160deg,#12101cf0,#080812f5)}.public-map-community{color:var(--accent-2);font-size:.92rem}.public-map-project{font-size:.82rem;opacity:.88}.project-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--accent),rgba(243,189,62,.12))}.project-card-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.project-card-head p{margin:0;font-size:.8rem}.project-card-index{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:.24rem .55rem;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--accent-2);font-size:.78rem}.project-card-body{display:grid;align-content:start}.project-card-body h3{font-size:1.24rem;line-height:1.08}.project-card:hover{transform:translateY(-2px);border-color:#ffffff24}.project-card h3,.section-heading h2,.section-heading h3{margin:0}.project-card p,.empty-card,.section-heading span,.preview-status small,.timeline-meta small,.asset-card small,.clip-card small,.frame-library-card small,.region-row small{color:var(--muted)}.topbar{display:grid;grid-template-columns:minmax(210px,.92fr) minmax(150px,.72fr) minmax(520px,1.95fr) minmax(190px,.9fr);gap:.62rem;align-items:stretch}.brand-block,.topbar-project,.toolbar-row,.toolbar-row--meta{background:var(--panel);border:1px solid var(--panel-border);border-radius:1.3rem;padding:.58rem .7rem;min-height:60px;max-height:60px;min-width:0}.brand-block{display:flex;align-items:center;gap:.48rem;overflow:visible;min-width:0}.topbar-project{display:flex;align-items:center;min-width:0}.project-name-field{width:100%;display:grid;gap:.12rem}.project-name-field span{font-size:.66rem;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.project-name-field input{padding:.34rem .1rem .1rem;border:0;border-radius:0;background:transparent;color:var(--text);font-size:.92rem;box-shadow:none}.project-name-field input:focus{outline:none}.brand-logo{margin:0;font-size:clamp(1.32rem,1.9vw,2rem);line-height:.86;letter-spacing:.03em;font-weight:400;flex-shrink:0}.brand-meta{display:grid;gap:.08rem;align-content:center;min-width:0}.brand-block .eyebrow,.brand-version{white-space:nowrap}.brand-block .eyebrow{font-size:.6rem;letter-spacing:.14em}.brand-version{color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.topbar button{padding:.5rem .68rem;border-radius:.8rem}.topbar .icon-button{width:42px;height:42px}.topbar .icon-button svg{width:19px;height:19px}.toolbar-row{width:100%;justify-content:center;padding-left:.52rem;padding-right:.52rem}.toolbar-row--meta{width:100%;justify-content:flex-end;align-items:center}.zoom-readout{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:0 .6rem;border-radius:.8rem;border:1px solid var(--panel-border);background:#ffffff0a;color:var(--muted)}.inline-select{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.8rem}.locale-select{width:auto;min-width:118px;padding:.45rem 2rem .45rem .75rem}.hero-header{margin-bottom:1rem}.save-pill{padding:.45rem .8rem;border-radius:999px;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;border:1px solid var(--panel-border)}.save-pill--saving{color:var(--accent-2)}.save-pill--saved{color:var(--success)}.save-pill--dirty,.save-pill--error{color:var(--danger)}.workspace-shell{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr) minmax(260px,320px);gap:1rem;min-height:0;overflow:hidden}.panel{border-radius:1.4rem;padding:.8rem;overflow:hidden}.panel-left,.panel-right{display:grid;align-content:start;gap:.75rem;overflow:auto}.panel-left .icon-button{width:36px;height:36px}.panel-left .icon-button svg{width:16px;height:16px}.panel-center{display:grid;grid-template-rows:auto minmax(0,1fr);gap:1rem;min-height:0}.panel-section{display:grid;gap:.62rem;padding:.1rem}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.section-heading-actions{display:flex;align-items:center;gap:.55rem;margin-left:auto}.section-heading button{padding:.4rem .7rem}.asset-list,.clip-list,.region-list,.frame-library{display:grid;gap:.55rem}.asset-card-shell{position:relative}.asset-card-actions{position:absolute;top:6px;right:6px;display:grid;gap:.3rem;z-index:2}.clip-card-shell{position:relative;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.map-package-card{position:relative;display:grid;gap:8px}.map-package-card-actions{position:absolute;top:6px;right:6px;display:grid;gap:.3rem;z-index:2}.map-package-frame-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.map-package-frame-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:inherit;border-radius:14px;padding:10px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;align-items:center;text-align:left;cursor:pointer}.map-package-frame-button.is-active{border-color:#ffd166a6;box-shadow:inset 0 0 0 1px #ffd1663d;background:#ffd16614}.map-package-frame-thumb{width:36px;height:36px;border-radius:10px;background:#ffffff0a;display:grid;place-items:center;overflow:hidden}.map-package-frame-thumb img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.map-package-frame-meta{display:grid;gap:2px;min-width:0}.map-package-frame-meta span,.map-package-frame-meta small{line-height:1}.clip-card-shell.is-dragging{opacity:.55}.asset-card,.frame-library-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:.5rem;align-items:center;text-align:left;width:100%}.asset-card{padding-right:2.2rem}.frame-library-card{grid-template-columns:42px minmax(0,1fr)}.clip-card{display:grid;grid-template-columns:minmax(0,1fr);gap:.18rem;align-items:start;text-align:left;width:100%}.asset-card img,.frame-library-card img{width:42px;height:42px;object-fit:contain;border-radius:.85rem;background:#ffffff0f;padding:.28rem}.asset-card.is-active,.clip-card.is-active,.timeline-item.is-selected,.frame-library-row.is-active{border-color:#f3bd3ecc;background:#f3bd3e1c}.asset-card-add{width:20px;height:20px;padding:0;border-radius:.55rem;display:inline-flex;align-items:center;justify-content:center;background:#07070cdb;z-index:2}.asset-card-add svg{width:11px;height:11px}.asset-card-delete{width:20px;height:20px;padding:0;border-radius:.55rem;display:inline-flex;align-items:center;justify-content:center;background:#07070cdb}.asset-card-delete svg{width:11px;height:11px}.clip-card-delete{position:absolute;top:6px;right:6px;width:20px;height:20px;padding:0;border-radius:.55rem;display:inline-flex;align-items:center;justify-content:center;background:#07070cdb;z-index:2}.clip-card-delete svg{width:11px;height:11px}.field-grid{display:grid;gap:.62rem}.field-grid label,.checkbox-field{display:grid;gap:.38rem;color:var(--muted);font-size:.92rem}.field-span-2{grid-column:1 / -1}.checkbox-field{grid-auto-flow:column;justify-content:flex-start;align-items:center}.chip-row button{padding:.45rem .72rem;font-size:.86rem}.slice-icon-grid{display:grid;gap:.48rem}.slice-icon-grid--five{grid-template-columns:repeat(5,minmax(0,1fr))}.slice-icon-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.slice-icon-grid .icon-button,.slice-icon-grid-spacer{width:100%}.slice-icon-grid .icon-button{justify-self:stretch}.slice-icon-grid-spacer{display:block;min-height:38px}.slice-alpha-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.72rem .85rem;border-radius:.95rem;background:linear-gradient(135deg,#ea6d332e,#f3bd3e24);border-color:#f3bd3e47}.slice-alpha-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.slice-alpha-label{display:block;margin-top:-.12rem;margin-bottom:-.1rem}.slice-alpha-preset{width:100%;padding:.62rem .7rem;border-radius:.9rem}.asset-bulk-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.asset-bulk-button{width:100%;padding:.66rem .72rem;border-radius:.95rem}.asset-bulk-checkbox{margin-top:.5rem;font-size:.76rem}.toolbox-block{display:grid;gap:.42rem}.toolbox-label{font-size:.82rem;color:var(--muted)}.toolbox-row{display:flex;gap:.42rem}.toolbox-row--wrap{flex-wrap:wrap}.toolbox-button{padding:.38rem .62rem;font-size:.82rem;border-radius:.72rem}.toolbox-button.is-active{border-color:#f3bd3ecc;background:#f3bd3e1c}.region-row,.frame-library-row{display:grid;gap:.45rem;border:1px solid var(--panel-border);border-radius:1rem;padding:.58rem;background:#ffffff08}.region-row{grid-template-columns:auto auto 1fr;align-items:center}.frame-library-card{border:0;padding:0;background:transparent}.clip-toggle{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.86rem}.canvas-toolbar{justify-content:space-between;align-items:center;gap:.55rem}.segmented-control{display:inline-flex;gap:.45rem;padding:.28rem;background:#ffffff0a;border:1px solid var(--panel-border);border-radius:1rem}.segmented-control button{padding:.44rem .58rem}.segmented-control button.is-active{background:#f3bd3e2e;border-color:#f3bd3e99}.zoom-readout{font-family:IBM Plex Mono,monospace;min-width:70px}.editor-canvas-shell{position:relative;min-height:0;height:100%;border-radius:1.4rem;border:1px solid var(--panel-border);overflow:hidden;background:#ffffff08}.editor-canvas{width:100%;height:100%;display:block;cursor:crosshair}.canvas-overlay{position:absolute;top:1rem;left:1rem;padding:.6rem .8rem;border-radius:1rem;background:#07070cc7;border:1px solid var(--panel-border);display:grid;gap:.15rem}.preview-stack{display:grid;gap:.42rem}.preview-card{padding:.48rem;border-radius:1.2rem;display:grid;gap:.42rem}.preview-card--controls{gap:0}.preview-toolbar--top{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;width:100%}.preview-toolbar--top .icon-button{width:100%}.preview-stage{width:100%;min-height:132px;max-height:220px;display:grid;place-items:center;border-radius:1rem;background:#0c0b11;border:1px solid var(--panel-border);overflow:hidden}.preview-canvas{display:block;width:auto;height:auto;max-width:100%;max-height:100%;image-rendering:pixelated}.preview-status{display:grid;gap:.08rem;justify-items:center;text-align:center}.preview-status strong{font-size:.92rem;line-height:1.1}.palette-controls{align-items:center}.swatch-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem}.swatch{width:100%;min-height:40px;border-radius:.8rem;border:2px solid transparent}.swatch.is-active{border-color:#ffffffe6}.timeline-panel{border-radius:1.4rem;padding:.9rem .85rem .82rem;background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);overflow:hidden}.timeline-panel--top{min-height:0}.timeline-strip{display:flex;gap:.6rem;overflow-x:auto;padding-top:.22rem;padding-bottom:.15rem;align-items:stretch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;cursor:ew-resize}.timeline-strip::-webkit-scrollbar{width:0;height:0;display:none}.timeline-item{width:92px;min-width:92px;aspect-ratio:1 / 1;position:relative;display:grid;padding:.45rem;text-align:center;border-radius:.95rem;align-items:stretch;justify-items:stretch;border:1px solid var(--panel-border);background:#ffffff0a}.timeline-card-button{all:unset;width:100%;height:100%;display:grid;grid-template-rows:auto auto;gap:.42rem;align-items:center;justify-items:center;cursor:pointer}.timeline-thumb{display:grid;place-items:center;border-radius:.85rem;width:min(100%,54px);aspect-ratio:1 / 1;min-height:0;background:#ffffff0a;overflow:hidden}.timeline-thumb img{width:100%;height:100%;object-fit:contain}.timeline-meta{display:flex;align-items:center;justify-content:center;gap:.28rem;width:100%;font-size:.78rem;white-space:nowrap}.timeline-meta strong,.timeline-meta small{line-height:1}.timeline-delete{position:absolute;top:4px;right:4px;width:22px;height:22px;padding:0;border-radius:.55rem;display:inline-flex;align-items:center;justify-content:center;background:#07070cd1}.timeline-delete svg{width:12px;height:12px}.timeline-empty{min-height:64px;border-radius:1rem;border:1px dashed var(--panel-border);display:grid;place-items:center;color:var(--muted)}.app-footer{display:grid;justify-items:center;justify-content:center;gap:2px;padding:.35rem .9rem .15rem;color:var(--text);font-size:.68rem;text-align:center}.app-footer-logo-link{display:inline-flex;align-items:center;justify-content:center}.app-footer-logo{width:144px;height:144px;margin-bottom:-48px;object-fit:contain;image-rendering:auto;flex:0 0 auto}.app-footer small{color:inherit;letter-spacing:.04em;opacity:.92}.app-footer-meta{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;flex-wrap:wrap}.app-footer--editor{padding-top:0;margin-top:-28px}.app-footer--editor .app-footer-logo{width:112px;height:112px;margin-bottom:-44px}@media (max-width: 1200px){.app-shell{height:auto;grid-template-rows:auto auto auto auto;overflow:visible}.hero-layout{grid-template-columns:1fr;min-height:auto}.hero-side{justify-content:flex-start}.topbar{grid-template-columns:1fr}.workspace-shell{grid-template-columns:1fr;min-height:auto;overflow:visible}}.workspace-shell.is-left-collapsed{grid-template-columns:60px minmax(0,1fr) minmax(260px,320px)}.panel-left{transition:width .18s ease,padding .18s ease}.panel-left.is-collapsed{padding:.75rem;overflow:hidden}.panel-collapse-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.75rem}.collapse-toggle{width:40px;height:40px;padding:0;border-radius:.9rem}.panel-right--compact{gap:.45rem}.compact-section,.field-grid--compact{gap:.55rem}.field-grid--compact label,.field-grid--compact .checkbox-field{font-size:.84rem}.panel-right--compact .empty-card,.panel-right--compact .preview-card,.panel-right--compact .frame-library-row,.panel-right--compact .region-row,.panel-right--compact .clip-card{padding:.48rem}.panel-right--compact .section-heading h3{font-size:.88rem}.swatch-grid--compact{grid-template-columns:repeat(5,minmax(0,1fr))}.swatch-grid--compact .swatch{min-height:30px}.filter-toolbox{gap:.7rem}.toolbox-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.72rem .85rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;color:inherit}.toolbox-toggle-title{display:inline-flex;align-items:center;gap:.55rem}.filter-target{display:grid;gap:.22rem;padding:.75rem .85rem;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.filter-target strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-slider{display:grid;gap:.42rem}.filter-slider-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.82rem}.filter-slider input[type=range]{width:100%}.filter-actions{justify-content:flex-end}.filter-actions .toolbox-choice{min-width:0;flex:1 1 0}.aligner-grid{display:grid;gap:.55rem;min-width:0}.aligner-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.55rem;min-width:0}.aligner-nudge{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem;align-items:center;justify-items:center;width:100%;max-width:180px;margin:0 auto}.aligner-spacer{visibility:hidden;pointer-events:none}.aligner-nudge .icon-button{width:100%;max-width:42px}