@import"https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--bg: #faf8f3;--surface-1: rgba(255, 255, 255, .78);--surface-2: #f0ebe0;--surface-3: #e5ded0;--surface-hover: #ebe4d6;--border: rgba(17, 24, 39, .1);--border-strong: rgba(17, 24, 39, .2);--text: #111827;--muted: #565f70;--faint: #747d8c;--accent: #b8935a;--accent-2: #8d6c3b;--accent-grad: linear-gradient(135deg, #b8935a 0%, #c9a56c 100%);--accent-soft: rgba(184, 147, 90, .14);--accent-ring: rgba(184, 147, 90, .34);--good: #2f855a;--good-soft: rgba(47, 133, 90, .12);--bad: #b4233f;--bad-soft: rgba(180, 35, 63, .1);--warn: #9a6700;--font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Space Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-xl: 22px;--shadow-sm: 0 1px 3px rgba(17, 24, 39, .08);--shadow: 0 18px 40px -24px rgba(17, 24, 39, .3);--shadow-lg: 0 25px 50px -20px rgba(17, 24, 39, .32);--glow: 0 10px 24px -10px rgba(184, 147, 90, .55);--ease: cubic-bezier(.4, 0, .2, 1)}.project-page{min-height:100vh;background:var(--bg);color:var(--ink)}.project-topbar{width:min(100% - 48px,1220px);min-height:76px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.project-usage{color:var(--muted);font-size:11px;font-weight:800}.project-shell{width:min(100% - 48px,1120px);margin:0 auto;padding:72px 0 100px}.project-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.project-heading h1{margin:8px 0 10px;font-size:clamp(38px,6vw,70px);letter-spacing:-.055em}.project-heading p:not(.landing-kicker){max-width:590px;color:var(--muted)}.project-heading form{width:min(100%,430px);display:flex;gap:10px;padding-bottom:8px}.project-heading form input{min-width:0}.project-tabs,.asset-filters{display:flex;gap:8px;margin:42px 0 20px;overflow-x:auto}.project-tabs button,.asset-filters button{border:1px solid var(--border);border-radius:999px;padding:9px 14px;background:transparent;color:var(--muted);font:inherit;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.project-tabs button.active,.asset-filters button.active{border-color:var(--accent);background:var(--accent);color:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.project-open{width:100%;display:grid;gap:9px;padding:14px 14px 8px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.project-open:disabled{cursor:default}.project-card-art{position:relative;height:150px;overflow:hidden;border-radius:12px;background-color:#151d2a}.project-card-art i{position:absolute;width:38px;height:54px;bottom:33px;border-radius:16px 16px 8px 8px;background:#c49b59;box-shadow:inset 0 -12px #11182747}.project-card-art i:nth-child(1){left:24%}.project-card-art i:nth-child(2){left:44%;height:72px}.project-card-art i:nth-child(3){left:65%}.project-card strong{font-size:15px}.project-card small{color:var(--muted)}.project-card>.ghost{margin:3px 14px 14px}.project-trash-actions{display:flex;gap:6px;padding:3px 14px 14px}.project-trash-actions .ghost{margin:0}.ghost.danger{color:#a54545}.project-empty{min-height:240px;display:grid;place-content:center;gap:8px;text-align:center;color:var(--muted)}.project-empty strong{color:var(--ink);font-size:18px}.legacy-import{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 20px;padding:18px;border:1px solid rgba(196,155,89,.45);border-radius:14px;background:#c49b591a}.legacy-import>div{display:flex;gap:8px}.legacy-import>div:first-child{flex-direction:column}.legacy-import span{color:var(--muted);font-size:11px}.asset-library-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;justify-items:end;background:#11182794;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.asset-library{width:min(720px,94vw);height:100vh;overflow-y:auto;padding:30px;background:var(--bg);box-shadow:-20px 0 70px #00000038}.asset-library>header{display:flex;align-items:start;justify-content:space-between}.asset-library-head-actions{display:flex;align-items:center;gap:10px}.icon-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);cursor:pointer;transition:color .16s var(--ease),border-color .16s var(--ease),transform .16s var(--ease)}.icon-button:hover{color:var(--text);border-color:var(--border-strong)}.icon-button:active{transform:rotate(-90deg)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:160;display:grid;place-items:center;padding:20px;background:#11182794;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:dialog-fade .14s var(--ease) both}.dialog{width:min(420px,100%);display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:var(--r-lg);background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:panel-in .18s var(--ease) both}.dialog h3{margin:0;font-size:19px}.dialog .dialog-message{margin:0;font-size:13.5px;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.btn--danger{background:var(--bad);border:none;color:#fff}.btn--danger:hover:not(:disabled){background:#9a1f36;transform:translateY(-2px) scale(1.035);box-shadow:var(--shadow)}@keyframes dialog-fade{0%{opacity:0}}.token-dialog{width:min(560px,100%);gap:18px;padding:28px}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;transition:background .14s var(--ease),color .14s var(--ease),transform .12s var(--ease)}.dialog-close:hover:not(:disabled){background:var(--surface-2);color:var(--text);transform:scale(1.08)}.dialog-close:active:not(:disabled){transform:scale(.94)}.dialog-close:disabled{opacity:.4;cursor:default}.dialog-actions--single{justify-content:stretch;margin-top:8px}.pack-checkout{padding:15px 22px;font-size:16px;letter-spacing:.2px}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pack-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 14px 18px;border-radius:var(--r-md);background:var(--surface-2);border:1.5px solid var(--border);cursor:pointer;transition:transform .12s var(--ease),border-color .12s var(--ease),box-shadow .12s var(--ease)}.pack-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow)}.pack-card.sel{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.pack-card:disabled{opacity:.6;cursor:default}.pack-tokens{font-size:18px;font-weight:700;display:inline-flex;align-items:center;gap:7px;line-height:1}.pack-token-amount{font-size:18px;font-weight:750}.pack-token-value{display:block;line-height:1}.pack-was{font-size:12.5px;font-weight:600;color:var(--muted);text-decoration:line-through;opacity:.7}.pack-bonus{position:absolute;top:6px;left:8px;font-size:10px;font-weight:800;letter-spacing:.3px;color:#fff;background:#16a34a;padding:2px 6px;border-radius:999px}.pack-name{font-size:12.5px;color:var(--muted)}.pack-cycles{font-size:11.5px;font-weight:600;color:var(--accent)}.pack-price{font-size:16px;font-weight:600}.pack-tick{position:absolute;top:6px;right:8px;color:var(--accent);font-weight:700}@media (max-width: 520px){.pack-grid{grid-template-columns:1fr}}.asset-library h2{margin:4px 0 0;font-size:28px}.asset-library .asset-filters{margin-top:24px}.asset-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.asset-library-grid article{min-width:0;padding:9px;border:1px solid var(--border);border-radius:13px;background:var(--panel)}.asset-thumb{height:142px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background-color:#151d2a}.asset-thumb img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.asset-card-copy{display:grid;gap:3px;padding:9px 2px}.asset-card-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.asset-card-copy small{color:var(--muted);font-size:8px;text-transform:capitalize}.asset-card-actions{display:flex;gap:5px}.asset-card-actions button{flex:1;border:1px solid var(--border);border-radius:7px;padding:7px 3px;background:transparent;color:var(--muted);font:inherit;font-size:8px;font-weight:800;cursor:pointer}.asset-loading{padding:18px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px}.asset-spinner{width:15px;height:15px;flex:none;border-radius:50%;border:2px solid var(--surface-3);border-top-color:var(--accent);animation:spinner-turn .8s linear infinite!important}.asset-skeleton{aspect-ratio:1 / 1;border-radius:13px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:asset-shimmer 1.3s ease-in-out infinite!important}@keyframes asset-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.asset-more{display:block;margin:22px auto 0}.cloud-save-state{color:var(--muted);font-size:9px;font-weight:800;white-space:nowrap}.cloud-save-state.saved:before{content:"●";margin-right:6px;color:var(--good)}.cloud-save-alert{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:14px 16px;border:1px solid rgba(196,155,89,.5);border-radius:12px;background:#c49b591a}.cloud-save-alert>span{display:grid;gap:3px}.cloud-save-alert small{color:var(--muted)}.cloud-save-alert>div{display:flex;gap:8px}.cloud-save-alert.error{border-color:#be464661;background:#be464614}.drop-assets-button{align-self:flex-start;margin-left:35px;white-space:nowrap;z-index:2;border:0;background:transparent;color:var(--accent);font:inherit;font-size:11px;font-weight:850;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.drop-assets-button:hover{color:var(--accent-2)}.drop{position:relative}.asset-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;display:grid;place-items:center;padding:20px;background:#111827ad;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.asset-picker{width:min(760px,100%);max-height:min(760px,90vh);overflow-y:auto;padding:24px;border-radius:18px;background:var(--bg);box-shadow:0 30px 90px #00000047}.asset-picker>header{display:flex;align-items:start;justify-content:space-between}.asset-picker h3{margin:5px 0 0;font-size:24px}.asset-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.asset-picker-grid>button{min-width:0;display:grid;gap:6px;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:inherit;text-align:left;cursor:pointer}.asset-picker-grid .asset-thumb{height:120px}.asset-picker-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.asset-picker-grid small{color:var(--muted);font-size:8px;text-transform:capitalize}@media (max-width: 820px){.project-heading{align-items:stretch;flex-direction:column}.project-heading form{width:100%}.project-grid,.asset-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 520px){.project-topbar,.project-shell{width:min(100% - 28px,1120px)}.project-shell{padding-top:44px}.project-heading form{flex-direction:column}.project-grid{grid-template-columns:1fr}.asset-library{width:100%;padding:22px 14px}.asset-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-thumb{height:120px}.asset-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-save-alert,.legacy-import{align-items:stretch;flex-direction:column}}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;color:var(--text);font:14px/1.7 var(--font-mono);font-weight:500;background:radial-gradient(900px 500px at 15% -10%,rgba(184,147,90,.1),transparent 60%),radial-gradient(800px 500px at 100% 0%,rgba(229,222,208,.72),transparent 55%),var(--bg);background-attachment:fixed;min-height:100vh}::selection{background:var(--accent-ring);color:var(--text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:99px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--surface-hover);background-clip:padding-box}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring);border-radius:var(--r-sm)}.app{max-width:1280px;margin:0 auto;padding:36px 28px 64px;display:flex;flex-direction:column;gap:28px;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:14px}.brand .logo{width:58px;height:58px;object-fit:contain;image-rendering:pixelated}.brand h1{margin:0;font-family:var(--font-mono);font-size:26px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(90deg,var(--text) 10%,var(--accent) 88%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tag{margin:2px 0 0;color:var(--muted);font-size:12px;font-weight:600}.health{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;padding:7px 14px;border-radius:99px;border:1px solid var(--border);background:var(--surface-1);white-space:nowrap}.health:before{content:"";width:7px;height:7px;border-radius:99px;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 25%,transparent)}.health--checking{color:var(--muted)}.health--up{color:var(--good);border-color:var(--good-soft)}.health--down{color:var(--bad);border-color:var(--bad-soft)}.stepper{display:flex;flex-wrap:wrap;gap:8px;padding:9px;background:#ffffff9e;border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.step{flex:1 1 auto;display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:var(--r);background:transparent;color:var(--muted);border:1px solid transparent;cursor:pointer;font:inherit;font-weight:550;transition:background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease)}.step:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.step:disabled{cursor:not-allowed;opacity:.4}.step__num{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:99px;background:var(--surface-3);color:var(--text);font-size:12.5px;font-weight:600;transition:all .18s var(--ease)}.step--active{background:#fff;color:var(--text);box-shadow:inset 0 0 0 1px var(--accent-ring)}.step--active .step__num{background:var(--accent-grad);color:#fff;box-shadow:var(--glow)}.step--done{color:var(--text)}.step--done .step__num{background:var(--good);color:#04150d}.content{flex:1}.panel{background:#ffffffad;border:1px solid var(--border);border-radius:var(--r-xl);padding:32px;box-shadow:var(--shadow)}.step-panel{animation:panel-in .32s var(--ease) both}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}}.section-head{display:flex;align-items:center;gap:14px;margin-bottom:6px}.section-head h2{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em}.step-badge{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--accent-grad);color:#fff;font-weight:700;box-shadow:var(--glow)}.lead{color:var(--muted);margin:8px 0 28px;font-size:14.5px;font-weight:500}.muted,.muted-tag{color:var(--muted)}.muted-tag{font-size:12px;font-style:normal;font-weight:700;color:var(--faint)}.status{margin:12px 0 0;color:var(--muted);font-size:14px;font-weight:600}.status.error,.error{color:var(--bad)}.cap-note{margin:8px 0;font-size:13px;color:var(--muted);font-weight:600}.cap-note.error{color:var(--bad)}.cap-note.hint{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-ring);border-radius:9px;padding:8px 11px}code{background:var(--surface-3);padding:1px 7px;border-radius:6px;font-size:.9em}.gen-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.gen-input{display:flex;flex-direction:column;gap:16px}.gen-output{display:flex;flex-direction:column;gap:14px}.gen-row{display:flex;gap:14px}.gen-row .field{flex:1}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:12.5px;font-weight:700;color:var(--muted);letter-spacing:.01em}.label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.label-row>span{font-size:12.5px;font-weight:700;color:var(--muted)}input,select,textarea{background:#ffffffdb;color:var(--text);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 12px;font:inherit;font-size:14px;font-weight:500;transition:border-color .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease)}input::placeholder,textarea::placeholder{color:var(--faint)}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:#fff}textarea{resize:vertical;min-height:58px}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239aa3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}input[type=checkbox],input[type=radio]{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}input[type=color]{width:48px;height:38px;padding:3px;cursor:pointer}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:6px;padding:0;border:none;border-radius:99px;background:var(--surface-3);cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:99px;background:var(--accent-grad);border:2px solid var(--surface-1);box-shadow:var(--shadow-sm)}input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:99px;background:var(--accent);border:2px solid var(--surface-1)}.row{display:flex;align-items:center;gap:12px}.stack{display:flex;flex-direction:column;gap:11px}.chk{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--text);cursor:pointer}output{color:var(--text);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;min-width:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--text);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 18px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .16s var(--ease),border-color .16s var(--ease),transform .12s var(--ease),box-shadow .16s var(--ease)}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong);transform:translateY(-2px) scale(1.035);box-shadow:var(--shadow)}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);border:none;color:#fff;box-shadow:var(--glow)}.btn--primary:hover:not(:disabled){background:#a98249;filter:none;transform:translateY(-2px) scale(1.045);box-shadow:0 16px 32px -12px #8d6c3bb3,var(--glow)}.btn--primary:active:not(:disabled){transform:translateY(0) scale(.985)}.btn.big{padding:13px 22px;font-size:15px;border-radius:var(--r)}.btn-link{text-decoration:none}.ghost{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:var(--r-sm);padding:7px 13px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .16s var(--ease)}.ghost:hover:not(:disabled){color:var(--text);background:var(--surface-2);border-color:var(--border-strong)}.ghost.small{padding:5px 11px;font-size:12.5px}.ghost:disabled{opacity:.45;cursor:not-allowed}.icon{display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--r-sm);width:42px;height:40px;cursor:pointer;font-size:15px;transition:all .16s var(--ease)}.icon:hover{background:var(--surface-hover);border-color:var(--border-strong)}.drop{border:1.5px dashed var(--border-strong);border-radius:var(--r);padding:12px 14px;cursor:pointer;background:#ffffffad;display:flex;flex-direction:column;align-items:flex-start;gap:8px;transition:border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.drop:hover{border-color:var(--accent);background:#fff}.drop.dragover{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 4px var(--accent-soft)}.drop.has-file{border-style:solid;border-color:var(--border);background:#ffffffc7}.drop-empty{display:flex;flex-direction:row;align-items:center;gap:13px;text-align:left;color:var(--muted);width:100%;min-width:0}.drop-icon{font-size:22px;line-height:1;flex:none}.drop-text{display:flex;flex-direction:column;min-width:0}.drop-title{color:var(--text);font-weight:650;font-size:14px}.drop-sub{font-size:12px;color:var(--faint);font-weight:600}.drop-preview{display:flex;align-items:center;gap:13px;width:100%;min-width:0}.sheet-thumb{width:52px;height:52px;border-radius:var(--r-sm);overflow:hidden;flex:none;border:1px solid var(--border)}.sheet-thumb img{width:100%;height:100%;object-fit:contain}.sheet-meta{display:flex;flex-direction:column;gap:6px;min-width:0}.sheet-name{font-size:13px;font-weight:500;word-break:break-all}.checker{background-color:#0e1016;background-image:linear-gradient(45deg,#191d28 25%,transparent 25%),linear-gradient(-45deg,#191d28 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#191d28 75%),linear-gradient(-45deg,transparent 75%,#191d28 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.stage{position:relative;min-height:300px;border-radius:var(--r-lg);border:1px solid var(--border);display:grid;place-items:center;overflow:hidden;padding:12px;box-shadow:inset 0 0 32px #11182729,var(--shadow-sm)}.gen-placeholder{color:var(--faint);font-size:14px;font-weight:600}.gen-result,.sheet-result{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated;border-radius:6px}.generation-stage{height:380px;min-height:380px}.generation-stage .gen-result,.generation-stage .sheet-result{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}.gen-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.collapsible{border:1px solid var(--border);border-radius:var(--r);background:#fff9;overflow:hidden}.collapsible-head{display:flex;align-items:center;gap:10px;width:100%;padding:13px 15px;background:transparent;border:none;color:var(--text);font:inherit;font-weight:600;font-size:14px;cursor:pointer;text-align:left}.collapsible-head:hover{background:var(--surface-3)}.collapsible-caret{color:var(--muted);font-size:11px;transition:transform .18s var(--ease)}.collapsible.open .collapsible-caret{transform:rotate(90deg)}.collapsible-head .muted-tag{margin-left:auto}.collapsible-body{padding:4px 15px 16px}.stack-gap{display:flex;flex-direction:column;gap:14px}.gen-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:28px;text-align:center;color:#d1d5db;background:radial-gradient(circle at 50% 42%,rgba(184,147,90,.22),transparent 34%),#111827eb;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2}.loading-copy{display:flex;flex-direction:column;align-items:center;gap:5px}.loading-title{margin:0;color:#fff;font-size:16px;font-weight:700}.loading-message{min-height:24px;margin:0;color:#e5e7eb;font-weight:600;animation:loading-copy-in .35s var(--ease) both}.loading-time{margin:1px 0 0;color:#9ca3af;font-size:12px;font-variant-numeric:tabular-nums;font-weight:600}.spinner{position:relative;width:52px;height:52px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:#d5b47c;border-right-color:var(--accent);box-shadow:0 0 28px #b8935a47;animation:spinner-turn .85s linear infinite}.spinner:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:inherit;border:2px solid rgba(255,255,255,.08);border-bottom-color:#f0dfc0;animation:spinner-turn 1.2s linear infinite reverse}.spinner span{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:inherit;background:#fff;box-shadow:0 0 12px #d5b47c;animation:loading-pulse 1.2s ease-in-out infinite}.loading-dots{display:flex;gap:6px}.loading-dots i{width:5px;height:5px;border-radius:50%;background:#d5b47c;animation:loading-dot 1.2s ease-in-out infinite}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}@keyframes spinner-turn{to{transform:rotate(360deg)}}@keyframes loading-pulse{50%{opacity:.35;transform:scale(.72)}}@keyframes loading-dot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes loading-copy-in{0%{opacity:0;transform:translateY(4px)}}.gen-error{color:var(--bad);font-weight:500;padding:0 24px;text-align:center}.stage.inspectable{cursor:zoom-in}.inspect-hint{position:absolute;bottom:10px;right:10px;font-size:11px;color:#fff;background:#0000008c;padding:4px 9px;border-radius:99px;opacity:0;transition:opacity .16s var(--ease);pointer-events:none}.stage.inspectable:hover .inspect-hint{opacity:1}.attempts{display:flex;flex-direction:column;gap:9px}.attempts-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--muted)}.attempts-strip{display:flex;gap:9px;overflow-x:auto;padding:3px}.attempt{position:relative;flex:0 0 auto;width:66px;height:66px;border-radius:var(--r-sm);overflow:hidden;padding:0;border:2px solid var(--border);cursor:pointer;transition:border-color .16s var(--ease),transform .16s var(--ease)}.attempt:hover{transform:translateY(-2px);border-color:var(--border-strong)}.attempt img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;display:block}.attempt.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}.attempt-tick{position:absolute;top:3px;right:3px;width:16px;height:16px;display:grid;place-items:center;border-radius:99px;background:var(--accent-grad);color:#fff;font-size:10px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:28px;background:#111827d6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:panel-in .2s var(--ease) both}.lightbox-body{display:flex;flex-direction:column;gap:12px;max-width:92vw;max-height:92vh;color:#fff}.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.lightbox-label{font-weight:650}.lightbox-stage{border:1px solid var(--border);border-radius:var(--r-lg);overflow:auto;display:grid;place-items:center;max-width:92vw;max-height:80vh}.lightbox-stage img{max-width:86vw;max-height:78vh;object-fit:contain;image-rendering:pixelated;display:block}.lightbox-stage.actual{place-items:start}.lightbox-stage img.actual{max-width:none;max-height:none;width:auto;height:auto}.mini-head h3{margin:0 0 12px;font-size:14px;font-weight:650;letter-spacing:.01em}.dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:13px}.dir-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:9px;display:flex;flex-direction:column;gap:7px;transition:transform .18s var(--ease),border-color .18s var(--ease)}.dir-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.dir-card.busy{opacity:.55}.dir-card .thumb{height:112px;border-radius:var(--r-sm);display:grid;place-items:center;overflow:hidden}.dir-card .thumb img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.dir-label{font-size:12px;color:var(--muted);text-align:center;font-weight:500}.dl{font-size:12px;font-weight:600;color:var(--accent-2);text-decoration:none;text-align:center}.dl:hover{text-decoration:underline}.dir-card.inspectable{cursor:zoom-in}.dir-card .thumb{position:relative}.dir-card .inspect-hint{top:6px;right:6px;bottom:auto;left:auto;font-size:12px;padding:3px 7px}.dir-card.inspectable:hover .inspect-hint,.dir-card.busy{opacity:1}.dir-card.busy .dir-loading{color:var(--muted)}.dir-card.selectable{cursor:pointer}.dir-card.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}.direction-setup,.anchor-guide{border:1px solid var(--border);border-radius:var(--r-lg);background:#f0ebe0b8;padding:16px}.direction-setup-head,.anchor-guide-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:13px}.direction-setup-head strong,.anchor-guide-head strong{display:block;color:var(--text);font-size:14px}.direction-setup-head p,.anchor-guide-head p,.anchor-guide-copy p,.direction-check p{margin:1px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.setup-number{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:8px;background:var(--accent-soft);color:var(--accent-2);font-size:12px;font-weight:800;border:1px solid var(--accent-ring)}.direction-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.direction-choice{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:9px 7px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-1);color:var(--muted);font:inherit;font-size:12px;font-weight:650;cursor:pointer;transition:.16s var(--ease)}.direction-choice span{color:var(--text);font-size:16px;line-height:1}.direction-choice:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-hover)}.direction-choice.selected{color:var(--text);border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px #b8935a1f}.anchor-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.anchor-guide-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:11px;padding:10px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface-1)}.anchor-guide-card.directional{border-color:var(--accent-ring)}.anchor-reference{position:relative;width:74px;height:74px;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--border)}.anchor-reference img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.anchor-reference span{position:absolute;inset:auto 3px 3px;padding:2px 4px;border-radius:4px;background:#05060ac7;color:#fff;font-size:8px;text-align:center}.anchor-guide-copy{min-width:0;align-self:center}.anchor-guide-copy strong{display:block;font-size:13px}.anchor-role{display:block;color:var(--accent-2);font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.anchor-guide-card .drop{grid-column:1 / -1}.anchor-guide-card .sheet-thumb{width:42px;height:42px}.direction-check{display:flex;align-items:center;gap:10px;margin-top:11px;padding:10px 11px;border:1px solid rgba(251,191,36,.22);border-radius:var(--r-sm);background:#fbbf240f}.direction-check.ready{border-color:#34d3993d;background:var(--good-soft)}.direction-check-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;color:var(--text);background:var(--surface-3);font-size:18px}.direction-check>div{min-width:0;flex:1}.direction-check strong{display:block;font-size:12px}.direction-check-state{flex:none;color:var(--warn);font-size:10px;font-weight:700}.direction-check.ready .direction-check-state{color:var(--good)}.frame-paste{display:flex;gap:9px}.frame-paste input{flex:1}.frame-fields{display:flex;flex-direction:column;gap:7px;max-height:230px;overflow-y:auto;padding:2px}.seg{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:18px 0;padding:4px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2);overflow:hidden}.seg-indicator{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc((100% - 12px)/2);border:1px solid var(--accent);border-radius:calc(var(--r-lg) - 4px);background:var(--surface-1);box-shadow:0 6px 18px #44341f14,0 0 0 1px var(--accent-ring) inset;transition:transform .24s var(--ease)}.seg--grid .seg-indicator{transform:translate(calc(100% + 4px))}.seg-opt{position:relative;z-index:1;display:flex;gap:11px;align-items:center;min-width:0;padding:13px 15px;border:1px solid transparent;border-radius:var(--r);background:transparent;cursor:pointer;transition:color .18s var(--ease)}.seg-opt:hover,.seg-opt.sel{color:var(--text)}.seg-opt input{flex:none;margin:0;accent-color:var(--accent)}.seg-opt span{display:flex;flex-direction:column;gap:2px}.seg-opt strong{font-size:14px;font-weight:650}.seg-opt em{font-style:normal;font-size:12px;color:var(--muted)}.settings{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;margin-bottom:20px;padding:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg)}.settings--auto{animation:settings-auto-in .24s var(--ease) both}.settings--grid{animation:settings-grid-in .24s var(--ease) both}@keyframes settings-auto-in{0%{opacity:.55;transform:translate(-5px)}}@keyframes settings-grid-in{0%{opacity:.55;transform:translate(5px)}}.setting-card{padding:16px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface-1);box-shadow:0 4px 14px #44341f09}.grid-size-card,.background-card,.removal-card,.spacing-card{grid-column:span 4}.cleanup-card{grid-column:span 8}.settings--auto .cleanup-card{grid-column:1 / -1}.setting-card-head{display:grid;gap:4px;margin-bottom:13px}.setting-card-head strong{color:var(--text);font-size:12px}.setting-card-head small{color:var(--muted);font-size:10px;line-height:1.45}.grid-size-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setting-field{align-content:start;min-width:0}.setting-help{display:block;color:var(--muted);font-size:11px;font-weight:550;line-height:1.5}.setting-control{margin-top:auto;padding-top:12px}.background-control{display:grid;gap:10px}.manual-color{display:flex;align-items:center;gap:9px;width:fit-content;color:var(--muted);font-size:10px;font-weight:700;animation:manual-color-in .18s var(--ease) both}@keyframes manual-color-in{0%{opacity:0;transform:translateY(-3px)}}.setting-number input{min-width:0}.setting-unit{flex:none;color:var(--muted);font-size:11px;font-weight:700}.setting-options{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important;padding-top:4px!important}.setting-option{display:flex;align-items:flex-start;gap:9px;cursor:pointer;padding:11px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);transition:border-color .16s var(--ease),background .16s var(--ease)}.setting-option:hover:not(.disabled){border-color:var(--border-strong);background:var(--surface-hover)}.setting-option>input{flex:none;margin-top:2px}.setting-option>span{display:grid;gap:2px}.setting-option strong{color:var(--text);font-size:11px;line-height:1.3}.setting-option small{color:var(--muted);font-size:10px;font-weight:550;line-height:1.45}.setting-option.disabled{opacity:.5;cursor:not-allowed}.wizard-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid var(--border)}.editor{display:grid;grid-template-columns:268px minmax(0,1fr) 252px;gap:18px;align-items:start}.editor-left,.editor-right{display:flex;flex-direction:column;gap:18px}.editor-center{display:flex;flex-direction:column;gap:14px}.panel-mini{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:16px}.badge{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-ring);border-radius:99px;padding:1px 9px;font-size:12px;font-weight:600;vertical-align:middle}.btn-cost{display:inline-flex;align-items:center;gap:3px;margin-left:9px;padding:2px 9px;border-radius:99px;background:#ffffff38;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.btn-cost__coin{font-size:13px;line-height:1}.click-hint{font-size:12px;color:var(--faint);margin:4px 0 12px}.frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:11px;max-height:540px;overflow-y:auto;padding:2px}.frame-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-sm);padding:7px;display:flex;flex-direction:column;gap:5px;cursor:grab;transition:transform .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease)}.frame-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.frame-card.dragging,.frame-card.excluded{opacity:.5}.frame-card.empty{opacity:.45;cursor:default}.frame-card .thumb{position:relative;height:74px;border-radius:6px;display:grid;place-items:center;overflow:hidden;cursor:pointer}.frame-card .thumb img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.frame-card.excluded .thumb img{filter:grayscale(1) brightness(.7)}.empty-mark{color:var(--faint);font-size:22px}.order-badge{position:absolute;top:4px;left:4px;background:var(--accent-grad);color:#fff;font-size:11px;font-weight:700;border-radius:99px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;box-shadow:var(--shadow-sm)}.frame-card .meta{font-size:10.5px;color:var(--faint);text-align:center}.player-canvas{display:block;max-width:100%;background:transparent;cursor:grab;border-radius:8px;touch-action:none}.player-canvas.grabbing{cursor:grabbing}.player-canvas.aligning,.player-canvas.pixel-pencil,.player-canvas.pixel-eraser{cursor:crosshair}.scrub{width:100%}.transport-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r)}.cluster{display:flex;align-items:center;gap:9px}.ctl{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);font-weight:500}.ctl.block{display:flex}.ctl input[type=range]{flex:1}.frame-counter{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--text);font-weight:600;font-size:13px}.kbd-hint{font-size:12px;color:var(--faint);margin:2px 0 0}kbd{background:var(--surface-3);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:11px;font-family:ui-monospace,monospace}.panel-mini .ctl.block,.panel-mini .chk{margin-bottom:12px}.panel-mini .ctl.block:last-child,.panel-mini .chk:last-child{margin-bottom:0}.align-switch{font-weight:650}.align-bar.col{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding-top:14px;border-top:1px solid var(--border)}.align-info{font-size:12px;color:var(--text);font-variant-numeric:tabular-nums;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 10px}.align-help{font-size:11px;color:var(--faint);line-height:1.5}.step5-panel{overflow:visible}.step5-heading{align-items:flex-start;margin-bottom:20px}.step5-heading h2{margin:0}.step5-heading p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.editor-shell{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:16px;align-items:start}.editor-workspace{display:grid;gap:14px;min-width:0}.editor-canvas-card,.filmstrip-panel,.editor-inspector-section{border:1px solid var(--border);background:var(--surface-2);box-shadow:0 5px 18px #44341f09}.editor-canvas-card{overflow:hidden;border-radius:var(--r-lg)}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 18px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--surface-1)}.canvas-frame-title{display:grid;gap:2px;min-width:120px}.canvas-frame-kicker{color:var(--accent-2);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.canvas-frame-title strong{font-size:12px}.pixel-editor-tools,.pixel-tool-group,.pixel-history-tools{display:flex;align-items:center;flex-shrink:0}.pixel-editor-tools{gap:7px;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.pixel-tool-group,.pixel-history-tools{gap:3px}.pixel-history-tools{padding-left:6px;border-left:1px solid var(--border)}.pixel-tool{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font:750 15px/1 var(--font-sans);cursor:pointer;transition:.15s var(--ease)}.pixel-tool:hover:not(:disabled){border-color:var(--border);background:var(--surface-hover);color:var(--text)}.pixel-tool.active{border-color:var(--accent);background:var(--accent-soft);color:var(--text);box-shadow:0 0 0 1px var(--accent-ring) inset}.pixel-tool:disabled{opacity:.35;cursor:not-allowed}.history-icon{width:17px;height:17px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.history-icon.redo{transform:scaleX(-1)}.pixel-color{display:grid;place-items:center;width:32px;height:32px;overflow:hidden;border:1px solid var(--border);border-radius:7px;background:var(--surface-1);cursor:pointer}.pixel-color input{width:42px;height:42px;padding:0;border:0;cursor:pointer}.canvas-view-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}.canvas-zoom{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;font-weight:700}.canvas-zoom input{width:112px;max-width:112px;min-width:0}.canvas-zoom output{min-width:26px;color:var(--text);font-variant-numeric:tabular-nums}.editor-tool-btn{min-height:34px;padding-inline:11px}.editor-toggle-chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:700;cursor:pointer;transition:.16s var(--ease)}.editor-toggle-chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.editor-toggle-chip input{width:13px;height:13px;margin:0}.editor-canvas-card>.stage{min-height:360px;border:0;border-radius:0;background-color:#f2efe8;background-image:linear-gradient(45deg,#ded9cf 25%,transparent 25%),linear-gradient(-45deg,#ded9cf 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ded9cf 75%),linear-gradient(-45deg,transparent 75%,#ded9cf 75%)}.editor-playback{display:grid;gap:8px;padding:10px 14px 13px;border-top:1px solid var(--border);background:var(--surface-1)}.editor-playback .transport-row{gap:13px;padding:0;border:0;background:transparent}.transport-controls{gap:6px}.transport-controls .icon{width:36px;height:36px;padding:0;font-size:22px}.transport-play{min-width:42px;width:42px;min-height:38px;padding:0;font-size:15px}.playback-speed{flex:1;min-width:175px}.playback-speed input{min-width:80px}.playback-speed output{min-width:44px;color:var(--text);font-size:10px;font-variant-numeric:tabular-nums}.editor-playback .frame-counter{min-width:48px;text-align:right;font-size:11px}.filmstrip-panel{min-width:0;padding:13px;border-radius:var(--r-lg)}.filmstrip-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.filmstrip-head h3{margin:0;font-size:13px}.filmstrip-head p{margin:3px 0 0;color:var(--muted);font-size:10px}.filmstrip-drag-hint{color:var(--muted);font-size:9px;font-weight:700}.frame-filmstrip{display:grid;grid-auto-flow:column;grid-auto-columns:128px;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 2px 8px;scrollbar-width:thin}.filmstrip-card{position:relative;display:grid;grid-template-rows:82px auto auto;gap:7px;padding:7px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-1);cursor:grab;transition:transform .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease),opacity .16s var(--ease)}.filmstrip-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.filmstrip-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring),var(--shadow-sm)}.filmstrip-card.excluded{opacity:.62}.filmstrip-card.empty{cursor:default;opacity:.5}.filmstrip-select{position:relative;display:grid;place-items:center;width:100%;height:82px;padding:4px;overflow:hidden;border:0;border-radius:6px;cursor:pointer}.filmstrip-select img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.filmstrip-card.excluded .filmstrip-select img{filter:grayscale(.8) brightness(.72)}.filmstrip-selected-mark{position:absolute;top:5px;right:6px;color:var(--accent);font-size:10px;filter:drop-shadow(0 1px 1px #fff)}.filmstrip-meta{display:grid;gap:1px;min-width:0}.filmstrip-meta strong{overflow:hidden;color:var(--text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.filmstrip-meta span{color:var(--muted);font-size:9px}.filmstrip-actions{display:grid;grid-template-columns:1fr 27px 27px;gap:5px}.filmstrip-actions button:disabled{opacity:.45;cursor:wait}.filmstrip-error{margin:2px 2px 0;color:var(--bad);font-size:10px;font-weight:650}.filmstrip-actions button,.filmstrip-actions a{display:grid;place-items:center;min-width:0;min-height:27px;padding:4px 5px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--muted);font:750 8px/1.1 var(--font-sans);text-decoration:none;cursor:pointer}.filmstrip-include:not(.excluded){border-color:#34d39940;color:var(--good)}.editor-kbd-hint{margin:-2px 2px 0;font-size:10px}.editor-inspector{position:sticky;top:16px;display:grid;gap:10px;min-width:0}.editor-inspector-section{overflow:hidden;min-width:0;border-radius:var(--r)}.editor-inspector-heading{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:11px 13px;border:0;border-radius:0;background:var(--surface-1);color:var(--text);font:800 11px/1 var(--font-sans);cursor:pointer}.editor-inspector-chevron{color:var(--muted);font-size:17px;transition:transform .18s var(--ease)}.editor-inspector-section.open .editor-inspector-chevron{transform:rotate(180deg)}.editor-inspector-body{display:grid;gap:12px;min-width:0;padding:12px;border-top:1px solid var(--border);animation:inspector-reveal .18s var(--ease) both}@keyframes inspector-reveal{0%{opacity:0;transform:translateY(-4px)}}.selected-frame-summary{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:10px}.selected-frame-thumb{display:grid;place-items:center;width:58px;height:58px;overflow:hidden;border:1px solid var(--border);border-radius:8px}.selected-frame-thumb img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.selected-frame-summary>div:last-child{display:grid;gap:3px}.selected-frame-summary strong{font-size:11px}.selected-frame-summary span{color:var(--muted);font-size:9px}.editor-check-row{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.editor-check-row>span{display:grid;gap:3px}.editor-check-row strong{color:var(--text);font-size:10px}.editor-check-row small{color:var(--muted);font-size:9px;line-height:1.4}.editor-check-row>input{flex:none;width:16px;height:16px}.inspector-button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.inspector-button-row .btn{width:100%;min-width:0;padding-inline:7px;font-size:9px}.inspector-download{width:100%;min-height:36px;font-size:9px}.inspector-reveal{display:grid;gap:11px;min-width:0;padding-top:11px;border-top:1px solid var(--border);animation:inspector-reveal .18s var(--ease) both}.offset-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.offset-fields .field{min-width:0}.offset-fields input{width:100%;min-width:0}.inspector-slider{display:grid!important;grid-template-columns:auto 1fr auto;gap:8px;font-size:10px}.inspector-slider output{min-width:32px;color:var(--text);font-size:9px;text-align:right}.inspector-help,.inspector-empty{color:var(--muted);font-size:9px;line-height:1.5;overflow-wrap:anywhere}@media (max-width: 1080px){.editor-shell{grid-template-columns:1fr}.editor-inspector{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}.canvas-toolbar{align-items:flex-start}.canvas-view-tools{flex-wrap:wrap}}@media (max-width: 760px){.editor-inspector{grid-template-columns:1fr}.canvas-toolbar{display:grid}.canvas-view-tools{justify-content:flex-start}.canvas-zoom{flex:1}.canvas-zoom input{width:auto;min-width:80px}.editor-canvas-card>.stage{min-height:300px}}@media (max-width: 520px){.step5-heading p,.editor-kbd-hint{display:none}.canvas-view-tools{display:grid;grid-template-columns:1fr auto}.canvas-zoom{grid-column:1 / -1}.editor-toggle-chip{justify-content:center}.editor-canvas-card>.stage{min-height:250px}.editor-playback .transport-row{display:grid;grid-template-columns:1fr auto}.transport-controls{grid-column:1 / -1;justify-content:center}.playback-speed{grid-column:1 / -1;width:100%}.editor-playback .frame-counter{margin-left:0}.frame-filmstrip{grid-auto-columns:116px}.filmstrip-drag-hint{display:none}}.export-heading{align-items:flex-start;margin-bottom:18px}.export-heading h2{margin:0}.export-heading p{margin:5px 0 0;color:var(--muted);font-size:11px}.export-summary{display:flex;align-items:center;gap:0;margin-bottom:14px;padding:11px 14px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:650}.export-summary span{display:inline-flex;align-items:center;min-height:20px;padding-inline:13px;border-right:1px solid var(--border)}.export-summary span:first-child{padding-left:0}.export-summary span:last-child{border-right:0}.export-summary strong{margin-right:4px;color:var(--text);font-size:11px}.export-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.export-card{position:relative;overflow:hidden;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:14px;min-height:330px;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.export-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--accent-grad);opacity:.75}.export-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow)}.export-card-head{display:flex;align-items:center;gap:11px}.export-card-head>div{display:grid;gap:3px}.export-card-head>div>span{color:var(--accent-2);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.export-format{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--accent-ring);border-radius:12px;background:var(--accent-soft);color:var(--accent-2);font-size:10px;font-weight:850;letter-spacing:.04em}.export-card h3{margin:0;font-size:15px;font-weight:750}.export-card>p{margin:0;color:var(--muted);font-size:10px;font-weight:550;line-height:1.55}.export-option{display:grid;align-items:center;min-height:67px;padding:11px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2)}.export-option--static{grid-template-columns:auto 1fr;gap:9px}.export-option--static>span:last-child,.export-scale>span{display:grid;gap:3px}.export-option strong,.export-scale strong{color:var(--text);font-size:10px}.export-option small,.export-scale small{color:var(--muted);font-size:8px;line-height:1.4}.export-check{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--good-soft);color:var(--good);font-size:11px;font-weight:800}.export-scale{display:grid;grid-template-columns:1fr 62px;align-items:center;gap:10px}.export-scale select{width:100%;min-width:0}.export-card-bottom{display:grid;gap:8px;margin-top:auto}.export-meta{display:block;min-height:15px;color:var(--muted);font-size:8px;font-weight:700}.export-download{width:100%;min-height:42px;justify-content:center;gap:8px}.download-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.export-note{color:var(--good)}.export-nav{margin-top:24px}@media (max-width: 860px){.export-grid{grid-template-columns:1fr}.export-card{min-height:0}}@media (max-width: 520px){.export-summary{align-items:flex-start;flex-direction:column;gap:5px}.export-summary span{min-height:auto;padding:0;border:0}.export-card{padding:15px}}@media (max-width: 980px){.gen-grid,.editor{grid-template-columns:1fr}.app{padding:20px 16px 40px}.panel{padding:20px}.grid-size-card,.background-card,.removal-card,.spacing-card{grid-column:span 6}.cleanup-card{grid-column:1 / -1}}@media (max-width: 620px){.seg-opt{align-items:flex-start;padding:11px}.seg-opt em{display:none}.settings{padding:9px}.grid-size-card,.background-card,.removal-card,.spacing-card,.cleanup-card{grid-column:1 / -1}.setting-options{grid-template-columns:1fr}.direction-choices{grid-template-columns:1fr 1fr}.anchor-guide-grid{grid-template-columns:1fr}.gen-row{flex-direction:column}.direction-check{align-items:flex-start;flex-wrap:wrap}.direction-check-state{margin-left:40px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:18px}.auth-brand{margin-bottom:4px}.auth-form{display:flex;flex-direction:column;gap:14px}.btn--block{width:100%;justify-content:center}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-switch{text-align:center;font-size:13px;margin:0}.topbar-account{display:flex;align-items:center;gap:12px}.account-email{font-size:13px}.account-menu{position:relative}.account-trigger{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);cursor:pointer;transition:border-color .16s var(--ease),transform .14s var(--ease)}.account-trigger:hover{border-color:var(--border-strong);transform:translateY(-1px)}.account-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--accent-grad);color:#fff;font-family:var(--font-sans);font-weight:800;font-size:14px}.account-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;z-index:60;display:flex;flex-direction:column;padding:6px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);animation:panel-in .16s var(--ease) both}.account-dropdown-email{padding:8px 10px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--border);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown button{text-align:left;padding:9px 10px;border:0;background:transparent;border-radius:var(--r-sm);font:inherit;font-size:13px;font-weight:600;color:var(--text);cursor:pointer}.account-dropdown button:hover{background:var(--surface-2)}.account-dropdown .account-signout{color:var(--bad)}.assets-btn,.buy-tokens-btn{height:46px;min-height:46px;padding-top:0;padding-bottom:0}.buy-tokens-btn{gap:9px;padding-left:7px}.buy-tokens-bal{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:4px 12px;border-radius:999px;background:#ffffff38;color:#fff;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.buy-tokens-value{display:block;font-size:17px;font-weight:800;line-height:1}.buy-tokens-cta{font-weight:700}.coin-icon{display:block;width:22px;height:29px;flex:0 0 22px;object-fit:contain;transform:translateY(-1px);image-rendering:pixelated}.coin-number{display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1}@media (max-width: 640px){.topbar-account{flex-wrap:wrap;justify-content:flex-end}.account-email{display:none}}@media (max-width: 560px){.app{padding:16px 12px 40px;gap:18px}.topbar{flex-wrap:wrap;gap:12px}.brand{gap:10px}.brand .logo{width:42px;height:42px}.brand h1{font-size:21px}.brand .tag{display:none}.topbar-account{width:100%;gap:8px}.buy-tokens-cta{display:none}.buy-tokens-btn{height:42px;min-height:42px}.buy-tokens-value{font-size:15px}.panel{padding:18px 15px}.stepper{gap:6px;padding:7px}.step{flex:0 1 auto;gap:7px;padding:7px 10px}.step__title{display:none}.step--active{flex:1 1 auto}.step--active .step__title{display:inline}.pixel-editor-tools{flex-wrap:wrap}}html{scroll-behavior:smooth}.landing-page{min-height:100vh;overflow:hidden;color:var(--text)}.landing-shell{width:min(100% - 48px,1220px);margin-inline:auto}.legal-page{min-height:100vh;background:var(--surface-1);color:var(--text)}.legal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.legal-back{font-size:13px;font-weight:700;color:var(--muted);text-decoration:none}.legal-back:hover{color:var(--text)}.legal-shell{width:min(100% - 48px,760px);margin:0 auto;padding:16px 0 96px}.legal-shell h1{margin:6px 0 4px;font-size:34px}.legal-shell h2{margin:34px 0 8px;font-size:19px}.legal-shell p,.legal-shell li{line-height:1.65;color:var(--text)}.legal-shell ul{padding-left:20px;display:grid;gap:6px}.legal-updated{margin-top:0;font-size:13px}.landing-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:5}.landing-brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-family:var(--font-sans);font-size:18px;font-weight:800;letter-spacing:-.03em}.landing-brand-mark{display:inline-grid;place-items:center;width:44px;height:44px;flex:0 0 44px;background:url(/assets/logo-CM39WQE_.png) center / contain no-repeat;image-rendering:pixelated;color:transparent;font-size:0}.landing-nav-links{display:flex;align-items:center;gap:28px;margin-left:auto}.landing-nav-links a,.landing-text-button{color:var(--muted);text-decoration:none;border:0;background:transparent;padding:8px 0;font:700 12px/1.4 var(--font-mono);cursor:pointer;transition:color .18s var(--ease)}.landing-nav-links a:hover,.landing-text-button:hover{color:var(--text)}.landing-nav-actions{display:flex;align-items:center;gap:16px}.landing-nav-cta{padding:9px 16px;font-size:12px;border-radius:10px}.landing-hero{position:relative;display:grid;grid-template-columns:minmax(330px,.55fr) minmax(680px,1.45fr);align-items:center;gap:44px;min-height:660px;padding-block:58px 86px}.landing-hero:before{content:"";position:absolute;z-index:-1;width:520px;height:520px;top:-180px;left:-240px;border-radius:50%;background:#b8935a17;filter:blur(4px)}.landing-eyebrow,.landing-kicker{margin:0 0 15px;color:var(--accent-2);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.landing-eyebrow span{font-size:14px}.landing-hero h1{max-width:670px;margin:0;font-size:clamp(44px,5.25vw,72px);line-height:.99;letter-spacing:-.055em}.landing-hero h1 em{display:block;color:var(--accent);font-style:normal}.landing-hero-lead{max-width:620px;margin:26px 0 0;color:var(--muted);font-size:15px;line-height:1.75;font-weight:600}.landing-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.landing-primary-cta,.landing-secondary-cta{min-height:50px;padding:13px 23px;border-radius:12px;font-size:13px;text-decoration:none}.landing-primary-cta span{font-size:17px;line-height:1}.landing-secondary-cta{background:#ffffffbd}.landing-proof-row{display:flex;flex-wrap:wrap;gap:19px;margin-top:24px;color:var(--muted);font-size:10.5px;font-weight:700}.landing-proof-row span{display:inline-flex;align-items:center;gap:6px}.landing-proof-row i{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--good-soft);color:var(--good);font-style:normal;font-size:10px}.landing-product-window{min-width:0;color:#f8fafc;border:1px solid rgba(255,255,255,.09);border-radius:19px;background:#151b29;box-shadow:0 35px 70px -32px #111827bf;overflow:hidden;transform:perspective(1400px) rotateY(-2deg) rotateX(1deg)}.landing-window-bar{min-height:46px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#202738;color:#8f99ad;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.landing-window-dots{display:flex;gap:6px}.landing-window-dots i{width:8px;height:8px;border-radius:50%;background:#e45e63}.landing-window-dots i:nth-child(2){background:#d9ad4f}.landing-window-dots i:nth-child(3){background:#4eae77}.landing-window-status{justify-self:end;display:inline-flex;align-items:center;gap:5px}.landing-window-status i{width:6px;height:6px;border-radius:50%;background:#59c98a;box-shadow:0 0 0 3px #59c98a1f}.landing-window-body{display:grid;grid-template-columns:.72fr auto 1.22fr auto 1.05fr;gap:10px;align-items:center;padding:23px 20px 18px}.landing-window-stage{align-self:stretch;min-width:0;position:relative;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#ffffff09}.landing-window-stage>strong{display:block;margin:2px 0 11px;color:#eef2f8;font-family:var(--font-sans);font-size:10px;line-height:1.3}.landing-stage-number,.landing-card-number{color:#d6b370;font-size:8px;font-weight:800;letter-spacing:.08em}.landing-flow-arrow{color:#6d768a;font-size:15px}.landing-reference-placeholder{min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px dashed rgba(255,255,255,.17);border-radius:10px;background:#ffffff06;color:#8791a5;text-align:center;font-size:7.5px;font-weight:700}.landing-reference-art{position:relative;width:50px;height:62px}.landing-reference-head{position:absolute;width:24px;height:24px;left:13px;top:1px;border-radius:50%;background:linear-gradient(145deg,#d6b370,#8d6c3b)}.landing-reference-body{position:absolute;width:48px;height:37px;left:1px;bottom:0;border-radius:22px 22px 9px 9px;background:linear-gradient(145deg,#657086,#30394c)}.landing-direction-set{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.landing-direction-set.compact{grid-template-columns:repeat(2,1fr);gap:6px}.landing-direction-frame{position:relative;min-width:0;aspect-ratio:1;border-radius:10px;border:1px solid rgba(255,255,255,.09);overflow:hidden}.landing-direction-frame img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.landing-direction-frame span{position:absolute;left:4px;right:4px;bottom:4px;padding:2px 3px;border-radius:4px;background:#111827d1;color:#f8fafc;text-align:center;font-size:6.5px;font-weight:700}.landing-sheet-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:8px;border-radius:12px;border:1px solid rgba(255,255,255,.09)}.landing-sheet-preview.small{gap:4px;padding:5px;border-radius:8px}.landing-sheet-cell{display:grid;place-items:center;min-width:0;aspect-ratio:1;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:#0a0e176b;overflow:hidden}.landing-sheet-cell img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.landing-sheet-cell.frame-2 img,.landing-sheet-cell.frame-6 img{transform:translateY(-3%) scale(.97)}.landing-sheet-cell.frame-3 img,.landing-sheet-cell.frame-7 img{transform:translate(3%) scale(.94)}.landing-sheet-cell.frame-4 img,.landing-sheet-cell.frame-8 img{transform:translateY(3%) scale(.97)}.landing-output-row{display:flex;flex-wrap:wrap;gap:7px;padding:0 20px 20px}.landing-output-row span{padding:5px 9px;border:1px solid rgba(214,179,112,.22);border-radius:999px;background:#d6b37014;color:#d9c49d;font-size:7.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hero-real-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:10px;padding:22px}.landing-real-stage{margin:0;padding:10px}.landing-real-stage.result-stage{border-color:#d6b37047;background:#d6b3700e}.landing-real-media{height:250px;display:grid;place-items:center;margin-top:7px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background-color:#101622;overflow:hidden}.landing-real-media img{display:block;width:100%;height:100%}.reference-media img{object-fit:cover;object-position:center 24%}.anchor-media img{object-fit:cover;image-rendering:pixelated}.animation-media img{width:auto;height:min(88%,220px);object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 9px 16px rgba(0,0,0,.38))}.landing-real-stage figcaption{display:flex;flex-direction:column;gap:2px;padding:10px 2px 2px}.landing-real-stage figcaption strong{color:#f4f6fa;font:700 10px/1.3 var(--font-sans)}.landing-real-stage figcaption span{color:#8791a5;font-size:7px;font-weight:700}.landing-section{padding-block:94px;scroll-margin-top:20px}.landing-section-alt{background:#e5ded08c;border-block:1px solid var(--border)}.landing-section-heading{max-width:720px;margin-bottom:39px}.landing-section-heading h2,.landing-exports-copy h2,.landing-final-cta h2{margin:0;line-height:1.12;letter-spacing:-.04em}.landing-section-heading h2,.landing-exports-copy h2{font-size:clamp(25px,2.7vw,34px)}.landing-final-cta h2{font-size:clamp(32px,4vw,50px)}.landing-section-heading>p:last-child,.landing-exports-copy>p,.split-heading>p{margin:16px 0 0;color:var(--muted);font-size:13px;line-height:1.7;font-weight:600}.split-heading{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.52fr);gap:60px;align-items:end}.split-heading>p{margin:0 0 4px}.landing-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.landing-workflow-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid var(--border);border-radius:17px;background:#ffffffb8;box-shadow:var(--shadow-sm)}.landing-card-number{position:absolute;z-index:1;top:26px;left:26px;padding:5px 8px;border-radius:6px;background:#111827d6}.landing-card-visual{min-height:215px;display:grid;place-items:center;margin-bottom:23px;padding:22px;border-radius:12px;overflow:hidden;background:#171e2c}.landing-card-visual .landing-reference-placeholder{width:min(100%,160px);min-height:160px}.landing-card-visual .landing-direction-set{width:min(100%,230px)}.landing-card-visual .landing-sheet-preview{width:min(100%,270px)}.landing-workflow-card h3,.landing-showcase-card h3{margin:0;color:var(--text);font-size:19px;line-height:1.25;letter-spacing:-.025em}.landing-workflow-card>p,.landing-showcase-copy>p{margin:10px 0 0;color:var(--muted);font-size:11.5px;line-height:1.7;font-weight:600}.landing-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.landing-showcase-card{min-width:0;padding:25px;border:1px solid var(--border);border-radius:18px;background:#ffffffb3;box-shadow:var(--shadow-sm)}.landing-showcase-card:not(.wide){display:flex;flex-direction:column}.landing-showcase-card:not(.wide) .landing-showcase-copy{min-height:74px}.landing-showcase-card.wide{grid-column:1 / -1;display:grid;grid-template-columns:minmax(240px,.56fr) minmax(0,1fr);align-items:center;gap:38px}.landing-showcase-copy{margin-bottom:22px}.landing-showcase-card.wide .landing-showcase-copy{margin-bottom:0}.landing-showcase-copy>span{display:block;margin-bottom:10px;color:var(--accent-2);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.landing-showcase-card>.landing-sheet-preview,.landing-showcase-card>.landing-sample-sheet,.landing-showcase-card>.landing-animation-pair,.landing-showcase-card>.landing-frame-strip,.landing-showcase-card.wide>.landing-direction-set{padding:17px;border-radius:13px;background-color:#151b29}.landing-sample-sheet img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:contain;border-radius:8px;image-rendering:pixelated}.landing-animation-pair{aspect-ratio:4 / 3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px}.landing-animation-pair figure{min-width:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#0a0e1775}.landing-animation-pair img{display:block;width:auto;height:clamp(60px,9vw,115px);max-width:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 9px 16px rgba(0,0,0,.38))}.landing-animation-pair figcaption{color:#d9c49d;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.landing-showcase-card.wide>.landing-direction-set{gap:12px}.landing-frame-strip{min-height:260px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px}.landing-frame-strip>span{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#0a0e1773;overflow:hidden}.landing-frame-strip img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.landing-frame-strip i{position:absolute;top:6px;left:6px;display:grid;place-items:center;width:23px;height:20px;border-radius:5px;background:#111827d1;color:#d9c49d;font-style:normal;font-size:8px;font-weight:800}.landing-editor-section{background:linear-gradient(180deg,#e5ded07a,#f8f6f1b3);border-top:1px solid var(--border)}.landing-editor-heading{margin-bottom:38px}.landing-pixel-editor{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#151b29;color:#f8fafc;box-shadow:0 34px 80px -34px #111827b8}.landing-editor-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:58px;padding:0 17px;border-bottom:1px solid rgba(255,255,255,.08);background:#202738}.landing-editor-file{display:flex;align-items:center;gap:14px}.landing-editor-file strong,.landing-editor-zoom{color:#aeb7c8;font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.landing-editor-zoom{justify-self:end;padding:5px 8px;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:#ffffff0a}.landing-editor-tools{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#090d165c}.landing-editor-tools>span{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;color:#8f99ad;font-size:14px}.landing-editor-tools>span.active{background:#d6b3702e;color:#e5c891;box-shadow:0 0 0 1px #d6b3704d inset}.landing-editor-color{width:22px;height:22px;margin-inline:4px;border:3px solid #f7f3e9;border-radius:6px;background:#d79a4b;box-shadow:0 0 0 1px #fff3}.landing-editor-workspace{display:grid;grid-template-columns:92px minmax(0,1fr) 228px;min-height:500px}.landing-editor-filmstrip{display:grid;align-content:start;gap:9px;padding:13px;border-right:1px solid rgba(255,255,255,.08);background:#181f2e}.landing-editor-filmstrip>div{position:relative;display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#070a1173}.landing-editor-filmstrip>div.selected{border-color:#d6b370;box-shadow:0 0 0 2px #d6b37029}.landing-editor-filmstrip img{width:78%;height:78%;object-fit:contain;image-rendering:pixelated}.landing-editor-filmstrip span{position:absolute;z-index:1;top:4px;left:5px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#080b12d1;color:#d9c49d;font-size:7px;font-weight:800}.landing-editor-canvas{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden}.landing-editor-canvas-label{position:absolute;top:16px;left:17px;z-index:2;padding:6px 9px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#0c1019c7;color:#d9c49d;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.landing-editor-sprite{position:relative;width:min(64%,340px);height:410px;display:grid;place-items:center}.landing-editor-sprite img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 14px 23px rgba(0,0,0,.38))}.landing-pixel-grid{position:absolute;top:8%;right:4%;bottom:8%;left:4%;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.085) 1px,transparent 1px);background-size:14px 14px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 76%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 76%)}.landing-pixel-cursor{position:absolute;left:61%;top:42%;width:14px;height:14px;border:2px solid #fff;box-shadow:0 0 0 1px #171e2c,0 0 12px #ffffff73}.landing-editor-inspector{display:grid;align-content:start;gap:9px;padding:17px;border-left:1px solid rgba(255,255,255,.08);background:#181f2e}.landing-editor-inspector-title{margin-bottom:4px;color:#e8ecf3;font-size:10px;font-weight:800}.landing-editor-inspector>div{display:grid;grid-template-columns:29px 1fr;align-items:center;gap:9px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#ffffff06}.landing-editor-inspector i{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#d6b3701c;color:#d6b370;font-style:normal}.landing-editor-inspector i.pencil:before{content:"✎"}.landing-editor-inspector i.eraser:before{content:"▱"}.landing-editor-inspector i.history:before{content:"↶"}.landing-editor-inspector>div>span{display:grid;gap:3px}.landing-editor-inspector strong{color:#e8ecf3;font-size:8px}.landing-editor-inspector small{color:#8f99ad;font-size:7px;line-height:1.4}.landing-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:46px;padding:0 17px;border-top:1px solid rgba(255,255,255,.08);background:#202738;color:#8f99ad;font-size:8px;font-weight:750;letter-spacing:.04em}.landing-editor-footer span:first-child{display:inline-flex;align-items:center;gap:7px;color:#b9c3d3}.landing-editor-footer i{width:7px;height:7px;border-radius:50%;background:#59c98a;box-shadow:0 0 0 3px #59c98a1f}.landing-section-dark{background:#151b29;color:#f8fafc}.landing-exports-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:70px;align-items:center}.landing-exports-copy>p:not(.landing-kicker){color:#aeb7c8}.landing-exports-copy .landing-primary-cta{margin-top:24px}.landing-export-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.landing-export-grid article{min-height:144px;display:flex;flex-direction:column;justify-content:space-between;padding:19px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#ffffff09}.landing-export-grid strong{color:#d6b370;font-family:var(--font-sans);font-size:27px;letter-spacing:-.04em}.landing-export-grid span{color:#aeb7c8;font-size:10px;font-weight:700}.landing-faq-list{max-width:880px;margin-inline:auto;border-top:1px solid var(--border)}.landing-faq-section .landing-section-heading{margin-inline:auto;text-align:center}.landing-faq-list details{border-bottom:1px solid var(--border)}.landing-faq-list summary{position:relative;padding:22px 44px 22px 0;list-style:none;cursor:pointer;color:var(--text);font-family:var(--font-sans);font-size:16px;font-weight:700}.landing-faq-list summary::-webkit-details-marker{display:none}.landing-faq-list summary:after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--accent-2);font-family:var(--font-mono);font-size:21px}.landing-faq-list details[open] summary:after{content:"−"}.landing-faq-list details p{max-width:720px;margin:-4px 0 22px;color:var(--muted);font-size:12px;line-height:1.75;font-weight:600}.landing-final-cta{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-bottom:60px;padding:48px;border:1px solid rgba(184,147,90,.25);border-radius:20px;background:linear-gradient(135deg,#b8935a26,#ffffffb3);box-shadow:var(--shadow)}.landing-final-cta h2{max-width:760px;font-size:clamp(29px,3.6vw,46px)}.landing-final-cta .landing-primary-cta{flex:none}.landing-footer{min-height:90px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;border-top:1px solid var(--border);color:var(--muted);font-size:10px;font-weight:700}.landing-footer .landing-brand{justify-self:start}.landing-footer-mid{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:5px}.landing-footer p{margin:0;text-align:center;white-space:nowrap}.landing-footer-legal{display:flex;align-items:center;gap:8px}.landing-footer-legal a{color:var(--muted);text-decoration:none}.landing-footer-legal a:hover{color:var(--text)}.landing-footer>span:last-child{justify-self:end;white-space:nowrap}.landing-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px;overflow-y:auto;background:#111827bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:landing-fade-in .2s var(--ease) both}.landing-auth-dialog{width:min(100%,470px);outline:none;animation:landing-modal-in .24s var(--ease) both}.auth-card.auth-card--modal{position:relative;width:100%;max-width:none;gap:16px;padding:30px;border-radius:20px;background:#faf8f3;box-shadow:0 28px 80px -24px #000000a6}.auth-close{position:absolute;top:15px;right:15px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:9px;background:#ffffffbf;color:var(--muted);font:500 22px/1 var(--font-sans);cursor:pointer}.auth-close:hover{color:var(--text);background:#fff}.auth-modal-brand{display:inline-flex;align-items:center;gap:9px;width:fit-content;padding-right:44px;font:800 16px/1 var(--font-sans)}.auth-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.auth-mode-option{min-height:40px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:750 11px/1 var(--font-sans);cursor:pointer;transition:.16s var(--ease)}.auth-mode-option:hover:not(:disabled){color:var(--text);background:#ffffff8c}.auth-mode-option.active{background:#fff;color:var(--text);box-shadow:var(--shadow-sm)}.auth-mode-option:disabled{cursor:wait;opacity:.65}.auth-intro{margin-block:4px 2px}.auth-intro .landing-kicker{margin-bottom:9px}.auth-intro h2{margin:0;font-size:28px;line-height:1.12;letter-spacing:-.04em}.auth-intro p:last-child{margin:10px 0 0;font-size:11px;line-height:1.6}.auth-google{min-height:46px;position:relative}.auth-google-icon{flex:0 0 20px;width:20px;height:20px}.auth-card--modal .auth-divider{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.auth-card--modal .auth-form{gap:12px}.auth-card--modal .auth-form input{min-height:44px}.auth-card--modal .auth-form .auth-consent input{min-height:0;width:17px;height:17px;flex:none}.auth-consent{align-items:flex-start;font-size:13.5px;line-height:1.45}.auth-consent input{margin-top:1px}.auth-consent{opacity:1;transition:opacity .22s var(--ease)}.auth-consent--hidden{visibility:hidden;pointer-events:none;opacity:0}.auth-intro{animation:auth-mode-in .26s var(--ease) both}@keyframes auth-mode-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.auth-intro{animation:none}.auth-consent{transition:none}}.auth-submit{min-height:46px;margin-top:3px}.auth-dev-note{margin:4px 0 0;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:10px;line-height:1.65}.landing-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:var(--muted);font-size:11px;font-weight:700}@keyframes landing-fade-in{0%{opacity:0}}@keyframes landing-modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}@media (max-width: 1080px){.landing-hero{grid-template-columns:1fr;gap:48px;padding-top:72px}.landing-hero-copy{max-width:760px}.landing-product-window{width:100%;transform:none}.landing-exports-layout{gap:42px}.landing-editor-workspace{grid-template-columns:80px minmax(0,1fr) 205px}}@media (max-width: 820px){.landing-nav-links{display:none}.landing-workflow-grid,.landing-showcase-grid,.landing-exports-layout{grid-template-columns:1fr}.landing-showcase-card.wide{grid-column:auto;grid-template-columns:1fr}.split-heading{grid-template-columns:1fr;gap:14px}.landing-showcase-card.wide .landing-showcase-copy{margin-bottom:22px}.landing-showcase-card:not(.wide) .landing-showcase-copy{min-height:0}.landing-editor-workspace{grid-template-columns:76px minmax(0,1fr)}.landing-editor-inspector{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.08);border-left:0}.landing-editor-inspector-title{grid-column:1 / -1}.landing-final-cta{align-items:flex-start;flex-direction:column;padding:36px}.landing-footer{grid-template-columns:1fr auto}.landing-footer p{display:none}}@media (max-width: 620px){.landing-shell{width:min(100% - 28px,1220px)}.landing-nav{min-height:66px}.landing-brand{font-size:16px}.landing-brand-mark{width:38px;height:38px;flex-basis:38px;border-radius:8px}.landing-nav-actions{gap:10px}.landing-nav-cta{padding:8px 10px;font-size:10px}.landing-text-button{font-size:10px}.landing-hero{min-height:0;padding-block:54px 66px;gap:38px}.landing-hero h1{font-size:clamp(38px,12vw,52px)}.landing-hero-lead{font-size:13px}.landing-hero-actions{flex-direction:column}.landing-primary-cta,.landing-secondary-cta{width:100%}.landing-proof-row{gap:12px}.landing-window-body{grid-template-columns:1fr;padding:16px}.landing-flow-arrow{transform:rotate(90deg);justify-self:center}.landing-window-stage{padding:13px}.landing-real-media{height:280px}.landing-reference-placeholder{min-height:145px}.landing-window-stage .landing-direction-set.compact{grid-template-columns:repeat(4,1fr)}.landing-section{padding-block:66px}.landing-section-heading{margin-bottom:28px}.landing-card-visual{min-height:190px}.landing-showcase-card{padding:18px}.landing-showcase-card.wide>.landing-direction-set,.landing-direction-set{grid-template-columns:repeat(2,1fr)}.landing-frame-strip{min-height:180px}.landing-editor-bar{grid-template-columns:1fr auto}.landing-editor-file strong,.landing-editor-zoom{display:none}.landing-editor-tools{justify-self:end}.landing-editor-workspace{grid-template-columns:1fr;min-height:0}.landing-editor-filmstrip{grid-template-columns:repeat(4,1fr);padding:10px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.landing-editor-filmstrip>div{aspect-ratio:1.2}.landing-editor-canvas{min-height:350px}.landing-editor-sprite{width:min(78%,300px);height:310px}.landing-editor-inspector{grid-template-columns:1fr}.landing-editor-inspector-title{grid-column:auto}.landing-editor-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px;padding-block:10px}.landing-export-grid{grid-template-columns:1fr 1fr}.landing-export-grid article{min-height:120px;padding:15px}.landing-export-grid strong{font-size:22px}.landing-final-cta{width:min(100% - 28px,1220px);margin-bottom:36px;padding:27px}.landing-footer{min-height:78px}.landing-footer>span:last-child{font-size:8px}.landing-modal-backdrop{align-items:end;padding:12px}.auth-card.auth-card--modal{max-height:calc(100vh - 24px);overflow-y:auto;padding:25px 20px;border-radius:18px}.auth-intro h2{font-size:24px}}@keyframes landing-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes landing-nav-drop{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes landing-window-in{0%{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:none}}@keyframes landing-sheen{to{background-position:220% center}}@keyframes landing-arrow-pulse{0%,to{opacity:.4;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}@keyframes landing-status-pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes landing-faq-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.landing-page .reveal{opacity:0}.landing-page .reveal.reveal--in{animation:landing-rise .7s var(--ease) both;animation-delay:calc(var(--reveal-i, 0) * 80ms)}.landing-nav{animation:landing-nav-drop .6s var(--ease) both}.landing-hero-copy>*{animation:landing-rise .7s var(--ease) both}.landing-hero-copy>*:nth-child(1){animation-delay:.05s}.landing-hero-copy>*:nth-child(2){animation-delay:.15s}.landing-hero-copy>*:nth-child(3){animation-delay:.25s}.landing-hero-copy>*:nth-child(4){animation-delay:.35s}.landing-hero .landing-product-window{animation:landing-window-in .9s var(--ease) both;animation-delay:.2s}.landing-hero h1 em{background:linear-gradient(100deg,var(--accent) 0%,var(--accent) 38%,#e9d3a6 50%,var(--accent) 62%,var(--accent) 100%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:landing-sheen 6s linear infinite}.landing-flow-arrow{animation:landing-arrow-pulse 2.4s var(--ease) infinite}.landing-window-status i{animation:landing-status-pulse 1.8s ease-in-out infinite}.landing-nav-links a{position:relative}.landing-nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.landing-nav-links a:hover:after{transform:scaleX(1)}.landing-primary-cta span{display:inline-block;transition:transform .2s var(--ease)}.landing-primary-cta:hover span{transform:translate(4px)}.landing-showcase-card,.landing-export-grid article,.landing-direction-frame{transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}.landing-showcase-card:hover,.landing-export-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.landing-direction-frame:hover{transform:translateY(-4px)}.landing-faq-list details[open]>*:not(summary){animation:landing-faq-open .3s var(--ease) both}@media (prefers-reduced-motion: reduce){.landing-page .reveal.reveal--in{animation:landing-rise .7s var(--ease) both!important;animation-delay:calc(var(--reveal-i, 0) * 80ms)!important}.landing-nav{animation:landing-nav-drop .6s var(--ease) both!important}.landing-hero-copy>*{animation:landing-rise .7s var(--ease) both!important}.landing-hero-copy>*:nth-child(1){animation-delay:.05s!important}.landing-hero-copy>*:nth-child(2){animation-delay:.15s!important}.landing-hero-copy>*:nth-child(3){animation-delay:.25s!important}.landing-hero-copy>*:nth-child(4){animation-delay:.35s!important}.landing-hero .landing-product-window{animation:landing-window-in .9s var(--ease) both!important;animation-delay:.2s!important}.landing-hero h1 em{animation:landing-sheen 6s linear infinite!important}.landing-flow-arrow{animation:landing-arrow-pulse 2.4s var(--ease) infinite!important}.landing-window-status i{animation:landing-status-pulse 1.8s ease-in-out infinite!important}.landing-faq-list details[open]>*:not(summary){animation:landing-faq-open .3s var(--ease) both!important}.landing-nav-links a:after{transition:transform .25s var(--ease)!important}.landing-primary-cta span{transition:transform .2s var(--ease)!important}.landing-showcase-card,.landing-export-grid article,.landing-direction-frame{transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)!important}.landing-page .btn{transition:background .16s var(--ease),border-color .16s var(--ease),transform .14s var(--ease),box-shadow .16s var(--ease)!important}}