:root{--text:#fff;--muted:#ffffff8c;--bg:#0a0a0a;--surface:#111;--surface-raised:#1a1a1a;--border:#ffffff24;--border-strong:#ffffff4d;--accent:#dc2626;--accent-bright:#ef4444;--accent-subtle:#dc26262e;--scrollbar-track:#111;--scrollbar-thumb:#2a2a2a;--scrollbar-thumb-hover:#dc2626;--scrollbar-thumb-active:#ef4444;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}body{background:var(--bg);color:var(--text);margin:0}#root{min-height:100svh}::selection{background:var(--accent-subtle);color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.dashboard{background:var(--bg);flex-direction:column;min-height:100svh;display:flex}.dashboard-header{border-bottom:1px solid var(--border-strong);background:var(--surface);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.dashboard-header .brand{align-items:center;min-width:0;display:flex}.brand-name{letter-spacing:-.03em;color:var(--text);font-size:1.2rem;font-weight:700}.brand-link{text-decoration:none}.brand-link:hover{opacity:.9}.local-save-hint{letter-spacing:.02em;color:var(--muted);border:1px solid var(--border);vertical-align:middle;cursor:help;border-radius:999px;margin-left:.65rem;padding:.2rem .5rem;font-size:.68rem;font-weight:500;display:inline-block}@media (width<=640px){.local-save-hint{display:none}}.brand-name span{color:var(--accent-bright)}.header-actions{align-items:center;gap:.5rem;display:flex}.google-signin-btn{align-items:center;display:flex}.ai-auth-hint{color:#fbbf24}.dashboard-body{flex:1;grid-template-columns:260px 1fr minmax(300px,360px);min-height:0;display:grid}@media (width<=1100px){.dashboard-body{grid-template-columns:220px 1fr 300px}}@media (width<=900px){.dashboard-body{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.dashboard-ai{border-bottom:1px solid var(--border);border-right:none!important}.dashboard-format{border-top:1px solid var(--border);max-height:50vh;border-left:none!important}}.dashboard-ai{border-right:1px solid var(--border);background:var(--surface);padding:1rem;overflow-y:auto}.dashboard-main{min-height:0;padding:1rem 1.25rem;overflow:auto}.dashboard-format{border-left:1px solid var(--border);background:var(--surface);max-height:calc(100svh - 49px);overflow-y:auto}.ai-sidebar{flex-direction:column;gap:0;min-height:100%;display:flex}.ai-sidebar-heading{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.85rem;font-weight:700}.ai-sidebar-lead{color:var(--muted);margin:0 0 1rem;font-size:.75rem}.ai-sidebar-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.ai-sidebar-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:.2rem .45rem;font-size:.6rem;font-weight:700}.ai-quality-field{margin-top:.85rem}.ai-sidebar-hint{color:var(--muted);margin:0 0 .65rem;font-size:.68rem;line-height:1.4}.ai-sidebar-hint strong{color:var(--text)}.prompt-mentions-wrap{position:relative}.mention-menu{z-index:20;border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;max-height:180px;position:absolute;bottom:calc(100% + .35rem);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000073}.mention-menu-item{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:.55rem;padding:.45rem .55rem;display:flex}.mention-menu-item:last-child{border-bottom:none}.mention-menu-item:hover,.mention-menu-item.active{background:var(--accent-subtle)}.mention-menu-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:32px;height:32px}.mention-menu-copy{flex-direction:column;gap:.05rem;min-width:0;display:flex}.mention-menu-copy strong{color:var(--accent-bright);font-size:.74rem}.mention-menu-copy span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.asset-strip-panel{margin-top:auto;padding-top:1rem}.asset-strip-header{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.asset-strip-count{color:var(--muted);font-size:.68rem}.asset-strip{gap:.45rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.asset-strip-item{flex-shrink:0;width:64px;position:relative}.asset-strip-thumb{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:64px;height:64px;display:block}.asset-strip-tag{color:var(--accent-bright);text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:.62rem;font-weight:600;display:block;overflow:hidden}.asset-strip-remove{color:#fff;cursor:pointer;opacity:0;background:#000000b8;border:none;border-radius:999px;width:1.25rem;height:1.25rem;font-size:.85rem;line-height:1;transition:opacity .15s;position:absolute;top:4px;right:4px}.asset-strip-item:hover .asset-strip-remove,.asset-strip-remove:focus-visible{opacity:1}.ai-prompt-card{border:1px solid var(--border-strong);background:var(--bg);border-radius:10px;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem;display:flex}.ai-prompt-input{min-height:110px}.custom-size-editor{flex-direction:column;gap:.6rem;margin-bottom:.5rem;display:flex}.btn-secondary--full{width:100%}.btn-primary--full{width:100%;margin-top:.5rem}.main-canvas{flex-direction:column;height:100%;min-height:400px;display:flex}.main-canvas--empty{justify-content:center;align-items:center}.main-canvas-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.main-canvas-title{align-items:center;gap:.6rem;display:flex}.main-canvas-title h2{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0;font-size:.8rem;font-weight:700}.main-canvas-dims{color:var(--muted);font-size:.75rem}.status-badge{text-transform:uppercase;background:var(--accent-subtle);color:var(--accent-bright);border:1px solid #dc262659;border-radius:4px;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.base-badge{text-transform:uppercase;border:1px solid var(--border);color:var(--muted);background:#ffffff05;border-radius:4px;padding:.15rem .45rem;font-size:.65rem;font-weight:600}.main-canvas-actions{gap:.5rem;display:flex}.main-canvas-stage{background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:420px;display:flex;position:relative;overflow:hidden}.main-canvas-img{object-fit:contain;max-width:100%;max-height:calc(100svh - 180px)}.main-canvas-placeholder,.main-canvas-loading{color:var(--muted);font-size:.9rem}.main-canvas-loading{z-index:2;color:var(--text);background:#0a0a0ad1;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;display:flex;position:absolute;inset:0}.main-canvas-loading:before{content:"";border:2px solid var(--border-strong);border-top-color:var(--accent-bright);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.original-thumb{border:2px solid var(--border);background:var(--surface);cursor:pointer;z-index:3;border-radius:8px;width:72px;padding:0;transition:border-color .15s,transform .15s;position:absolute;bottom:12px;left:12px;overflow:hidden;box-shadow:0 4px 12px #0000001f}.original-thumb:hover{border-color:var(--accent);transform:scale(1.04)}.original-thumb img{object-fit:cover;width:100%;height:56px;display:block}.original-thumb-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);text-align:left;padding:.2rem .3rem 0;font-size:.55rem;font-weight:700;display:block}.original-thumb-dims{color:var(--muted);text-align:left;padding:0 .3rem .25rem;font-size:.5rem;display:block}.photos-modal-backdrop{z-index:200;background:#000000d1;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.photos-modal{border:1px solid var(--border-strong);background:var(--surface);border-radius:14px;flex-direction:column;width:min(920px,100%);max-height:calc(100svh - 3rem);display:flex;overflow:hidden}.photos-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.photos-modal-title{margin:0;font-size:1rem;font-weight:700}.photos-modal-subtitle{color:var(--muted);margin:.25rem 0 0;font-size:.75rem}.photos-modal-close{border:1px solid var(--border);width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;font-size:1.4rem;line-height:1}.photos-modal-close:hover{border-color:var(--accent);color:var(--accent-bright)}.photos-modal-stage{background:var(--bg);flex:1;justify-content:center;align-items:center;min-height:280px;padding:1rem 3rem;display:flex;position:relative}.photos-modal-preview{flex-direction:column;align-items:center;gap:.75rem;max-width:100%;display:flex}.photos-modal-preview img{object-fit:contain;border:1px solid var(--border);border-radius:8px;max-width:100%;max-height:calc(100svh - 280px)}.photos-modal-meta{align-items:center;gap:.75rem;font-size:.8rem;display:flex}.photos-modal-meta strong{font-weight:600}.photos-modal-meta span{color:var(--muted)}.photos-modal-nav{border:1px solid var(--border-strong);background:var(--surface);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:999px;font-size:1.5rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.photos-modal-nav:hover{border-color:var(--accent);color:var(--accent-bright)}.photos-modal-nav--prev{left:.75rem}.photos-modal-nav--next{right:.75rem}.photos-modal-filmstrip{border-top:1px solid var(--border);gap:.5rem;padding:.75rem 1rem;display:flex;overflow-x:auto}.photos-modal-thumb{border:1px solid var(--border);background:var(--surface-raised);cursor:pointer;text-align:left;width:88px;color:var(--text);border-radius:8px;flex-shrink:0;padding:.35rem}.photos-modal-thumb.active{border-color:var(--accent-bright);background:var(--accent-subtle)}.photos-modal-thumb img{object-fit:cover;border-radius:4px;width:100%;height:52px;display:block}.photos-modal-thumb span{white-space:nowrap;text-overflow:ellipsis;margin-top:.25rem;font-size:.6rem;font-weight:600;display:block;overflow:hidden}.format-nav{padding:1rem}.format-nav--empty{color:var(--muted);font-size:.85rem}.format-nav-heading{text-transform:uppercase;letter-spacing:.04em;margin:0 0 .25rem;font-size:.85rem;font-weight:700}.format-nav-lead{color:var(--muted);margin:0 0 1rem;font-size:.75rem}.format-scene-notice{color:#bfdbfe;background:#1e3a8a33;border:1px solid #3b82f659;border-radius:8px;margin:0 0 .85rem;padding:.55rem .7rem;font-size:.72rem;line-height:1.4}.format-category-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.format-category-card{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;text-align:left;color:#fff;border-radius:12px;padding:0;position:relative;overflow:hidden}.format-category-card.active{border-color:var(--accent-bright);box-shadow:0 0 0 1px var(--accent)}.format-category-fade{pointer-events:none;background:linear-gradient(#0000 0%,#0000001a 45%,#000000bf 100%);position:absolute;inset:0}.format-category-label{z-index:1;flex-direction:column;gap:.1rem;padding:.6rem;display:flex;position:absolute;bottom:0;left:0;right:0}.format-category-label strong{font-size:.75rem;line-height:1.2}.format-category-label span{opacity:.85;font-size:.6rem}.cat-illus{opacity:.5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cat-illus-frame{border:2px dashed #fff9;border-radius:6px;width:40%;height:55%}.cat-illus-phone{background:#ffffff59;border:2px solid #ffffff80;border-radius:8px;width:28%;height:58%}.cat-illus-phone--back{opacity:.5;position:absolute;transform:translate(18px)scale(.9)}.cat-illus-browser{background:#ffffff40;border:2px solid #fff6;border-radius:6px;width:65%;height:45%;overflow:hidden}.cat-illus-browser-bar{background:#ffffff4d;height:18%}.cat-illus-browser-content{background:#ffffff26;height:82%}.cat-illus-arrows{opacity:.6;font-size:1.5rem}.format-detail{padding:1rem}.format-back{font:inherit;color:var(--accent-bright);cursor:pointer;background:0 0;border:none;margin-bottom:.75rem;padding:0;font-size:.8rem;font-weight:600}.format-back:hover{color:var(--text)}.format-detail-title{margin:0 0 1rem;font-size:1rem;font-weight:700}.format-section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:.75rem 0 .4rem;font-size:.65rem;font-weight:700}.example-card-list{flex-direction:column;gap:.5rem;display:flex}.example-card{border:1px solid var(--border);background:var(--surface-raised);cursor:pointer;text-align:left;width:100%;color:var(--text);border-radius:10px;gap:.6rem;padding:.5rem;display:flex}.example-card:hover{border-color:var(--border-strong)}.example-card.active{border-color:var(--accent-bright);background:var(--accent-subtle)}.example-card-visual{background:var(--bg);border:1px solid var(--border);border-radius:6px;flex-shrink:0;width:72px;height:52px;position:relative;overflow:hidden}.example-card-body{flex:1;min-width:0}.example-card-label{font-size:.75rem;font-weight:600;display:block}.example-card-dims{color:var(--muted);font-size:.65rem;display:block}.example-card-desc{color:var(--muted);margin:.25rem 0 0;font-size:.65rem;line-height:1.35}.example-visual{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.ev-phone{background:#1e293b;border:1px solid #475569;border-radius:4px;width:36%;height:78%}.ev-glow{background:radial-gradient(circle at 50% 80%,#dc262673,#0000 60%);position:absolute;inset:0}.ev-tablet{background:#1e293b;border:1px solid #475569;border-radius:4px;width:55%;height:72%}.ev-feature{background:linear-gradient(90deg,#7f1d1d,#dc2626);border-radius:4px;align-items:flex-end;width:90%;height:50%;padding:4px;display:flex}.ev-feature-bar{background:#ffffff4d;border-radius:2px;width:40%;height:60%}.ev-hero{background:linear-gradient(135deg,#1a1a1a,#991b1b);border-radius:4px;justify-content:center;align-items:center;width:88%;height:70%;display:flex}.ev-hero--wide{width:95%;height:55%}.ev-hero-shot{background:#ffffffd9;border-radius:3px;width:50%;height:65%;box-shadow:0 4px 8px #0003}.ev-social{background:#fff;border-radius:3px;flex-direction:column;gap:2px;width:85%;height:75%;padding:3px;display:flex}.ev-social-img{background:linear-gradient(135deg,#450a0a,#dc2626);border-radius:2px;flex:1}.ev-social-lines{background:#e2e8f0;border-radius:1px;height:6px}.ev-banner{background:linear-gradient(90deg,#7f1d1d,#ef4444);border-radius:3px;width:92%;height:45%}.ev-desktop{background:#fff;border:1px solid #cbd5e1;border-radius:3px;width:80%;height:72%;overflow:hidden}.ev-desktop-bar{background:#ececef;height:22%}.ev-desktop-body{background:#f8fafc;height:78%}.ev-product{justify-content:center;align-items:flex-end;width:75%;height:68%;display:flex}.ev-product-window{background:#fff;border:1px solid #e2e8f0;border-radius:3px;width:100%;height:85%;box-shadow:0 6px 12px #00000040}.panel-section{border-top:1px solid var(--border);margin-top:1rem;padding-top:.5rem}.panel-section-header{cursor:pointer;flex-direction:column;gap:.1rem;padding:.5rem 0;list-style:none;display:flex}.panel-section-header::-webkit-details-marker{display:none}.panel-section-title{text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.panel-section-desc{color:var(--muted);font-size:.7rem}.panel-section-body{flex-direction:column;gap:.65rem;padding-bottom:.5rem;display:flex}.field-group{flex-direction:column;gap:.4rem;display:flex}.field-label{color:var(--muted);font-size:.7rem;font-weight:600}.field-select,.field-textarea{border:1px solid var(--border);width:100%;font:inherit;background:var(--bg);color:var(--text);box-sizing:border-box;border-radius:8px;padding:.5rem .65rem;font-size:.8rem}.field-textarea{resize:vertical}.option-cards{flex-direction:column;gap:.35rem;display:flex}.option-card{border:1px solid var(--border);background:var(--bg);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;gap:.05rem;padding:.5rem;display:flex}.option-card strong{font-size:.75rem}.option-card span{color:var(--muted);font-size:.65rem}.option-card.active{border-color:var(--accent);background:var(--accent-subtle)}.swatch-grid{grid-template-columns:repeat(5,1fr);gap:.3rem;display:grid}.swatch{border:2px solid var(--border);cursor:pointer;border-radius:5px;height:32px;padding:0;position:relative;overflow:hidden}.swatch span{color:#fff;text-align:center;background:#00000073;padding:.1rem;font-size:.45rem;font-weight:600;position:absolute;inset:auto 0 0}.swatch.active{border-color:var(--accent)}.swatch-none{background:repeating-conic-gradient(#e2e8f0 0% 25%,#fff 0% 50%) 50%/8px 8px}.swatch-white{background:#fff}.swatch-black{background:#0a0a0a}.swatch-light-gray{background:#f1f5f9}.swatch-gradient-indigo{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.swatch-gradient-purple{background:linear-gradient(135deg,#7c3aed,#db2777)}.swatch-gradient-blue{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.swatch-gradient-sunset{background:linear-gradient(135deg,#f97316,#ec4899)}.swatch-gradient-mint{background:linear-gradient(135deg,#10b981,#06b6d4)}.swatch-gradient-dark{background:linear-gradient(135deg,#0f172a,#1e293b)}.shadow-option-list{flex-direction:column;gap:.4rem;display:flex}.shadow-option-card{border:1px solid var(--border);background:var(--surface-raised);cursor:pointer;text-align:left;width:100%;color:var(--text);border-radius:10px;align-items:center;gap:.65rem;padding:.45rem;display:flex}.shadow-option-card:hover{border-color:var(--border-strong)}.shadow-option-card.active{border-color:var(--accent-bright);background:var(--accent-subtle)}.shadow-preview{background:linear-gradient(135deg,#c4b5fd 0%,#f0abfc 100%);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:40px;display:flex;overflow:visible}.shadow-preview-card{background:#fff;border-radius:4px;width:34px;height:22px}.shadow-preview--none .shadow-preview-card{box-shadow:none}.shadow-preview--typical .shadow-preview-card{box-shadow:0 5px 8px #00000059}.shadow-preview--optimized .shadow-preview-card{box-shadow:0 1px 2px #12101c1f,0 2px 4px #12101c1c,0 4px 8px #12101c1a,0 8px 16px #12101c17,0 16px 32px #12101c12}.shadow-option-body{flex-direction:column;gap:.1rem;min-width:0;display:flex}.shadow-option-body strong{font-size:.75rem}.shadow-option-body span{color:var(--muted);font-size:.65rem}.montage-options{flex-direction:column;gap:.4rem;display:flex}.montage-option-card{border:1px solid var(--border);background:var(--surface-raised);cursor:pointer;text-align:left;width:100%;color:var(--text);border-radius:10px;align-items:center;gap:.65rem;padding:.45rem;display:flex}.montage-option-card:hover{border-color:var(--border-strong)}.montage-option-card.active{border-color:var(--accent-bright);background:var(--accent-subtle)}.montage-preview{background:linear-gradient(135deg,#4c1d95 0%,#7c3aed 100%);border-radius:6px;flex-shrink:0;width:56px;height:40px;position:relative;overflow:hidden}.montage-preview:after{content:"";transform-origin:50%;background:#fff;border-radius:3px;width:14px;height:24px;margin-left:-7px;position:absolute;left:50%;box-shadow:0 2px 6px #00000059}.montage-preview--center:after{top:8px;transform:none}.montage-preview--hero-lift:after{top:4px;transform:none}.montage-preview--tilt-left:after{top:7px;transform:rotate(-12deg)}.montage-preview--tilt-right:after{top:7px;transform:rotate(12deg)}.montage-preview--device-peek:after{height:28px;top:18px;transform:none}.montage-preview--device-showcase:after{height:30px;top:16px;transform:rotate(-8deg)}.montage-option-copy{flex-direction:column;gap:.1rem;min-width:0;display:flex}.montage-option-copy strong{font-size:.75rem}.montage-option-copy span{color:var(--muted);font-size:.65rem}.toggle-grid{grid-template-columns:1fr 1fr;gap:.3rem;display:grid}.toggle-row{cursor:pointer;align-items:flex-start;gap:.4rem;font-size:.75rem;display:flex}.chip-row{flex-wrap:wrap;gap:.3rem;display:flex}.chip{border:1px solid var(--border);background:var(--bg);color:var(--muted);cursor:pointer;border-radius:999px;padding:.25rem .5rem;font-size:.65rem}.chip.active,.chip:hover{border-color:var(--accent);color:var(--accent-bright)}.rotation-slider{width:100%;accent-color:var(--accent-bright);margin-top:.35rem}.dim-row{gap:.5rem;display:flex}.dim-row label{color:var(--muted);flex-direction:column;gap:.2rem;font-size:.65rem;font-weight:600;display:flex}.field-select:focus,.field-textarea:focus,.dim-row input:focus{border-color:var(--accent);outline:none}.dim-row input{border:1px solid var(--border);width:80px;font:inherit;background:var(--bg);color:var(--text);border-radius:6px;padding:.35rem .5rem}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent-bright);font:inherit;cursor:pointer;border-radius:8px;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--accent-bright)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{color:var(--text);border:1px solid var(--border-strong);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:border-color .15s,color .15s}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent-bright)}.btn-secondary--compact{padding:.28rem .55rem;font-size:.72rem}.btn-ghost{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.4rem .75rem;font-size:.8rem}.btn-ghost:hover{color:var(--accent)}.uploader{border:2px dashed var(--border);text-align:center;cursor:pointer;background:var(--surface);border-radius:12px;max-width:420px;padding:3rem 2rem}.uploader:hover{border-color:var(--accent)}.uploader-icon{color:var(--accent);margin-bottom:.5rem;font-size:2rem}.uploader-title{margin:0 0 .25rem;font-weight:600}.uploader-hint{color:var(--muted);margin:0;font-size:.8rem}.uploader-hint--local{color:#fff6;margin-top:.65rem;font-size:.75rem}.error-toast{border:1px solid var(--accent);color:#fecaca;z-index:100;background:#1a0a0a;border-radius:10px;padding:.75rem 1.25rem;font-size:.85rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.notice-toast{color:#bbf7d0;z-index:100;background:#0a1210;border:1px solid #22c55e73;border-radius:10px;max-width:min(520px,100vw - 2rem);padding:.75rem 1.25rem;font-size:.85rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.ai-intent-hint{color:var(--muted);margin:.45rem 0 0;font-size:.72rem;line-height:1.4}.ai-intent-hint--layout{color:#86efac}.format-stack{flex-direction:column;gap:0;min-height:0;display:flex}.layer-panel{border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.75rem}.layer-panel-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.layer-panel-heading{margin:0;font-size:.85rem;font-weight:600}.layer-panel-count{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.1rem .45rem;font-size:.72rem}.layer-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.layer-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:stretch;gap:.25rem;display:flex}.layer-row.active{border-color:var(--accent);box-shadow:0 0 0 1px #dc262640}.layer-row--hidden{opacity:.55}.layer-row--canvas{text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.55rem;width:100%;margin-bottom:.5rem;padding:.55rem .65rem;display:flex}.layer-row--canvas.active{border-color:var(--accent)}.layer-row-icon--canvas{border:1px solid var(--border);background:linear-gradient(135deg,#1f2937,#111827);border-radius:6px;width:28px;height:28px}.layer-row-main{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:.5rem;min-width:0;padding:.4rem .5rem;display:flex}.layer-row-thumb{object-fit:cover;border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:32px;height:32px}.layer-row-copy{flex-direction:column;min-width:0;display:flex}.layer-row-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.layer-row-copy span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.layer-row-actions{flex-shrink:0;align-items:center;gap:.1rem;padding-right:.25rem;display:flex}.layer-row-btn{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;font-size:.72rem;line-height:1}.layer-row-btn:disabled{opacity:.35;cursor:not-allowed}.layer-row-btn:hover{color:var(--accent);background:#dc262614}.layer-row-btn--danger:hover{color:#f87171}.color-field{flex-direction:column;gap:.35rem;display:flex}.color-field-row{align-items:center;gap:.5rem;display:flex}.color-field-row input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:36px;height:32px;padding:0}.field-input{border:1px solid var(--border);background:var(--surface-raised);min-width:0;color:var(--text);border-radius:6px;flex:1;padding:.35rem .5rem;font-size:.78rem}.canvas-bg-preview{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:100%;max-height:120px;margin-top:.5rem}.layer-style-panel{min-height:0}.layer-style-panel .panel-section{border-bottom:none}.position-mode-row{margin-bottom:.45rem}.custom-position-grid{flex-direction:column;gap:.55rem;margin-top:.35rem;display:flex}.slider-field{flex-direction:column;gap:.25rem;display:flex}.slider-field-label{color:var(--muted);font-size:.72rem}.slider-row{align-items:center;gap:.5rem;display:flex}.slider-row input[type=range]{accent-color:var(--accent-bright);flex:1}.slider-value{min-width:2.75rem;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:.72rem}.mkt{background:var(--bg);flex-direction:column;min-height:100svh;display:flex}.mkt-header{border-bottom:1px solid var(--border-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0a0a0ad9;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.mkt-brand{letter-spacing:-.03em;color:var(--text);font-size:1.25rem;font-weight:700;text-decoration:none}.mkt-brand span{color:var(--accent-bright)}.mkt-nav{align-items:center;gap:1.25rem;display:flex}.mkt-nav a{color:var(--muted);font-size:.9rem;text-decoration:none;transition:color .15s}.mkt-nav a:hover{color:var(--text)}.mkt-nav-cta{border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:8px;padding:.45rem .9rem;color:var(--text)!important}.mkt-nav-cta:hover{border-color:var(--accent)}.mkt-main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:2rem 1.5rem 4rem}.mkt-main--narrow{max-width:720px}.mkt-hero{text-align:center;padding:3rem 0 4rem}.mkt-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-bright);margin:0 0 1rem;font-size:.8rem;font-weight:600}.mkt-hero-title{letter-spacing:-.04em;margin:0 0 1.25rem;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;line-height:1.1}.mkt-hero-title span{color:var(--muted);font-weight:600}.mkt-hero-lead{color:var(--muted);max-width:540px;margin:0 auto 2rem;font-size:1.15rem;line-height:1.6}.mkt-hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2rem;display:flex}.mkt-hero-bullets{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:1rem 1.5rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.mkt-hero-bullets li:before{content:"✓ ";color:var(--accent-bright)}.mkt-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .12s,background .15s;display:inline-flex}.mkt-btn:hover{transform:translateY(-1px)}.mkt-btn--primary{background:var(--accent);color:#fff}.mkt-btn--primary:hover{background:var(--accent-bright)}.mkt-btn--ghost{color:var(--text);border:1px solid var(--border-strong);background:0 0}.mkt-btn--ghost:hover{background:var(--surface-raised)}.mkt-btn--full{width:100%;margin-top:1rem}.mkt-btn--lg{padding:.85rem 1.75rem;font-size:1.05rem}.mkt-section{margin-bottom:4rem}.mkt-section-title{letter-spacing:-.03em;text-align:center;margin:0 0 .75rem;font-size:1.75rem;font-weight:700}.mkt-section-lead{text-align:center;color:var(--muted);max-width:560px;margin:0 auto 2rem;line-height:1.6}.mkt-steps{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width<=700px){.mkt-steps{grid-template-columns:1fr}}.mkt-step{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem}.mkt-step-num{background:var(--accent-subtle);width:2rem;height:2rem;color:var(--accent-bright);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.75rem;font-size:.9rem;font-weight:700;display:inline-flex}.mkt-step h3{margin:0 0 .5rem;font-size:1.1rem}.mkt-step p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.55}.mkt-features{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=800px){.mkt-features{grid-template-columns:1fr}}.mkt-feature-card{background:linear-gradient(145deg, var(--surface) 0%, var(--surface-raised) 100%);border:1px solid var(--border);border-radius:14px;padding:1.5rem}.mkt-feature-card h3{margin:0 0 .5rem;font-size:1.05rem}.mkt-feature-card p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.55}.mkt-pricing-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:1.25rem;display:grid}@media (width<=800px){.mkt-pricing-grid{grid-template-columns:1fr}}.mkt-pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.mkt-pricing-card h3{margin:0 0 1rem;font-size:1.15rem}.mkt-op-list{margin:0;padding:0;list-style:none}.mkt-op-list li{border-bottom:1px solid var(--border);padding:.85rem 0}.mkt-op-list li:last-child{border-bottom:none}.mkt-op-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.25rem;display:flex}.mkt-op-head strong{color:var(--accent-bright);white-space:nowrap}.mkt-op-list p{color:var(--muted);margin:0 0 .35rem;font-size:.88rem}.mkt-op-cost{color:#ffffff59;font-size:.78rem}.mkt-pricing-note{color:var(--muted);margin:1rem 0 0;font-size:.85rem}.mkt-pack-intro{color:var(--muted);margin:0 0 1rem;font-size:.9rem}.mkt-pack-list{margin:0;padding:0;list-style:none}.mkt-pack-list li{border:1px solid var(--border);border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem 1rem;margin-bottom:.5rem;padding:.75rem .85rem;display:grid}.mkt-pack--popular{border-color:var(--accent);background:var(--accent-subtle);position:relative}.mkt-pack-badge{text-transform:uppercase;letter-spacing:.06em;background:var(--accent);color:#fff;border-radius:4px;padding:.15rem .45rem;font-size:.65rem;font-weight:700;position:absolute;top:-.5rem;right:.75rem}.mkt-pack-label{font-weight:600}.mkt-pack-tokens{color:var(--muted);font-size:.88rem}.mkt-pack-price{color:var(--accent-bright);font-weight:700}.mkt-cta{text-align:center;background:linear-gradient(180deg, transparent 0%, var(--surface) 100%);border:1px solid var(--border);border-radius:20px;padding:3rem 1.5rem}.mkt-cta h2{margin:0 0 .5rem;font-size:1.75rem}.mkt-cta p{color:var(--muted);margin:0 0 1.5rem}.mkt-footer{border-top:1px solid var(--border-strong);text-align:center;padding:2rem 1.5rem}.mkt-footer-brand{margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.mkt-footer-brand span{color:var(--accent-bright)}.mkt-footer-links{justify-content:center;gap:1.25rem;margin-bottom:.75rem;display:flex}.mkt-footer-links a{color:var(--muted);font-size:.88rem;text-decoration:none}.mkt-footer-links a:hover{color:var(--text)}.mkt-footer-copy{color:#ffffff59;margin:0;font-size:.8rem}.mkt-legal h1{margin:0 0 .5rem;font-size:2rem}.mkt-legal-updated{color:var(--muted);margin:0 0 2rem;font-size:.9rem}.mkt-legal h2{margin:2rem 0 .75rem;font-size:1.15rem}.mkt-legal p,.mkt-legal li{color:var(--muted);line-height:1.65}.mkt-legal a{color:var(--accent-bright)}.mkt-legal ul{padding-left:1.25rem}.mkt-legal li{margin-bottom:.5rem}