:root{color-scheme:dark;--bg:#141414;--panel:#1c1c1c;--line:#303030;--muted:#a0a09c;--ink:#ecece8;--accent:#e6dbcb;--rail:202px;--controls:276px;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus,select:focus,textarea:focus{outline:1px solid #8a8174;outline-offset:2px}button,input,select{min-height:38px}button{border:0}input,select{background:#222;border:1px solid #3b3b39;color:var(--ink);border-radius:8px;padding:9px 11px;max-width:100%;min-width:0}select{width:100%;text-overflow:ellipsis}textarea{resize:none}small{font-size:11px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.rail{position:fixed;inset:0 auto 0 0;width:var(--rail);background:#181818;border-right:1px solid #282828;padding:28px 17px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:10px;padding:0 7px;font-size:17px;font-weight:650;letter-spacing:1px}.brand small{display:block;margin-top:5px;font-size:8px;letter-spacing:1.6px;color:#8a8986}.rail nav{margin-top:45px;display:grid;gap:8px}.nav-item{display:flex;align-items:center;gap:13px;padding:11px 13px;background:none;border-radius:9px;text-align:left;color:#9e9e9a}.nav-item>span:first-child{font-size:20px}.nav-item.active{background:#2d2c2a;color:#e7ddd0}.nav-item:hover{background:#272727}.nav-item small{margin-left:auto;padding:3px 7px;border:1px solid #42403b;border-radius:6px}.rail-bottom{margin-top:auto;padding:0 10px;display:grid;gap:20px;color:#9b9b96;font-size:12px}.rail-bottom>small{font-size:8px;letter-spacing:1.1px;color:#676762}.storage-indicator{display:flex;align-items:center;gap:8px}.storage-indicator i,.workspace-pill i{width:5px;height:5px;background:#9eb7a0;border-radius:50%}main{margin-left:var(--rail);min-height:100vh}.topbar{height:119px;padding:29px 35px 26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #242424}.eyebrow{font-size:9px;letter-spacing:2px;color:#858580}.topbar h1{font-size:23px;letter-spacing:1px;margin:10px 0 0;font-weight:500}.workspace-pill{font-size:12px;border:1px solid var(--line);border-radius:20px;padding:10px 15px;display:flex;align-items:center;gap:12px;color:#b9b9b4}.workspace{display:grid;grid-template-columns:minmax(0,1fr) var(--controls);min-height:calc(100vh - 119px)}.gallery-area{padding:22px 30px 235px;min-width:0}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px}.filters{display:flex;gap:3px}.filters button{background:none;color:#969693;font-size:12px;padding:7px 12px;white-space:nowrap;border-radius:7px}.filters .active{background:#2d2d2b;color:#e4e1d9}.search{display:flex;align-items:center;gap:5px;color:#90908b;max-width:200px}.search>span{font-size:21px}.search input{border:0;background:transparent;width:165px;font-size:11px;padding:6px}.intro{padding:33px 0 34px}.intro h2{font-weight:450;font-size:34px;letter-spacing:1px;margin:15px 0}.intro p{color:#90908b;font-size:12px;line-height:1.9;max-width:400px}.inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.inspiration{position:relative;overflow:hidden;min-height:322px;min-width:0;text-align:left;padding:0;background:#252629;border-radius:12px;isolation:isolate;border:1px solid #383835;transition:transform .25s,border-color .25s}.inspiration:hover{transform:translateY(-5px);border-color:#6d675e}.illustration{position:absolute;inset:0;display:block;overflow:hidden}.art-one{background:linear-gradient(155deg,#717a79 0%,#a2a494 35%,#bbb3a0 59%,#5e6560 100%)}.sun{position:absolute;left:60%;top:12%;width:55px;height:55px;background:#f3deba;border-radius:50%;box-shadow:0 0 80px #e3cba1}.building{position:absolute;top:29%;left:21%;width:70%;height:31%;background:linear-gradient(90deg,#a19e8c 0%,#bbb6a0 65%,#ded3b8 65%);box-shadow:-10px 15px 35px #39434466;transform:skewY(-12deg)}.building:after{content:"";position:absolute;top:30%;left:19%;width:49%;height:33%;background:#444e4b;box-shadow:inset 3px 0 8px #202b27}.horizon{position:absolute;top:60%;inset-inline:0;height:100px;background:linear-gradient(0deg,#cac6b1aa,transparent);filter:blur(12px)}.art-two{background:radial-gradient(ellipse at 50% 60%,#655f57,#272724 67%)}.orb{position:absolute;left:16%;top:17%;width:69%;aspect-ratio:1;border:1px solid #a29b8566;border-radius:50%;background:radial-gradient(circle at 60% 73%,#e1be7488,transparent 35%),radial-gradient(circle at 30% 25%,#ddd4bb44,transparent 24%);box-shadow:inset -6px -9px 15px #ad9f7544,inset 0 2px 4px #eee5c888,0 25px 50px #0007}.orb:after{content:"";position:absolute;inset:48% 12% 43% 20%;border-radius:70%;background:#e9cb86;filter:blur(3px);transform:rotate(-15deg);box-shadow:0 0 28px 9px #cbb27399}.orbit{position:absolute;top:61%;left:-8%;width:108%;height:35px;border:1px solid #9d8e6866;border-radius:50%;transform:rotate(-13deg)}.art-three{background:linear-gradient(#aab4aa,#8a9990 40%,#495f54)}.mountain{position:absolute;left:-15%;width:140%;height:66%;top:15%;background:#526b5b;clip-path:polygon(0 75%,9% 55%,19% 64%,33% 17%,45% 43%,54% 28%,70% 73%,87% 43%,100% 80%,100% 100%,0 100%)}.m2{top:27%;left:-35%;background:#8d9c8e;opacity:.7;transform:scaleX(-1)}.lake{position:absolute;top:56%;inset-inline:0;bottom:0;background:linear-gradient(#b0b9a688,#65847633);backdrop-filter:blur(2px)}.inspiration:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#0009 65%,#000d);z-index:-1}.inspiration-copy{position:absolute;inset:auto 19px 22px;display:grid;gap:9px;text-shadow:0 2px 10px #0008}.inspiration-copy small{font-size:8px;letter-spacing:1.3px;color:#d0cfc4}.inspiration-copy strong{font-size:18px;font-weight:500;letter-spacing:1px}.inspiration-copy>span{font-size:10px;color:#d6d4c8}.empty-footnote{font-size:10px;line-height:1.8;color:#6e6e69;margin-top:20px}.parameters{border-left:1px solid #2a2a28;padding:26px 23px 240px;background:#171717;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.panel-title h2{font-weight:500;font-size:14px;margin:0}.panel-title>span{font-size:8px;color:#6e6e69;letter-spacing:1px}.mode-switch{background:#242424;padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:10px;margin-bottom:24px}.mode-switch button{background:none;border-radius:7px;font-size:12px;color:#999}.mode-switch .active{background:#3c3a36;color:#e7ddd0}.field{display:grid;gap:9px;color:#a5a59f;font-size:11px;margin:0 0 19px}.field select,.field input{font-size:12px}.field-note{font-size:10px;color:#85857f;line-height:1.7;margin:-9px 0 20px;overflow-wrap:anywhere}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-field{display:flex;align-items:center;gap:8px;margin:4px 0 22px;font-size:12px;color:#c2c0b8}.check-field input{accent-color:#b9a98f;min-height:0;width:15px;height:15px}.cost{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:1fr auto;gap:10px;color:#979791;font-size:11px}.cost strong{font-size:13px;color:#dcd5c8;font-weight:500}.cost small{grid-column:1/-1;color:#6f6f69;font-size:9px;line-height:1.5}.help{margin-top:22px;color:#81817b;font-size:10px;line-height:1.7}.help summary{cursor:pointer;font-size:11px}.composer-wrap{position:fixed;left:calc(var(--rail) + 30px);right:calc(var(--controls) + 30px);bottom:17px;z-index:25}.composer{padding:15px 17px 12px;border:1px solid #48443e;border-radius:15px;background:#262624;box-shadow:0 12px 40px #0007}.prompt-line{display:flex;align-items:center;gap:14px}.prompt-line textarea{width:100%;min-width:0;flex:1;border:0;background:transparent;line-height:1.65;font-size:13px;color:#ede8dc;padding:3px 0;min-height:60px;max-height:180px}.prompt-line textarea::placeholder{color:#85847e;font-size:12px}.prompt-line textarea:focus{outline:none}.generate{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;background:var(--accent);color:#28241e;border-radius:10px;min-height:43px;padding:10px 16px;font-size:13px;font-weight:600}.generate:hover:not(:disabled){background:#f4e7d3}.composer-footer{display:flex;align-items:center;gap:15px;margin-top:9px;color:#777770;font-size:9px}.composer-tools{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.subtle{background:none;border:1px solid transparent;border-radius:7px;color:#a5a398;padding:6px 8px;font-size:11px;white-space:nowrap}.subtle:hover{background:#363530;color:#e7e1d4}.composer-model{font-size:9px;color:#88877e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:7px}.composer-caption{color:#6c6b64;font-size:9px;margin:9px 0 0;text-align:center}.references{display:flex;gap:8px;flex-wrap:wrap}.reference{display:flex;align-items:center;gap:7px;border:1px solid #44433d;border-radius:7px;max-width:180px;padding:4px 7px;margin-bottom:10px;color:#b6b2a5;font-size:10px}.reference img{width:28px;height:28px;object-fit:cover;border-radius:4px}.reference span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference button{min-height:25px;padding:0 3px;font-size:15px;background:none;color:#aaa}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.work-card{overflow:hidden;border:1px solid #333330;border-radius:11px;background:#20201f;min-width:0}.work-card .media-box{position:relative;min-height:180px;background:#292927;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.work-card img,.work-card video{width:100%;height:100%;object-fit:cover}.media-box>button{width:100%;height:100%;position:absolute;inset:0;padding:0;background:none}.work-card video{object-fit:contain}.media-box .progress-box{padding:23px;width:100%;text-align:center}.progress-glyph{font-size:30px;color:#b8ab93;display:block;margin-bottom:17px}.spin{animation:spin 4s linear infinite}.progress-box p{font-size:11px;color:#b4b0a5;line-height:1.7}.progress-box progress{width:100%;accent-color:#bbaa8f;height:3px}.card-info{padding:13px}.card-info>p{font-size:11px;line-height:1.7;color:#c8c6bb;margin:0 0 11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.card-meta{display:flex;flex-wrap:wrap;gap:7px;font-size:9px;color:#85857c}.card-meta .stored{color:#a2b19f}.card-actions{display:flex;gap:3px;flex-wrap:wrap;margin-top:10px}.card-actions .subtle{font-size:10px;min-height:31px;padding:3px 7px}.card-error{font-size:10px;color:#d6ab91;line-height:1.6;overflow-wrap:anywhere}.notice{font-size:11px;background:#332c20;border:1px solid #625137;color:#d4bb87;border-radius:8px;padding:12px;line-height:1.8;margin-bottom:20px}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);padding:14px 20px;max-width:min(560px,90vw);background:#444037;color:#f1e5ce;border:1px solid #665e50;border-radius:10px;box-shadow:0 10px 30px #0008;z-index:100;font-size:12px;line-height:1.7}.viewer{background:#171717;border:1px solid #46423b;color:var(--ink);border-radius:14px;max-width:960px;width:90vw;padding:24px;max-height:90vh}.viewer::backdrop,.url-dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.viewer-close{position:absolute;right:12px;top:9px;background:#292925;color:#eee;width:32px;height:32px;border-radius:50%;z-index:1;font-size:22px}.viewer #viewer-media{display:flex;align-items:center;justify-content:center;min-height:180px}.viewer img,.viewer video{max-width:100%;max-height:68vh;object-fit:contain}.viewer-info{margin-top:17px;font-size:12px;line-height:1.8}.viewer-info p{max-height:100px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#b9b6aa}.viewer-info .subtle{border-color:#3d3b36}.url-dialog{width:min(450px,90vw);padding:25px;background:#242421;color:#eee;border:1px solid #535047;border-radius:12px}.url-dialog h2{font-size:18px;margin:0 0 25px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.mobile-params{display:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#41413b;border-radius:6px}@keyframes spin{to{transform:rotate(360deg)}}
.intro{padding:18px 0 22px}.intro h2{font-size:30px;margin:12px 0}.inspiration{min-height:270px}.gallery-toolbar{margin-bottom:18px}
@media(min-width:1600px){.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-area{padding-inline:45px}.inspiration{min-height:350px}.intro{padding-top:30px}}
@media(max-width:1200px){:root{--rail:175px;--controls:245px}.rail{padding-inline:12px}.brand{font-size:15px;gap:8px}.brand img{width:30px;height:30px}.topbar{padding-inline:26px}.gallery-area{padding-inline:22px}.gallery-toolbar{flex-wrap:wrap}.parameters{padding-inline:18px}.inspiration{min-height:280px}.inspiration-copy{inset-inline:14px}.inspiration-copy strong{font-size:16px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.keyboard-hint{display:none}.composer-wrap{left:calc(var(--rail) + 22px);right:calc(var(--controls) + 22px)}}
@media(max-width:980px){:root{--rail:76px;--controls:245px}.rail{padding:24px 13px}.brand{padding:0;justify-content:center}.brand>span,.nav-item>span:nth-child(2),.nav-item small,.rail-bottom{display:none}.nav-item{justify-content:center;padding:12px}.rail nav{margin-top:40px}.topbar h1{font-size:21px}.inspiration-grid{gap:10px}.inspiration{min-height:250px}.inspiration-copy{inset-inline:10px}.inspiration-copy small{font-size:7px}.inspiration-copy>span{font-size:9px}.intro h2{font-size:29px}.composer-model{display:none}}
@media(max-width:760px){:root{--rail:0px;--controls:0px}.rail{inset:0 0 auto;width:100%;height:66px;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 18px;border-right:0;border-bottom:1px solid #30302d}.brand>span{display:block;font-size:14px}.brand small{font-size:7px}.rail nav{display:flex;margin:0;gap:3px}.nav-item{padding:5px 11px;min-height:35px}.nav-item>span:nth-child(2){display:inline;font-size:11px}.nav-item>span:first-child{font-size:16px}main{margin-top:66px}.topbar{height:99px;padding:20px}.topbar h1{font-size:20px}.workspace-pill{display:none}.workspace{display:block;min-height:calc(100vh - 165px)}.gallery-area{padding:17px 18px 224px}.gallery-toolbar{margin-bottom:15px}.filters button{padding:5px 11px}.search{max-width:none;width:100%;border-bottom:1px solid #2c2c29}.search input{width:100%}.intro{padding:27px 0 22px}.intro h2{font-size:29px}.intro p{font-size:11px}.inspiration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.inspiration{min-height:240px;border-radius:9px}.inspiration-copy strong{font-size:14px;line-height:1.5}.inspiration-copy>span{display:none}.inspiration-copy small{font-size:6px;letter-spacing:.5px}.inspiration-copy{inset-inline:9px;bottom:18px}.orb{top:25%}.building{top:31%;height:24%}.sun{width:30px;height:30px}.composer-wrap{left:12px;right:12px;bottom:calc(9px + env(safe-area-inset-bottom))}.composer{padding:13px;border-radius:13px}.prompt-line{gap:9px}.prompt-line textarea{font-size:12px;min-height:60px}.generate{padding:10px 12px;font-size:12px}.composer-footer{gap:6px}.composer-tools{gap:0}.composer-caption{font-size:8px}.parameters{display:none;position:fixed;inset:66px 0 0 auto;width:min(340px,100%);overflow:auto;padding:22px 25px 70px;box-shadow:-30px 0 50px #0008;z-index:40;border-left:1px solid #3f3c35}.parameters.open{display:block}.mobile-params{display:inline-block}.panel-title>span{display:none}.work-card .media-box{min-height:155px}.card-info{padding:11px}.gallery{gap:11px}.viewer{padding:15px}.viewer img,.viewer video{max-height:62vh}.empty-footnote{font-size:9px}}
@media(max-width:390px){.brand small{display:none}.nav-item{padding:5px 8px}.inspiration{min-height:205px}.gallery{grid-template-columns:1fr 1fr}.composer-caption{display:none}.topbar .eyebrow{font-size:8px}.topbar h1{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}