:root{--canvas:#0a0a0a;--canvas-soft:#1a1c20;--canvas-card:#191919;--canvas-mid:#363a3f;--hairline:#212327;--ink:#fff;--ink-hover:#fafaf7;--body:#dadbdf;--body-mute:#7d8187;--sunset:#ff7a17;--sunset-soft:#ffc285;--dusk:#7c3aed;--twilight:#c4b5fd;--danger:#ff6b81;--outline:#ffffff2e;--outline-strong:#fff6;--focus-ring:#ffffff24;--radius-card:8px;--radius-pill:9999px;--font-sans:"Geist", "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;font-weight:400;line-height:1.55}button,input,select,textarea{font:inherit;font-weight:400}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}.eyebrow{font-family:var(--font-mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--body-mute);margin:0 0 8px;font-size:12px;line-height:16px}.brand-link{align-items:center;gap:12px;display:flex}.nav-link{font-family:var(--font-mono);letter-spacing:.4px;text-transform:uppercase;color:var(--body-mute);padding:6px 2px;font-size:14px;transition:color .15s}.nav-link:hover{color:var(--ink)}.page-scroll{flex:1;min-height:0;overflow-y:auto}.page{width:100%;max-width:1100px;margin:0 auto;padding:40px 28px 80px}.page-title{letter-spacing:-.6px;margin:0;font-size:32px;font-weight:400;line-height:1.1}.page-sub{color:var(--body-mute);max-width:640px;margin:10px 0 24px;font-size:14px;line-height:1.6}.cost-hint{text-align:center;color:var(--body-mute);font-size:14px}.cost-hint strong{color:var(--ink);font-weight:400}.notice-box{color:#8ff0b5;border-radius:var(--radius-card);background:#3cc87814;border:1px solid #7ee6a84d;margin-bottom:16px;padding:12px 16px;font-size:14px}.auth-wrap{place-items:center;min-height:100%;padding:48px 24px;display:grid}.auth-card{border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--canvas-card);gap:16px;width:100%;max-width:380px;padding:32px;display:grid}.auth-card h1{letter-spacing:-.4px;margin:0;font-size:28px;font-weight:400}.auth-sub{color:var(--body-mute);margin:0;font-size:14px}.auth-alt{color:var(--body-mute);text-align:center;margin:0;font-size:14px}.auth-alt a{color:var(--ink);border-bottom:1px solid var(--outline)}.auth-alt.muted{font-size:12px}.pricing-page{width:100%;max-width:1040px;margin:0 auto;padding:64px 28px 96px}.pricing-head{text-align:center;margin-bottom:40px}.pricing-title{letter-spacing:-.8px;margin:10px 0 0;font-size:34px;font-weight:400;line-height:1.15}.pricing-sub{max-width:620px;color:var(--body-mute);margin:14px auto 0;font-size:14px;line-height:1.7}.pricing-alert{max-width:620px;margin:0 auto 24px}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:18px;display:grid}.plan-card{border:1px solid var(--hairline);background:var(--canvas-card);border-radius:16px;flex-direction:column;gap:12px;padding:30px 26px;transition:border-color .15s,transform .15s;display:flex;position:relative}.plan-card:hover{border-color:var(--outline)}.plan-card.featured{border-color:var(--outline-strong);background:linear-gradient(180deg, #ff7a170f, var(--canvas-card) 46%);box-shadow:0 0 0 1px var(--outline-strong), 0 24px 60px #00000073}.plan-badge{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--canvas);background:var(--sunset);border-radius:var(--radius-pill);white-space:nowrap;padding:4px 14px;font-size:12px;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.plan-name{font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--body-mute);font-size:12px}.plan-price{align-items:baseline;gap:8px;display:flex}.plan-amount{letter-spacing:-1.5px;color:var(--ink);font-size:42px;line-height:1}.plan-per{color:var(--body-mute);font-size:14px}.plan-credits{color:var(--body);font-size:14px}.plan-credits strong{color:var(--ink);font-weight:500}.plan-meta{border-top:1px solid var(--hairline);flex-direction:column;gap:11px;margin:6px 0 4px;padding:16px 0 0;list-style:none;display:flex}.plan-meta li{color:var(--body);align-items:center;gap:9px;font-size:13.5px;display:flex}.plan-meta li svg{color:var(--body-mute);flex-shrink:0}.plan-meta strong{color:var(--ink);font-weight:500}.plan-meta .plan-save{color:var(--sunset-soft)}.plan-meta .plan-save svg{color:var(--sunset)}.plan-cta{width:100%;margin-top:auto}.pricing-included{border:1px solid var(--hairline);background:var(--canvas-card);border-radius:16px;margin-top:44px;padding:28px 30px}.pricing-included-title{font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--body-mute);margin:0 0 18px;font-size:12px}.pricing-included-grid{grid-template-columns:repeat(2,1fr);gap:14px 28px;margin:0;padding:0;list-style:none;display:grid}.pricing-included-grid li{color:var(--body);align-items:center;gap:10px;font-size:13.5px;display:flex}.pricing-included-grid li svg{color:var(--sunset);flex-shrink:0}.pricing-faq{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.faq-q{color:var(--ink);margin:0 0 8px;font-size:14px}.faq-a{color:var(--body-mute);margin:0;font-size:14px;line-height:1.7}@media (max-width:820px){.pricing-grid,.pricing-faq,.pricing-included-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}}.balance-card{border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--canvas-card);align-items:center;gap:20px;margin-bottom:28px;padding:24px 28px;display:flex}.balance-label{font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--body-mute);font-size:12px}.balance-value{letter-spacing:-1.5px;margin-right:auto;font-size:40px}.acct-section{gap:12px;margin-top:28px;display:grid}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th{text-align:left;font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--body-mute);border-bottom:1px solid var(--hairline);padding:10px 12px;font-size:12px;font-weight:400}.data-table td{border-bottom:1px solid var(--hairline);padding:10px 12px}.data-table .pos{color:#7ee6a8}.data-table .neg{color:var(--danger)}.data-table .muted{color:var(--body-mute)}.data-table .mono{font-family:var(--font-mono);font-size:12px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:24px 0 8px;display:grid}.stat-card{border:1px solid var(--hairline);background:var(--surface,#0e0e10);border-radius:12px;flex-direction:column;gap:6px;padding:18px 18px 16px;display:flex}.stat-value{letter-spacing:-.02em;color:var(--body,#f5f5f5);font-size:28px;font-weight:500;line-height:1}.stat-label{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--body-mute);font-size:12px}.mini-input{width:90px;font-size:14px;font-family:var(--font-mono);color:var(--body,#f5f5f5);border:1px solid var(--hairline);background:0 0;border-radius:8px;outline:none;padding:6px 8px}.mini-input:focus{border-color:var(--body-mute)}.rn-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.text-input{color:var(--body,#f5f5f5);border:1px solid var(--hairline);background:0 0;border-radius:8px;outline:none;min-width:180px;padding:9px 12px;font-size:14px}.text-input:focus{border-color:var(--body-mute)}.rn-verified{color:#7ee6a8;font-size:14px}.rn-msg{font-size:12px}.legal-page{max-width:720px}.legal-updated{font-family:var(--font-mono);color:var(--body-mute);margin-top:4px;font-size:12px}.legal-section{margin-top:26px}.legal-section h2{letter-spacing:-.01em;color:var(--body,#f5f5f5);margin-bottom:8px;font-size:16px}.legal-section p{color:var(--body-mute);font-size:14px;line-height:1.75}.legal-back{color:var(--body-mute);margin-top:34px;font-size:14px}.app-footer{border-top:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:18px 28px;display:flex}.footer-note{font-family:var(--font-mono);letter-spacing:.5px;color:var(--body-mute);font-size:12px}.footer-links{gap:18px;display:flex}.footer-link{color:var(--body-mute);font-size:12px;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--body,#f5f5f5)}.verify-banner{color:#e6cf8a;background:#d6b24a14;border:1px solid #4a3d1a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.verify-msg{color:var(--body-mute);font-size:12px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:20px;display:grid}.gallery-card{border:1px solid var(--hairline);background:var(--surface,#0e0e10);border-radius:12px;overflow:hidden}.gallery-card img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;width:100%;display:block}.gallery-actions{gap:8px;padding:10px;display:flex}.gallery-actions .ghost-button{flex:1;padding:6px 8px;font-size:12px}.ghost-button.danger{color:var(--danger);border-color:#ff5a5a66}.gallery-pager{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.gallery-empty{flex-direction:column;align-items:flex-start;gap:14px;margin-top:24px;display:flex}.library-toggle{color:var(--body-mute);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;align-self:flex-start;margin-top:10px;font-size:12px;text-decoration:underline}.library-toggle:hover{color:var(--body,#f5f5f5)}.library-strip{border:1px solid var(--hairline);border-radius:10px;flex-wrap:wrap;gap:8px;margin-top:10px;padding:10px;display:flex}.library-thumb{border:1px solid var(--hairline);cursor:pointer;background:0 0;border-radius:8px;width:60px;height:60px;padding:0;overflow:hidden}.library-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.library-thumb:hover{border-color:var(--body,#f5f5f5)}.graph-wrap{flex:1;width:100%;min-height:0;position:relative}.react-flow{--xy-background-color:#0e0f11;background:#0e0f11;width:100%;height:100%}.react-flow__edge-path{stroke:var(--sunset);stroke-width:2px}.react-flow__edge.animated .react-flow__edge-path{stroke-dasharray:6}.react-flow__handle{border:2px solid var(--canvas);background:var(--body-mute);cursor:crosshair;border-radius:50%;width:13px;height:13px}.react-flow__handle:before{content:"";border-radius:50%;position:absolute;inset:-9px}.react-flow__handle:hover,.react-flow__handle.connectionindicator:hover{box-shadow:0 0 0 5px #ff7a1740}.react-flow__handle.sock-out{background:var(--sunset);border:2px solid var(--canvas)}.react-flow__handle.sock-in{background:var(--canvas-card);border:2px solid var(--sunset)}.react-flow__handle-connecting{background:var(--sunset)}.socket-label{font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--body-mute);white-space:nowrap;pointer-events:none;font-size:10px;position:absolute;top:50%;transform:translateY(-50%)}.socket-label.socket-in{margin-right:9px;right:100%}.socket-label.socket-out{margin-left:9px;left:100%}.react-flow__attribution{display:none}.graph-controls{border:1px solid var(--hairline);border-radius:10px;overflow:hidden}.graph-controls button{background:var(--canvas-card);border-bottom:1px solid var(--hairline);color:var(--body)}.graph-controls button:hover{background:#ffffff0f}.graph-controls button svg{fill:currentColor}.graph-minimap{border:1px solid var(--hairline);background:var(--canvas-card);border-radius:10px}.graph-toolbar{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:12px;align-items:center;gap:6px;padding:6px;display:flex}.gtool{height:38px;color:var(--body);background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:0 14px;font-size:14px;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.gtool:hover{border-color:var(--hairline);color:var(--ink);background:#ffffff0d}.gtool.active{border-color:var(--outline);color:var(--ink);background:#ffffff14}.gtool.primary{color:var(--sunset)}.gtool.primary:hover{background:#ff7a171a;border-color:#ff7a1766}.gtool-sep{background:var(--hairline);width:1px;height:20px;margin:0 2px}.graph-drawer{background:var(--canvas-card);border:1px solid var(--hairline);border-radius:12px;flex-direction:column;width:300px;max-height:60vh;margin:0;display:flex;overflow:hidden;top:62px!important}.graph-hint{color:var(--body-mute);border:1px solid var(--hairline);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0c0dd9;padding:8px 16px;font-size:12px}.drawer-head{color:var(--ink);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.drawer-close{width:24px;height:24px;color:var(--body-mute);background:0 0;border:none;border-radius:6px;place-items:center;font-size:18px;line-height:1;display:grid}.drawer-close:hover{color:var(--ink);background:#ffffff0f}.drawer-grid{grid-template-columns:repeat(4,1fr);gap:8px;padding:14px;display:grid;overflow-y:auto}.drawer-empty{text-align:center;grid-column:1/-1;padding:24px 0;font-size:14px}.drawer-thumb{aspect-ratio:1;border:1px solid var(--hairline);background:#000;border-radius:8px;padding:0;overflow:hidden}.drawer-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.drawer-thumb:hover{border-color:var(--outline-strong)}.cnode{border:1px solid var(--hairline);background:var(--canvas-card);color:var(--body);border-radius:12px;font-size:13px;position:relative;box-shadow:0 10px 30px #0006}.cnode.selected{border-color:var(--outline-strong);box-shadow:0 0 0 1px var(--outline-strong), 0 12px 34px #00000080}.cnode-head{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;display:flex}.cnode-title{color:var(--body);align-items:center;gap:6px;font-size:12px;display:inline-flex}.cnode-x{width:22px;height:22px;color:var(--body-mute);background:0 0;border:none;border-radius:6px;place-items:center;display:grid}.cnode-x:hover{color:var(--danger);background:#ffffff0d}.cnode-handle{width:12px;height:12px}.image-node{width:210px}.image-node-body{padding:8px}.image-node-body img{-o-object-fit:contain;object-fit:contain;background:#000;border-radius:8px;width:100%;max-height:240px;display:block}.gen-node{width:264px}.gen-inputs{color:var(--sunset-soft);align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex}.gen-inputs .muted{color:var(--body-mute)}.gen-prompt{width:calc(100% - 24px);min-height:62px;color:var(--ink);background:var(--canvas);border:1px solid var(--hairline);resize:vertical;border-radius:8px;outline:none;margin:0 12px 10px;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.5;display:block}.gen-prompt:focus{border-color:var(--outline-strong)}.gen-row{align-items:center;gap:10px;padding:0 12px 10px;display:flex}.gen-row .select{flex:1;min-width:0}.gen-row .select-trigger{min-height:32px;padding:6px 10px;font-size:13px}.gen-label{width:34px;font-family:var(--font-mono);letter-spacing:.4px;text-transform:uppercase;color:var(--body-mute);flex-shrink:0;font-size:11px}.gen-ratios{flex:1;gap:4px;display:flex}.gen-ratio{min-width:0;font-size:11px;font-family:var(--font-mono);color:var(--body-mute);background:var(--canvas);border:1px solid var(--hairline);border-radius:7px;flex:1;padding:6px 0;transition:color .12s,border-color .12s,background .12s}.gen-ratio:hover{color:var(--ink);border-color:var(--outline)}.gen-ratio.active{color:var(--canvas);background:var(--body);border-color:var(--body)}.gen-error{color:var(--danger);background:#ff6b8114;border:1px solid #ff6b8140;border-radius:8px;margin:0 12px 10px;padding:7px 10px;font-size:12px}.gen-ok{color:#7ee0a8;background:#7ee0a814;border:1px solid #7ee0a840;border-radius:8px;margin:0 12px 10px;padding:7px 10px;font-size:12px}.gen-result{border:1px solid var(--hairline);background:#000;border-radius:8px;margin:0 12px 10px;overflow:hidden}.gen-result img{-o-object-fit:contain;object-fit:contain;width:100%;max-height:200px;display:block}.gen-result-tag{color:var(--sunset-soft);border-top:1px solid var(--hairline);background:#ff7a170f;padding:5px 8px;font-size:11px;display:block}.gen-btn{width:calc(100% - 24px);height:34px;color:var(--canvas);background:var(--sunset);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin:2px 12px 12px;font-size:13px;font-weight:500;transition:background .12s;display:flex}.gen-btn:hover:not(:disabled){background:var(--sunset-soft)}.image-node-body img.zoomable{cursor:zoom-in}.lightbox-scrim{z-index:300;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000db;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-body{justify-content:center;align-items:center;display:flex}.lightbox-body.actual{width:100vw;height:100vh;overflow:auto}.lb-img{-o-object-fit:contain;object-fit:contain;cursor:zoom-in;border-radius:6px;max-width:92vw;max-height:92vh;box-shadow:0 24px 90px #0009}.lb-img.actual{cursor:zoom-out;border-radius:0;width:auto;max-width:none;height:auto;max-height:none}.lightbox-bar{z-index:301;gap:8px;display:flex;position:fixed;top:16px;right:16px}.lightbox-bar button,.lightbox-bar a{height:36px;color:var(--ink);border:1px solid var(--outline);cursor:pointer;background:#ffffff14;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;text-decoration:none;display:inline-flex}.lightbox-bar button:hover,.lightbox-bar a:hover{background:#ffffff26}.gen-results{flex-direction:column;gap:6px;margin:0 12px 8px;display:flex}.gen-result-grid{grid-template-columns:1fr;gap:6px;display:grid}.gen-result-grid.multi{grid-template-columns:1fr 1fr}.gen-result-thumb{border:1px solid var(--hairline);background:#000;border-radius:8px;position:relative;overflow:hidden}.gen-result-thumb img{-o-object-fit:contain;object-fit:contain;cursor:zoom-in;width:100%;max-height:220px;display:block}.gen-result-dl{width:26px;height:26px;color:var(--ink);border:1px solid var(--outline);opacity:0;background:#0000008c;border-radius:7px;place-items:center;transition:opacity .12s,background .12s;display:grid;position:absolute;top:6px;right:6px}.gen-result-thumb:hover .gen-result-dl{opacity:1}.gen-result-dl:hover{background:#000c}.gen-saved{color:#7ee0a8;align-items:center;gap:5px;font-size:11px;display:inline-flex}.gen-mode{border-radius:8px;align-items:center;gap:6px;margin:0 12px 8px;padding:6px 10px;font-size:12px;display:flex}.gen-mode.txt{color:var(--twilight);background:#7c3aed1a;border:1px solid #7c3aed4d}.gen-mode.img{color:var(--sunset-soft);background:#ff7a1714;border:1px solid #ff7a1740}.gen-advanced-toggle{width:calc(100% - 24px);color:var(--body-mute);background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;margin:0 12px 6px;padding:6px;font-size:12px;display:flex}.gen-advanced-toggle:hover{color:var(--ink);background:#ffffff0a}.gen-advanced{border-top:1px solid var(--hairline);margin:0 0 4px;padding-top:10px}.image-node .cnode-head .select-trigger{min-height:30px;padding:5px 10px;font-size:13px}.cnode-status.running{color:var(--sunset-soft);margin-left:auto;margin-right:8px;font-size:11px}.gen-node.running{border-color:var(--sunset);box-shadow:0 0 0 1px var(--sunset), 0 10px 30px #00000073;animation:1.4s ease-in-out infinite gen-pulse}@keyframes gen-pulse{0%,to{box-shadow:0 0 0 1px #ff7a1780,0 10px 30px #00000073}50%{box-shadow:0 0 0 3px #ff7a1740,0 10px 30px #00000073}}.canvas-menu{z-index:200;border:1px solid var(--outline);background:#1b1c20;border-radius:10px;min-width:184px;padding:6px;position:fixed;overflow:hidden;box-shadow:0 18px 50px #0009}.cmenu-header{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--body-mute);padding:6px 10px 8px;font-size:11px}.cmenu-item{width:100%;color:var(--body);text-align:left;background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:14px;display:flex}.cmenu-item:hover{color:var(--ink);background:#ffffff0f}.cmenu-item.danger:hover{color:var(--danger)}.cmenu-hint{color:var(--body-mute);font-size:11px}.cmenu-sep{background:var(--hairline);height:1px;margin:5px 6px}.landing{width:100%;max-width:1100px;margin:0 auto;padding:72px 32px 96px}.hero{text-align:center;flex-direction:column;align-items:center;padding:40px 0 64px;display:flex}.hero-title{letter-spacing:-.03em;color:var(--body,#f5f5f5);margin:18px 0 20px;font-size:clamp(34px,6vw,64px);line-height:1.05}.hero-sub{max-width:620px;color:var(--body-mute);font-size:16px;line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.hero-cta .primary-button,.hero-cta .ghost-button{padding:12px 26px;font-size:14px}.hero-meta{font-family:var(--font-mono);color:var(--body-mute);flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;font-size:12px;display:flex}.hero-meta .dot{opacity:.5}.landing-section{margin-top:72px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:20px;display:grid}.feature-card{border:1px solid var(--hairline);background:var(--surface,#0e0e10);border-radius:14px;padding:22px 20px}.feature-icon{border:1px solid var(--hairline);width:38px;height:38px;color:var(--body,#f5f5f5);border-radius:10px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.feature-title{letter-spacing:-.01em;color:var(--body,#f5f5f5);margin-bottom:8px;font-size:16px}.feature-desc{color:var(--body-mute);font-size:14px;line-height:1.7}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:20px;display:grid}.step-card{border:1px solid var(--hairline);border-radius:14px;padding:22px 20px}.step-n{font-family:var(--font-mono);color:var(--body-mute);letter-spacing:1px;font-size:14px}.landing-cta{border:1px solid var(--hairline);text-align:center;background:radial-gradient(120% 140% at 50% 0,#ffffff0d,#0000 60%);border-radius:18px;flex-direction:column;align-items:center;gap:10px;margin-top:84px;padding:48px 32px;display:flex}.landing-cta-title{letter-spacing:-.02em;color:var(--body,#f5f5f5);font-size:28px}.nav-bell{align-items:center;display:inline-flex;position:relative}.bell-badge{background:var(--danger,#e5484d);color:#fff;text-align:center;min-width:16px;height:16px;font-size:10px;line-height:16px;font-family:var(--font-mono);border-radius:8px;padding:0 4px;position:absolute;top:-6px;right:-8px}.section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.notice-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.notice{border:1px solid var(--hairline);border-left:2px solid var(--body,#f5f5f5);border-radius:8px;padding:12px 14px}.notice.read{border-left-color:var(--hairline);opacity:.6}.notice-title{font-size:14px}.notice-body{margin-top:3px;font-size:12px}.notice-time{margin-top:6px;font-size:12px}.receipt-page{max-width:560px}.receipt{border:1px solid var(--hairline);background:var(--surface,#0e0e10);border-radius:12px;padding:28px}.receipt-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.receipt-brand{letter-spacing:-.01em;font-size:18px}.receipt-status{font-family:var(--font-mono);font-size:12px}.receipt-table{border-collapse:collapse;width:100%;font-size:14px}.receipt-table td{border-bottom:1px solid var(--hairline);padding:10px 0}.receipt-table td:first-child{color:var(--body-mute);width:40%}.receipt-foot{margin-top:18px;font-size:12px}.receipt-actions{gap:12px;margin-top:20px;display:flex}@media print{.app-nav,.app-footer,.no-print{display:none!important}.receipt{color:#000;background:#fff;border:none}}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-nav{z-index:20;border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ab8;justify-content:space-between;align-items:center;gap:16px;padding:16px 32px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{border:1px solid var(--outline);border-radius:var(--radius-pill);width:28px;height:28px;color:var(--ink);place-items:center;display:grid}.brand-name{letter-spacing:-.2px;color:var(--ink);font-size:16px}.brand-tag{font-family:var(--font-mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--body-mute);border-left:1px solid var(--hairline);padding-left:12px;font-size:12px}.nav-actions{align-items:center;gap:12px;display:flex}.nav-jobs{position:relative}.nav-jobs-pill{height:32px;color:var(--sunset-soft);border-radius:var(--radius-pill);background:#ff7a171a;border:1px solid #ff7a1759;align-items:center;gap:7px;padding:0 12px;font-size:13px;display:inline-flex}.nav-jobs-pill:hover{background:#ff7a1729}.nav-jobs-spin{animation:1s linear infinite nav-jobs-spin}@keyframes nav-jobs-spin{to{transform:rotate(360deg)}}.nav-jobs-menu{z-index:30;background:var(--canvas-card);border:1px solid var(--hairline);border-radius:12px;width:280px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 50px #0000008c}.nav-jobs-head{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--body-mute);padding:6px 8px 10px;font-size:11px}.nav-jobs-item{border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px;display:flex}.nav-jobs-item+.nav-jobs-item{border-top:1px solid var(--hairline)}.nav-jobs-prompt{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--body);flex:1;font-size:13px;overflow:hidden}.nav-jobs-status{font-variant-numeric:tabular-nums;color:var(--sunset-soft);flex-shrink:0;font-size:12px}.credits-pill{border:1px solid var(--hairline);border-radius:var(--radius-pill);height:36px;color:var(--ink);background:#ffffff08;align-items:center;gap:8px;padding:0 7px 0 13px;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.credits-pill:hover{border-color:var(--outline);background:#ffffff0f}.credits-coin{color:var(--sunset);flex-shrink:0}.credits-value{letter-spacing:.2px;font-variant-numeric:tabular-nums;color:var(--ink);font-size:14px;font-weight:500}.credits-plus{border-radius:var(--radius-pill);width:20px;height:20px;color:var(--body-mute);background:#ffffff0f;place-items:center;transition:background .15s,color .15s;display:grid}.credits-pill:hover .credits-plus{background:var(--sunset);color:var(--canvas)}.workspace{flex:1;grid-template-columns:380px minmax(0,1fr);width:100%;min-height:0;display:grid}.settings-panel,.results-panel{min-width:0;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;overflow-y:auto}.settings-panel{border-right:1px solid var(--hairline)}.panel-head,.results-header{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 28px 24px;display:flex}.panel-head h1,.results-header h2{letter-spacing:-.6px;margin:0;font-size:28px;font-weight:400;line-height:32px}.panel-head p:not(.eyebrow),.results-header p:not(.eyebrow){color:var(--body-mute);margin:8px 0 0;font-size:14px;line-height:20px}.control-stack{gap:16px;padding:24px 28px 32px;display:grid}.field{gap:8px;display:grid}.field label{font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--body-mute);font-size:12px;line-height:16px}.field input,.field select,.field textarea{border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--canvas-soft);width:100%;min-height:40px;color:var(--ink);outline:none;padding:10px 16px;transition:border-color .15s,box-shadow .15s}.field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--body-mute) 50%), linear-gradient(135deg, var(--body-mute) 50%, transparent 50%);background-position:calc(100% - 18px) 17px,calc(100% - 13px) 17px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:36px}.field textarea{resize:vertical;min-height:116px;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--outline-strong);box-shadow:0 0 0 3px var(--focus-ring)}.field input[type=range]{min-height:26px;accent-color:var(--ink);padding:0}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.select{position:relative}.select-trigger{border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--canvas-soft);width:100%;min-height:40px;color:var(--ink);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.select-trigger:focus-visible{border-color:var(--outline-strong);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.select-trigger[data-open=true]{border-color:var(--outline-strong)}.select-value{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.select-caret{color:var(--body-mute);flex:none;transition:transform .15s}.select-trigger[data-open=true] .select-caret{transform:rotate(180deg)}.select-menu{z-index:40;border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--canvas-card);max-height:288px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #0009}.select-option{color:var(--body);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:14px;display:flex}.select-option[data-active=true]{background:var(--canvas-soft);color:var(--ink)}.select-option[aria-selected=true]{color:var(--ink)}.select-option svg{color:var(--ink);flex:none}.upload-box{border:1px dashed var(--hairline);border-radius:var(--radius-card);background:var(--canvas-soft);width:100%;min-height:132px;color:var(--body);text-align:center;place-items:center;gap:8px;padding:24px;transition:border-color .15s,background .15s;display:grid}.upload-box[data-active=true]{border-color:var(--outline-strong);background:var(--canvas-mid)}.upload-box strong{color:var(--ink);font-size:16px;font-weight:400}.upload-box span{color:var(--body-mute);font-size:12px}.reference-section{gap:10px;display:grid}.reference-meta{color:var(--body-mute);font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.reference-meta button{color:var(--ink);font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:6px;font-size:12px;display:inline-flex}.reference-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.reference-card{aspect-ratio:1;border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--canvas-soft);position:relative;overflow:hidden}.reference-card img{-o-object-fit:cover;object-fit:cover}.reference-card button{border:1px solid var(--outline);border-radius:var(--radius-pill);width:24px;height:24px;color:var(--ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0ab8;place-items:center;display:grid;position:absolute;top:6px;right:6px}.reference-card span{border-radius:var(--radius-pill);border:1px solid var(--outline);min-width:22px;height:22px;color:var(--ink);font-family:var(--font-mono);background:#0a0a0ac7;justify-content:center;align-items:center;font-size:12px;display:inline-flex;position:absolute;bottom:6px;left:6px}.reference-card em{border-radius:var(--radius-pill);border:1px solid var(--outline);color:var(--body);font-family:var(--font-mono);letter-spacing:.6px;text-transform:uppercase;background:#0a0a0ac7;padding:3px 8px;font-size:12px;font-style:normal;position:absolute;bottom:6px;right:6px}.check-row{min-height:36px;color:var(--body);align-items:center;gap:10px;font-size:14px;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--ink)}.primary-button,.ghost-button{border-radius:var(--radius-pill);justify-content:center;align-items:center;gap:8px;min-height:40px;font-size:14px;font-weight:400;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.primary-button{border:1px solid var(--ink);background:var(--ink);width:100%;color:var(--canvas)}.primary-button:hover:not(:disabled){background:var(--ink-hover);border-color:var(--ink-hover)}.ghost-button{border:1px solid var(--outline);color:var(--ink);background:0 0;padding:0 16px}.ghost-button:hover:not(:disabled){border-color:var(--outline-strong);background:var(--canvas-soft)}.error-box{border-radius:var(--radius-card);color:var(--danger);background:#ff6b8114;border:1px solid #ff6b8166;padding:12px 16px;font-size:14px;line-height:1.5}.results-panel{grid-template-rows:auto 1fr auto;display:grid}.results-saved{color:#7ee0a8;padding:14px 28px 0;font-size:13px}.results-saved a{color:var(--sunset-soft);text-underline-offset:2px;text-decoration:underline}.field-hint{color:var(--body-mute);margin:4px 0 2px;font-size:12px;line-height:1.6}.results-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:16px;padding:28px;display:grid}.result-card{border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--canvas-soft);overflow:hidden}.result-card img{background:var(--canvas-mid);-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}.result-meta{color:var(--body-mute);font-family:var(--font-mono);letter-spacing:.6px;border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:10px;padding:12px;font-size:12px;display:flex}.result-actions{flex-wrap:wrap;gap:8px;display:flex}.result-placeholder{border:1px dashed var(--hairline);border-radius:var(--radius-card);background:var(--canvas-soft);text-align:center;min-height:520px;color:var(--body-mute);align-content:center;place-items:center;gap:4px;margin:24px;padding:32px;display:grid}.result-placeholder strong{letter-spacing:-.2px;color:var(--ink);margin-top:16px;font-size:20px;font-weight:400}.result-placeholder p{max-width:420px;color:var(--body-mute);line-height:1.7}.job-strip{border-top:1px solid var(--hairline);gap:10px;padding:16px 24px;display:flex;overflow-x:auto}.job-strip button{border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--canvas-soft);text-align:left;gap:4px;min-width:96px;padding:10px 12px;transition:border-color .15s;display:grid}.job-strip button[data-active=true]{border-color:var(--ink)}.job-strip span{color:var(--body-mute);font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;font-size:12px}.job-strip strong{color:var(--ink);font-size:14px;font-weight:400}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1080px){.app{height:auto;overflow:visible}.workspace{grid-template-columns:1fr}.settings-panel,.results-panel{height:auto;overflow:visible}.settings-panel{border-right:0;border-bottom:1px solid var(--hairline)}}@media (max-width:768px){.app-nav{padding:14px 16px}.brand-tag{display:none}.panel-head,.results-header{padding:22px 18px 18px}.panel-head h1,.results-header h2{font-size:24px;line-height:30px}.two-col,.results-grid{grid-template-columns:1fr}.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.primary-button,.ghost-button{min-height:44px}}
