@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";:root{color:#f2efe7;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f2efe7;--muted:#979990;--dim:#666a63;--line:#2c302d;--panel:#171917;--panel-raised:#1c1f1c;--cream:#f5efe3;--orange:#f46532;--orange-deep:#cc4824;--green:#95b87d;background:#101110;font-family:Manrope,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:#101110;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,[role=button]:focus-visible{outline-offset:3px;outline:2px solid #f59467}.app-shell{width:min(1360px,100% - 64px);margin:0 auto;padding:24px 0 28px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:54px;display:flex}.brand{color:var(--ink);letter-spacing:.12em;align-items:center;gap:10px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.brand>span:last-child span{color:var(--orange);padding:0 2px}.brand-mark{width:25px;height:25px;color:var(--orange);border:1px solid #747b70;border-radius:50%;place-items:center;display:grid}.topbar-right{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:16px;font-family:DM Mono,monospace;font-size:10px;display:flex}.engine-status{align-items:center;gap:7px;display:inline-flex}.engine-status i{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #95b87d1f}.version{color:var(--dim)}.intro-row{justify-content:space-between;align-items:end;gap:40px;padding:76px 0 48px;display:flex}.eyebrow,.section-label{color:var(--orange);letter-spacing:.15em;text-transform:uppercase;margin:0;font-family:DM Mono,monospace;font-size:10px}h1{max-width:760px;color:var(--cream);letter-spacing:-.065em;margin:13px 0 0;font-size:clamp(35px,4.7vw,68px);font-weight:800;line-height:1.05}h1 em{color:#f5b597;font-style:normal}.intro-copy{color:#9d9f98;max-width:290px;margin:0 2px 7px 0;font-size:13px;line-height:1.8}.workspace{grid-template-columns:minmax(350px,405px) minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.control-panel,.preview-panel{border:1px solid var(--line);background:var(--panel)}.control-panel{padding:27px 25px 22px}.preview-panel{background:#151715;flex-direction:column;min-height:800px;padding:27px;display:flex}.panel-heading{justify-content:space-between;align-items:start;margin-bottom:24px;display:flex}.panel-heading.compact{margin-bottom:17px}.panel-heading h2,.preview-topline h2{color:var(--cream);letter-spacing:-.03em;margin:7px 0 0;font-size:18px}.text-button{color:#d1a58c;background:0 0;border:0;align-items:center;gap:6px;padding:7px 0;font-size:11px;display:inline-flex}.text-button:hover{color:#f6c9b2}.template-library{background:#191c19;border:1px solid #3d443c;padding:14px 13px 13px}.library-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.library-title{align-items:center;gap:9px;min-width:0;display:flex}.library-icon{color:#ed996f;background:#27201c;border:1px solid #654333;flex:0 0 27px;place-items:center;width:27px;height:27px;display:grid}.library-title strong,.library-title small{display:block}.library-title strong{color:#deded5;font-size:12px;font-weight:700}.library-title small{color:#777d73;margin-top:3px;font-family:DM Mono,monospace;font-size:9px}.library-upload{color:#c8c9c1;white-space:nowrap;background:#20241f;border:1px solid #535b50;align-items:center;gap:5px;padding:6px 8px;font-size:10px;display:inline-flex}.library-upload:hover:not(:disabled){color:#f6c1a7;border-color:#b46040}.library-upload:disabled{cursor:wait;opacity:.55}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.template-card{background:#111411;border:1px solid #353c34;min-width:0;transition:border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.template-card.is-selected{border-color:#e07b55;box-shadow:0 0 0 1px #e07b5547}.template-card-select{width:100%;color:inherit;text-align:left;cursor:pointer;background:#111411;border:0;padding:0;display:block;position:relative}.template-card-select img{aspect-ratio:4/5;object-fit:cover;opacity:.82;width:100%;transition:opacity .18s;display:block}.template-card-select:hover img{opacity:1}.template-card-check{color:#0000;background:#0a0c0ab8;border:1px solid #d5d8cf;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:5px;left:5px}.template-card.is-selected .template-card-check{color:#1b140f;background:#f58a5e;border-color:#f58a5e}.template-card-meta{min-width:0;padding:7px 6px}.template-card-meta strong,.template-card-meta small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.template-card-meta strong{color:#d9dbd2;font-size:10px;font-weight:600}.template-card-meta small{color:#6f766c;margin-top:3px;font-family:DM Mono,monospace;font-size:8px}.template-card-delete{color:#d7d8d0;background:#080a08b8;border:0;place-items:center;width:19px;height:19px;display:grid;position:absolute;top:5px;right:5px}.template-card-delete:hover{color:#ffaf92}.template-library-empty{color:#878e83;background:#151815;border:1px dashed #454c43;justify-content:center;align-items:center;gap:7px;width:100%;min-height:54px;margin-top:11px;padding:9px;font-size:10px;display:flex}.template-library-empty:hover{color:#e3a083;border-color:#a75b3e}.library-divider{background:var(--line);height:1px;margin:21px 0 24px}.asset-block+.asset-block{margin-top:19px}.template-only-note{background:#1b1e1b;border:1px solid #454a44;align-items:center;gap:11px;min-height:96px;padding:16px;display:flex}.template-only-icon{color:#f2a47f;background:#26201c;border:1px solid #674234;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.template-only-note strong,.template-only-note small{display:block}.template-only-note strong{color:#d2d4cc;font-size:12px;font-weight:600}.template-only-note small{color:#777c74;margin-top:5px;font-size:10px}.asset-heading{align-items:start;gap:11px;margin-bottom:9px;display:flex}.asset-heading strong{color:#e7e5dc;font-size:13px;font-weight:700;display:block}.asset-heading span:not(.step-number){color:var(--dim);margin-top:3px;font-size:11px;display:block}.step-number{color:#a8ada1;border:1px solid #474c46;flex:0 0 22px;place-items:center;height:22px;font-family:DM Mono,monospace;font-size:9px;display:grid}.drop-zone{background:#1b1e1b;border:1px dashed #454a44;min-height:96px;transition:border-color .18s,background .18s;position:relative;overflow:hidden}.drop-zone:hover,.drop-zone.is-dragging{background:#20221f;border-color:#d76f4b}.drop-prompt{align-items:center;gap:12px;min-height:96px;padding:16px;display:flex}.upload-mark{color:#e7835e;background:#26201c;border:1px solid #674234;place-items:center;width:34px;height:34px;display:grid}.drop-prompt strong{color:#d2d4cc;font-size:12px;font-weight:600;display:block}.drop-prompt span:not(.upload-mark){color:#777c74;margin-top:5px;font-family:DM Mono,monospace;font-size:9px;display:block}.drop-actions{gap:7px;margin-top:11px;display:flex}.drop-choice{color:#c5c8be;background:#20231f;border:1px solid #4a5047;padding:5px 8px;font-size:10px}.drop-choice:hover{color:#f4b79d;border-color:#d76f4b}.drop-zone.has-assets{border-style:solid;border-color:#3b423b;height:128px;min-height:128px}.asset-grid{background:#0f110f;grid-template-columns:repeat(6,1fr);gap:2px;display:grid;position:absolute;inset:0}.asset-grid.single{display:block}.asset-grid img{object-fit:cover;opacity:.72;width:100%;min-width:0;height:100%;display:block}.drop-zone.has-assets:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0c0e0ccc,#0c0e0c1a 80%);position:absolute;inset:0}.asset-overflow{color:#f5d8c5;background:#0e100ebf;place-items:center;width:34px;height:30px;font-family:DM Mono,monospace;font-size:11px;display:grid;position:absolute;top:12px;right:12px}.asset-meta{z-index:1;max-width:80%;position:absolute;bottom:11px;left:13px}.asset-status{color:#cae8b8;letter-spacing:.04em;align-items:center;gap:4px;font-family:DM Mono,monospace;font-size:9px;display:inline-flex}.asset-name{color:#e9e7de;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;display:block;overflow:hidden}.icon-button{background:0 0;border:0;place-items:center;display:grid}.asset-remove{z-index:2;color:#e7e4da;background:#0a0c0ab8;width:25px;height:25px;position:absolute;top:9px;right:9px}.asset-remove:hover{color:#ffb096}.settings-divider{background:var(--line);height:1px;margin:26px 0 25px}.mode-list{gap:6px;display:grid}.mode-option{color:#aeb1aa;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:11px;width:100%;padding:10px 11px;display:flex}.mode-option:hover{color:#e5e4dc;background:#1d201d}.mode-option.is-selected{color:#f0e9dd;background:#251e1a;border-color:#674737}.radio-dot{border:1px solid #6c7367;border-radius:50%;flex:0 0 12px;width:12px;height:12px}.mode-option.is-selected .radio-dot{border:3px solid var(--orange);box-shadow:0 0 0 2px #4d2a1e}.mode-option strong,.mode-option small{display:block}.mode-option strong{font-size:12px;font-weight:600}.mode-option small{color:#737970;margin-top:2px;font-size:10px}.mode-option.is-selected small{color:#b9937e}.settings-row{color:#989d94;justify-content:space-between;align-items:center;margin-top:20px;font-size:11px;display:flex}select{color:#d8d6ce;background:#1c1f1c;border:1px solid #3c413b;min-width:175px;padding:9px 10px;font-size:11px}select option{background:#1c1f1c}.switch-row{cursor:pointer;border-top:1px solid #292d29;justify-content:space-between;align-items:center;gap:14px;margin-top:17px;padding-top:17px;display:flex}.switch-row strong,.switch-row small{display:block}.switch-row strong{color:#b9bcb4;font-size:11px;font-weight:600}.switch-row small{color:#70766e;margin-top:4px;font-size:10px}.switch-row input{opacity:0;pointer-events:none;position:absolute}.switch-ui{background:#383d37;border-radius:20px;flex:0 0 34px;width:34px;height:19px;transition:background .2s;display:block;position:relative}.switch-ui i{background:#a1a69c;border-radius:50%;width:13px;height:13px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.switch-row input:checked+.switch-ui{background:#814329}.switch-row input:checked+.switch-ui i{background:#f68a5c;transform:translate(15px)}.error-message{color:#ffc0ac;background:#2b1d19;border:1px solid #743f2f;margin-top:16px;padding:10px 12px;font-size:11px;line-height:1.5}.compose-button{border:1px solid var(--orange);color:#17110d;background:var(--orange);justify-content:center;align-items:center;gap:10px;width:100%;margin-top:23px;padding:14px 16px;font-size:12px;font-weight:800;transition:background .18s,transform .18s;display:flex}.compose-button:hover:not(:disabled){background:#ff865a;transform:translateY(-1px)}.compose-button:disabled{cursor:not-allowed;color:#676d65;background:#282c27;border-color:#383d37}.button-loader{border:2px solid #0f100e4d;border-top-color:#15120f;border-radius:50%;width:13px;height:13px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.privacy-note{color:#656b62;align-items:center;gap:6px;margin:13px 0 0;font-family:DM Mono,monospace;font-size:9px;display:flex}.lock-dot{background:#839d6f;border-radius:50%;width:5px;height:5px}.preview-topline{justify-content:space-between;align-items:start;display:flex}.result-badge{color:#b8d5a1;letter-spacing:.08em;align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:9px;display:inline-flex}.preview-stage{background:#101210;border:1px solid #292d29;flex:1;place-items:center;min-height:625px;margin:26px 0 20px;display:grid}.empty-preview{color:#6d736b;flex-direction:column;align-items:center;display:flex}.empty-frame{color:#6c7369;background:#181b18;border:1px solid #454b43;place-items:center;width:150px;height:252px;margin-bottom:20px;display:grid;position:relative}.empty-corner{border-color:#d66e4a;width:11px;height:11px;position:absolute}.corner-tl{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.corner-tr{border-top:2px solid;border-right:2px solid;top:-1px;right:-1px}.corner-bl{border-bottom:2px solid;border-left:2px solid;bottom:-1px;left:-1px}.corner-br{border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.empty-preview strong{color:#b7b9b0;font-size:13px;font-weight:600}.empty-preview>span{color:#646a62;margin-top:6px;font-size:11px}.batch-result{text-align:center;flex-direction:column;align-items:center;max-width:290px;display:flex}.archive-icon{color:#f38a60;background:#261d19;border:1px solid #74412f;place-items:center;width:76px;height:76px;margin-bottom:19px;display:grid}.batch-result strong{color:#e9e5dc;letter-spacing:-.03em;font-size:16px}.batch-result>span{color:#777d74;margin-top:9px;font-size:11px;line-height:1.7}.batch-download{margin-top:22px}.batch-preview{align-self:stretch;width:100%;padding:16px}.batch-toolbar{border-bottom:1px solid #292d29;justify-content:space-between;align-items:center;gap:14px;padding:0 0 14px;display:flex}.batch-summary{align-items:baseline;gap:10px;min-width:0;display:flex}.batch-summary strong{color:#e9e5dc;letter-spacing:-.02em;font-size:13px}.batch-summary span{color:#777d74;font-family:DM Mono,monospace;font-size:9px}.batch-toolbar-actions{gap:7px;display:flex}.toolbar-button{color:#b8bcb2;background:#1a1d1a;border:1px solid #41473f;padding:7px 9px;font-size:10px}.toolbar-button:hover:not(:disabled){color:#f4c0a8;border-color:#d36c49}.toolbar-button:disabled{cursor:default;opacity:.4}.batch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:535px;padding:15px 4px 3px 0;display:grid;overflow-y:auto}.batch-card{background:#151815;border:1px solid #30352f;min-width:0;transition:border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.batch-card.is-selected{border-color:#d76f4b;box-shadow:0 0 0 1px #d76f4b52}.batch-check{z-index:2;cursor:pointer;position:absolute;top:8px;right:8px}.batch-check input{opacity:0;pointer-events:none;position:absolute}.batch-check span{color:#0000;background:#0b0d0bc7;border:1px solid #d6d9cf;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.batch-check input:checked+span{color:#1b140f;background:#f58a5e;border-color:#f58a5e}.batch-check input:focus-visible+span{outline-offset:2px;outline:2px solid #f5b597}.batch-card-meta{color:#858b81;grid-template-columns:22px minmax(0,1fr) 23px;align-items:center;gap:5px;min-width:0;padding:9px 8px;font-family:DM Mono,monospace;font-size:9px;display:grid}.batch-card-meta>span:first-child{color:#d1a58c}.batch-card-meta>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.batch-card-meta a{color:#adb3a7;border:1px solid #3a4039;place-items:center;width:23px;height:23px;display:grid}.batch-card-meta a:hover{color:#f6b494;border-color:#b15c3d}.batch-download-actions{gap:8px;display:flex}.download-button-secondary{color:#b8bcb2;border-color:#41473f}.download-button.is-disabled{cursor:not-allowed;opacity:.42}.result-preview-button{width:100%;height:100%;min-height:0;color:inherit;cursor:zoom-in;background:0 0;border:0;place-items:center;padding:18px;display:grid;position:relative}.result-preview-button:focus-visible{outline-offset:-4px}.result-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 21px 54px #00000057}.preview-zoom-hint{color:#f0e8dc;opacity:0;pointer-events:none;background:#0e100ec7;border:1px solid #f5efe359;align-items:center;gap:6px;padding:7px 9px;font-size:10px;transition:opacity .18s,transform .18s;display:inline-flex;position:absolute;bottom:27px;right:27px;transform:translateY(4px)}.result-preview-button:hover .preview-zoom-hint{opacity:1;transform:translateY(0)}.batch-image-button{width:100%;color:inherit;cursor:zoom-in;background:#0f110f;border:0;padding:0;display:block;position:relative}.batch-image-button img{object-fit:contain;background:#0f110f;width:100%;display:block}.batch-grid.is-portrait .batch-image-button img{aspect-ratio:9/16}.batch-grid.is-landscape .batch-image-button img{aspect-ratio:16/9}.batch-image-button .preview-zoom-hint{justify-content:center;width:27px;height:27px;padding:0;bottom:8px;right:8px}.batch-image-button:hover .preview-zoom-hint{opacity:1;transform:translateY(0)}.lightbox{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070907e0;place-items:center;padding:24px;animation:.18s ease-out lightbox-in;display:grid;position:fixed;inset:0}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.lightbox-panel{background:#151715;border:1px solid #3a4039;flex-direction:column;width:min(1180px,100%);height:min(900px,100vh - 48px);max-height:calc(100vh - 48px);display:flex;box-shadow:0 25px 90px #0000008c}.lightbox-bar{border-bottom:1px solid #2c302d;justify-content:space-between;align-items:center;gap:20px;min-height:60px;padding:12px 16px 12px 19px;display:flex}.lightbox-bar strong{color:#d9d8d0;text-overflow:ellipsis;white-space:nowrap;max-width:min(70vw,620px);margin-top:5px;font-size:11px;font-weight:500;display:block;overflow:hidden}.lightbox-close{color:#c9cbc3;background:0 0;border:1px solid #4b5148;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.lightbox-close:hover{color:#ffb291;border-color:#c96746}.lightbox-stage{background:#0d0f0d;flex:1;place-items:center;min-height:0;padding:22px;display:grid;overflow:hidden}.lightbox-stage img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 132px);display:block;box-shadow:0 18px 55px #0006}.result-actions{justify-content:space-between;align-items:center;padding-top:3px;display:flex}.result-download-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.result-caption{color:#737970;letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:9px;display:block}.result-actions strong{color:#c3c5bc;margin-top:5px;font-size:11px;font-weight:500;display:block}.size-limit{color:#b8d5a1;letter-spacing:.04em;font-family:DM Mono,monospace;font-size:9px}.download-button{color:#e9e5dc;background:0 0;border:1px solid #5a5f56;align-items:center;gap:8px;padding:10px 13px;font-size:11px;text-decoration:none;display:inline-flex}.download-button:hover{color:#f7bd9f;border-color:#e27b55}.download-button:disabled{cursor:wait;opacity:.56}.save-template-button{cursor:pointer}.preview-footnote{color:#737971;font-size:10px;line-height:1.6}.preview-footnote span{color:var(--orange);letter-spacing:.1em;margin-right:9px;font-family:DM Mono,monospace;font-size:9px}.footer{color:#565c55;letter-spacing:.04em;justify-content:space-between;gap:20px;padding-top:22px;font-family:DM Mono,monospace;font-size:9px;display:flex}.footer span:first-child{color:#777d72}@media (width<=900px){.app-shell{width:min(100% - 32px,680px);padding-top:16px}.intro-row{padding:54px 0 34px;display:block}.intro-copy{max-width:410px;margin-top:22px}.workspace{grid-template-columns:1fr}.preview-panel{min-height:680px}.preview-stage{min-height:500px}.result-preview-button{padding:13px}.result-image{max-height:100%}}@media (width<=520px){.app-shell{width:calc(100% - 24px)}.topbar-right .version{display:none}h1{font-size:39px}.control-panel,.preview-panel{padding:20px 16px}.preview-panel{min-height:570px}.preview-stage{min-height:395px;margin-top:20px}.batch-preview{padding:11px}.batch-toolbar{flex-direction:column;align-items:flex-start}.batch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:480px}.batch-download-actions{flex-wrap:wrap;justify-content:flex-end}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-actions{flex-direction:column;align-items:flex-start;gap:13px}.result-download-actions{justify-content:flex-start}.result-preview-button{padding:10px}.preview-zoom-hint{bottom:17px;right:17px}.lightbox{padding:10px}.lightbox-panel{height:min(860px,100vh - 20px);max-height:calc(100vh - 20px)}.lightbox-bar{min-height:54px;padding-left:13px}.lightbox-stage{padding:10px}.footer{line-height:1.8;display:block}.footer span{display:block}.footer span+span{margin-top:5px}}