@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#e9e8e4;font-synthesis:none;--bg:#151513;--surface:#1c1c19;--surface2:#24241f;--line:#34342d;--muted:#91918a;--text:#e9e8e4;--accent:#d8f36c;--accent-ink:#202313;background:#151513;font-family:DM Sans,Noto Sans SC,sans-serif}:root[data-theme=light]{--bg:#f5f4f0;--surface:#fff;--surface2:#ecebe5;--line:#dbdad3;--muted:#77766f;--text:#22231e;--accent:#b5d846;--accent-ink:#1f2710}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}.app-shell{background:var(--bg);min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;align-items:center;gap:34px;height:58px;padding:0 28px;display:flex;position:sticky;top:0}.brand{background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brandmark,.modal-mark{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);border-radius:8px;place-items:center;font-weight:700;display:grid}.brand strong{font-size:14px;line-height:1;display:block}.brand small{color:var(--muted);letter-spacing:1px;margin-top:5px;font-size:9px;display:block}.topnav{gap:22px;display:flex}.topnav button,.text-button,.back-link{color:var(--muted);background:0 0;border:0;padding:8px 0;font-size:13px}.topnav button:hover,.topnav button:focus,.text-button:hover{color:var(--text)}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-btn{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.icon-btn:hover{background:var(--surface2);color:var(--text)}.login-btn,.account{border:1px solid var(--line);background:var(--surface);border-radius:7px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;display:flex}.account.logged{background:0 0;border:0}.avatar{background:var(--surface2);width:25px;height:25px;color:var(--accent);border-radius:50%;place-items:center;font-weight:700;display:grid}.sidenav{border-right:1px solid var(--line);background:var(--surface);z-index:18;flex-direction:column;width:210px;padding:18px 12px;display:flex;position:fixed;top:58px;bottom:0}.side-logo{display:none}.side-link{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;width:100%;padding:11px 13px;font-size:13px;display:flex}.side-link:hover,.side-link.active{background:var(--surface2);color:var(--text)}.side-link.active svg{color:var(--accent)}.side-bottom{margin-top:auto}.side-caption{color:var(--muted);letter-spacing:1px;padding:17px 13px 4px;font-size:10px;display:block}.main-content{min-height:calc(100vh - 58px);margin-left:210px}.page{max-width:1240px;margin:0 auto;padding:62px 56px 90px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.kicker{letter-spacing:2px;color:var(--muted);font-size:10px;font-weight:600}.page h1{letter-spacing:-1.4px;margin:12px 0 8px;font-size:40px}.page-header p{color:var(--muted);max-width:560px;margin:0;font-size:14px}.primary,.secondary{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:600;display:inline-flex}.primary{background:var(--accent);color:var(--accent-ink)}.primary:hover{filter:brightness(1.08)}.secondary{border-color:var(--line);color:var(--text);background:0 0}.secondary:hover{background:var(--surface2)}.wide{width:100%}.small{padding:7px 11px;font-size:12px}.hero{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:580px;padding:90px 5vw 70px;display:grid;overflow:hidden}.hero-copy{max-width:570px}.hero h1{letter-spacing:-3px;margin:18px 0;font-size:64px;line-height:1.05}.hero h1 em{color:var(--accent);font-style:normal}.hero-copy p{color:var(--muted);max-width:470px;font-size:16px;line-height:1.8}.hero-actions{gap:12px;margin-top:30px;display:flex}.hero-art{height:420px;position:relative}.art-card{background:var(--surface);border:1px solid var(--line);width:270px;padding:9px;position:absolute;top:20px;right:17%;transform:rotate(4deg);box-shadow:0 24px 55px #0007}.art-card img{object-fit:cover;width:100%;height:295px;display:block}.art-card span{color:var(--muted);padding:10px 5px 5px;font-size:11px;display:block}.art-card.small{width:170px;top:205px;right:5%;transform:rotate(-9deg)}.art-card.small img{height:180px}.art-orbit{border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:50%;width:360px;height:360px;position:absolute;top:10px;left:6%}.orbit-b{border-color:var(--line);width:260px;height:260px;top:75px;left:20%}.section-block{padding-top:58px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.section-heading h2{margin:7px 0 0;font-size:24px}.prompt-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.prompt-card{border:1px solid var(--line);background:var(--surface);border-radius:9px;overflow:hidden}.prompt-thumb{color:#fff;justify-content:space-between;align-items:flex-start;height:150px;padding:15px;display:flex}.prompt-thumb span{border:1px solid #fff8;border-radius:20px;padding:4px 8px;font-size:10px}.prompt-card.violet .prompt-thumb{background:linear-gradient(135deg,#5e4a79,#bd89a4)}.prompt-card.mint .prompt-thumb{background:linear-gradient(135deg,#4b716d,#b9d49d)}.prompt-card.peach .prompt-thumb{background:linear-gradient(135deg,#bd7c5d,#efcf94)}.prompt-card.blue .prompt-thumb{background:linear-gradient(135deg,#345271,#9bbfd1)}.prompt-card.stone .prompt-thumb{background:linear-gradient(135deg,#4f5b56,#b4c1b7)}.prompt-card.sand .prompt-thumb{background:linear-gradient(135deg,#84684c,#dbc09b)}.prompt-body{padding:15px}.tag{color:var(--muted);font-size:10px}.prompt-body h3{margin:7px 0;font-size:16px}.prompt-body p{color:var(--muted);margin:0 0 15px;font-size:12px;line-height:1.6}.use-prompt{color:var(--accent);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:11px;display:flex}.library-tools{align-items:center;gap:12px;margin-bottom:27px;display:flex}.search-field{border:1px solid var(--line);background:var(--surface);max-width:300px;height:38px;color:var(--muted);border-radius:7px;flex:1;align-items:center;gap:8px;padding:0 11px;display:flex}.search-field input{color:var(--text);background:0 0;border:0;outline:0;width:100%;font-size:13px}.category-pills{flex-wrap:wrap;gap:7px;display:flex}.category-pills button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:20px;padding:7px 12px;font-size:11px}.category-pills button.active{background:var(--text);color:var(--bg);border-color:var(--text)}.project-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.project-card{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:9px;padding:0;overflow:hidden}.project-card:hover{border-color:var(--accent)}.project-cover{background:var(--surface2);height:190px;color:var(--muted);place-items:center;display:grid}.project-cover img{object-fit:cover;width:100%;height:100%}.project-info{grid-template-columns:1fr auto;gap:5px;padding:15px;display:grid}.project-info span,.project-info small{color:var(--muted);font-size:10px}.project-info h3{margin:0;font-size:15px}.project-info svg{grid-area:span 2/2}.project-view{flex-direction:column;height:calc(100vh - 58px);display:flex}.project-bar{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:10px;height:53px;padding:0 20px;display:flex}.project-bar input{color:var(--text);background:0 0;border:0;outline:0;width:220px;font-size:13px}.project-bar-actions{gap:7px;margin-left:auto;display:flex}.canvas-layout{flex:1;grid-template-columns:230px 1fr;min-height:0;display:grid}.canvas-sidebar{background:var(--surface);border-right:1px solid var(--line);padding:14px}.canvas-tabs{border-bottom:1px solid var(--line);margin-bottom:18px;display:flex}.canvas-tabs button{color:var(--muted);background:0 0;border:0;flex:1;padding:10px 2px;font-size:12px}.canvas-tabs button.active{color:var(--text);border-bottom:2px solid var(--accent)}.canvas-compose label,.field-title{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.canvas-compose textarea{resize:none;background:var(--surface2);border:1px solid var(--line);width:100%;height:120px;color:var(--text);border-radius:7px;outline:0;margin-bottom:9px;padding:10px;font-size:12px;line-height:1.5}.canvas-compose .secondary{margin-top:8px}.mini-list{flex-direction:column;gap:8px;display:flex}.mini-list button{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:5px;font-size:11px;display:flex}.mini-list button:hover{background:var(--surface2);color:var(--text)}.mini-list img{object-fit:cover;border-radius:4px;width:39px;height:39px}.text-list button{padding:10px}.infinite-canvas{background:#252520;position:relative;overflow:hidden}.dot-grid{opacity:.27;transform-origin:50%;background-image:radial-gradient(#77776a 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:-50%}.canvas-node{background:var(--surface);border:1px solid var(--line);cursor:grab;border-radius:8px;width:210px;position:absolute;overflow:hidden;box-shadow:0 15px 30px #0006}.canvas-node:active{cursor:grabbing}.canvas-node.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent),0 15px 35px #0008}.canvas-node img{object-fit:cover;width:100%;height:145px;display:block}.canvas-node>div{color:var(--muted);justify-content:space-between;align-items:center;gap:6px;padding:9px;font-size:10px;display:flex}.canvas-node>div span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-controls{background:var(--surface);border:1px solid var(--line);border-radius:7px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;top:16px;left:18px}.canvas-controls button{color:var(--muted);background:0 0;border:0;border-radius:4px;padding:6px;font-size:10px}.canvas-controls button:hover{background:var(--surface2);color:var(--text)}.canvas-controls span{color:var(--muted);padding:0 5px;font-size:10px}.canvas-tip{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex;position:absolute;bottom:17px;left:18px}.generator-layout{grid-template-columns:minmax(0,650px) 1fr;gap:55px;display:grid}.generator-form{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:25px}.field-title{color:var(--text);font-size:12px;font-weight:600}.field-title span{color:var(--muted);font-size:10px;font-weight:400}.prompt-editor{resize:vertical;background:var(--surface2);border:1px solid var(--line);width:100%;height:180px;color:var(--text);border-radius:7px;outline:0;padding:14px;font-size:14px;line-height:1.7}.form-row{justify-content:space-between;align-items:center;margin:9px 0 28px;display:flex}.char-count{color:var(--muted);font-size:10px}.reference-upload{border:1px dashed var(--line);height:118px;color:var(--muted);cursor:pointer;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:12px;display:flex;position:relative}.reference-upload small{color:var(--muted);font-size:10px}.reference-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.options-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:25px;display:grid}.field span{color:var(--muted);margin-bottom:7px;font-size:10px;display:block}.field select{background:var(--surface2);border:1px solid var(--line);width:100%;color:var(--text);border-radius:6px;outline:0;padding:9px 7px;font-size:11px}.switch-line{color:var(--muted);align-items:center;margin:22px 0;font-size:11px;display:flex}.switch-line input{display:none}.switch-line i{background:var(--surface2);border-radius:20px;width:33px;height:18px;margin-left:auto;position:relative}.switch-line i:after{content:"";background:var(--muted);border-radius:50%;width:12px;height:12px;position:absolute;top:3px;left:3px}.switch-line input:checked+i{background:#839d35}.switch-line input:checked+i:after{background:#fff;left:18px}.generate-large{width:100%;padding:14px}.generate-large span{opacity:.65;margin-left:auto;font-size:10px}.generator-side{min-width:0}.side-note{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:12px;padding:17px;display:flex}.side-note svg{color:var(--accent);margin-top:2px}.side-note strong{font-size:13px}.side-note p{color:var(--muted);margin:7px 0;font-size:11px;line-height:1.6}.history-panel{margin-top:28px}.compact-heading{margin-bottom:14px}.compact-heading h3{margin:0;font-size:14px}.empty-state,.empty-large{border:1px dashed var(--line);color:var(--muted);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:170px;font-size:12px;display:flex}.history-panel img{object-fit:cover;border-radius:6px;width:calc(50% - 5px);height:105px;margin:0 5px 10px 0}.starter-prompts{padding-top:55px}.mini-prompts .prompt-thumb{height:90px}.mini-prompts .prompt-body p{display:none}.full-grid{grid-template-columns:repeat(3,1fr)}.asset-grid{columns:3 220px;column-gap:16px}.asset-card{break-inside:avoid;background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-bottom:16px;overflow:hidden}.asset-card img{object-fit:cover;width:100%;max-height:310px;display:block}.asset-meta{color:var(--muted);align-items:center;gap:6px;padding:10px;font-size:11px;display:flex}.asset-meta>span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.asset-meta div{display:flex}.result-count{color:var(--muted);font-size:11px}.empty-large{min-height:330px}.empty-large h3{color:var(--text);margin:2px;font-size:17px}.empty-large p{margin:0}.coming-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.coming-symbol{background:var(--surface2);width:70px;height:70px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:24px;display:grid}.coming-page h1{font-size:34px}.coming-page p{color:var(--muted);max-width:380px;line-height:1.7}.modal-backdrop{z-index:50;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:10px;width:min(380px,100%);padding:30px;position:relative}.modal-close{position:absolute;top:13px;right:13px}.login-card h2{margin:18px 0 8px;font-size:20px}.login-card p{color:var(--muted);margin:0 0 24px;font-size:12px;line-height:1.7}.modal-mark{margin:0 auto;font-size:18px}.muted-link{color:var(--muted);justify-content:center;align-items:center;gap:5px;margin-top:18px;font-size:11px;text-decoration:none;display:flex}.muted-link:hover{color:var(--text)}.inline-toast{color:#e7bd74;margin-top:12px;font-size:11px}.mobile-menu,.scrim{display:none}.share-icon{font-size:15px}@media (width<=900px){.topnav{gap:12px}.sidenav{width:175px}.main-content{margin-left:175px}.page{padding:46px 30px 70px}.hero{gap:20px;padding:65px 5vw}.hero h1{font-size:51px}.prompt-grid,.project-grid,.full-grid{grid-template-columns:repeat(2,1fr)}.generator-layout{grid-template-columns:1fr;gap:30px}}@media (width<=680px){.topbar{gap:10px;padding:0 14px}.mobile-menu{display:grid}.topnav,.account-name{display:none}.sidenav{transition:transform .2s;transform:translate(-105%);box-shadow:12px 0 32px #0008}.sidenav.open{transform:translate(0)}.side-logo{justify-content:space-between;align-items:center;height:40px;margin-bottom:15px;padding:0 3px;display:flex}.close-side{display:grid}.main-content{margin-left:0}.scrim{z-index:17;background:#0008;display:block;position:fixed;inset:58px 0 0}.page{padding:38px 18px 60px}.page-header{margin-bottom:26px;display:block}.page-header .primary,.page-header .secondary{margin-top:20px}.page h1{font-size:34px}.hero{min-height:0;padding:60px 20px 45px;display:block}.hero h1{font-size:48px}.hero-art{height:300px;margin-top:38px}.art-card{width:210px;right:17%}.art-card img{height:220px}.art-card.small{width:130px;top:155px}.art-card.small img{height:135px}.prompt-grid,.project-grid,.full-grid{grid-template-columns:1fr}.library-tools{flex-wrap:wrap;align-items:stretch}.search-field{min-width:100%;max-width:none}.category-pills{order:2}.canvas-layout{grid-template-columns:1fr}.canvas-sidebar{z-index:4;width:220px;transition:all .2s;display:none;position:absolute;top:111px;bottom:0;left:0;transform:translate(-105%)}.project-view{height:calc(100vh - 58px)}.project-bar{padding:0 12px}.project-bar input{width:145px}.infinite-canvas{min-height:calc(100vh - 111px)}.generator-form{padding:17px}.options-grid{grid-template-columns:repeat(2,1fr)}.page-header p{line-height:1.6}.hero-actions{flex-wrap:wrap}.hero-actions button{width:100%}}.settings-stack{border-top:1px solid var(--line)}.settings-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding:24px 0;display:flex}.settings-row h3{margin:0 0 7px;font-size:14px}.settings-row p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.settings-row code,.status-badge{color:var(--accent);background:var(--surface2);border-radius:5px;padding:7px 10px;font-size:11px}.link-button{background:0 0;border:0;width:100%}.login-form{text-align:left;flex-direction:column;gap:13px;display:flex}.login-form label span{color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.login-form input{border:1px solid var(--line);background:var(--surface2);width:100%;color:var(--text);border-radius:7px;outline:0;padding:11px 12px}.login-form input:focus{border-color:var(--accent)}.login-form .totp-input{text-align:center;letter-spacing:6px;font-size:20px}.login-error{color:#ef9c89;background:#b9422f29;border:1px solid #b9422f61;border-radius:6px;padding:9px;font-size:11px;line-height:1.5}.disabled-upload{cursor:not-allowed;opacity:.7}.turnstile-slot{justify-content:center;min-height:65px;display:flex;overflow:hidden}