:root{--ink:#173d49;--paper:#fbf8ef;--cream:#f2ead7;--coral:#ef765a;--teal:#2d7d7c;--muted:#71818a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC',sans-serif}.stars{position:fixed;inset:0;z-index:-1;opacity:.45;background-image:radial-gradient(#cfbf91 1px,transparent 1px);background-size:34px 34px}.topbar{height:78px;border-bottom:1px solid #d8d0bd;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,78px);background:#fbf8efcc;backdrop-filter:blur(12px);position:sticky;top:0;z-index:4}.brand{font-size:20px;font-weight:800;text-decoration:none;color:var(--ink)}.brand-mark{font-family:'Ma Shan Zheng';font-size:31px;color:var(--coral);vertical-align:-3px;margin-right:6px}nav{display:flex;align-items:center;gap:25px}nav a{font-size:14px;color:var(--muted);text-decoration:none}.ghost-button,.text-button{background:none;border:0;color:var(--teal);font:inherit;cursor:pointer}.ghost-button{border:1px solid #bdd1d0;border-radius:20px;padding:8px 15px}.hero{max-width:1070px;margin:0 auto;padding:108px 28px 72px}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:1.5px;color:var(--coral)}h1{font-size:clamp(40px,6.4vw,78px);line-height:1.13;letter-spacing:-3px;margin:14px 0 23px}h1 em{font-family:'Ma Shan Zheng';font-style:normal;font-weight:400;color:var(--coral);letter-spacing:0}.hero-copy{max-width:600px;font-size:17px;line-height:1.85;color:#4f666e}.hero-actions{display:flex;align-items:center;gap:16px;margin:31px 0}.primary-button{border:0;background:var(--coral);color:white;font:600 15px 'Noto Sans SC';padding:13px 18px;border-radius:7px;box-shadow:4px 4px 0 #c95842;cursor:pointer;transition:.2s}.primary-button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #c95842}.quiet-note,small{font-size:12px;color:var(--muted)}.hero-statline{display:flex;gap:29px;font-size:13px;color:var(--muted)}.hero-statline b{color:var(--ink)}.studio-shell{max-width:1180px;margin:0 auto 105px;display:flex;border:1px solid #d4d8ce;border-radius:15px;overflow:hidden;background:#fffdf8;box-shadow:0 18px 55px #173d4912}.sidebar{background:#173d49;color:#eaf2ec;width:210px;padding:26px 15px;min-height:650px;display:flex;flex-direction:column}.sidebar-title{font:500 10px 'DM Mono';letter-spacing:1.4px;color:#9ab5b6;padding:0 12px 16px}.side-item{border:0;background:transparent;color:#c9dcdb;text-align:left;padding:11px 12px;border-radius:6px;font:14px 'Noto Sans SC';cursor:pointer}.side-item span{width:22px;display:inline-block;color:#e9ac71}.side-item.active{color:white;background:#315b65}.side-item i{font-style:normal;float:right;background:#ef765a;border-radius:20px;font-size:10px;padding:1px 6px}.side-spacer{flex:1}.usage{border-top:1px solid #426975;padding:18px 8px 3px}.usage-top{display:flex;justify-content:space-between;font-size:10px;color:#b7d0d0}.usage-top strong{font-weight:500;color:white}.meter{height:4px;background:#527982;border-radius:9px;margin:8px 0}.meter span{display:block;width:60%;height:100%;background:#efc172;border-radius:9px}.workspace{padding:38px 42px;width:calc(100% - 210px)}.workspace-heading{display:flex;justify-content:space-between;align-items:start}.small{font-size:10px}h2{font-size:28px;letter-spacing:-1px;margin:5px 0}.draft-pill{font-size:11px;color:#418d7b;background:#e8f3ea;padding:6px 9px;border-radius:20px}.stepper{display:flex;gap:24px;border-bottom:1px solid #e5e3d9;padding:25px 0 12px;color:#9ba7a7;font-size:12px}.stepper .current{color:var(--coral);font-weight:bold;border-bottom:2px solid var(--coral);padding-bottom:12px;margin-bottom:-14px}.builder-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;padding:28px 0}.story-form label{display:block;font-weight:700;font-size:13px}.story-form textarea,.story-form select{font:14px 'Noto Sans SC';color:#35505a;border:1px solid #cfd8d3;background:#fffefa;border-radius:6px;width:100%;margin-top:8px;padding:11px}.story-form textarea{height:95px;resize:vertical;line-height:1.6}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:16px 0}.chips-label{font-weight:700;font-size:13px;margin:15px 0 9px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid #d6ded7;background:#fffef9;border-radius:20px;padding:7px 10px;color:#63757b;font:12px 'Noto Sans SC';cursor:pointer}.chip.active{background:#dcefed;border-color:#7da8a6;color:#226c6b}.safety-note{display:flex;gap:9px;background:#fff3df;border-radius:6px;padding:10px;margin:19px 0}.safety-note span{color:#d98336}.safety-note p{font-size:11px;line-height:1.6;margin:0;color:#6f604c}.full{width:100%}.moon-card{border-radius:10px;overflow:hidden;min-height:360px;position:relative;background:linear-gradient(160deg,#1b5365,#317e82);color:#fff;padding:25px;isolation:isolate}.moon{font:170px 'Ma Shan Zheng';position:absolute;right:15px;top:-24px;color:#f5d489;opacity:.9}.moon-orbit{position:absolute;width:230px;height:230px;border:1px solid #f7dd9f55;border-radius:50%;right:-38px;top:-37px}.cloud{position:absolute;background:#caece2;border-radius:30px;height:17px;opacity:.7}.cloud:after,.cloud:before{content:'';position:absolute;background:inherit;border-radius:50%}.cloud:before{width:28px;height:28px;left:12px;bottom:5px}.cloud:after{width:20px;height:20px;left:35px;bottom:3px}.cloud-one{width:80px;top:150px;left:15px}.cloud-two{width:55px;top:95px;right:15px}.card-copy{position:absolute;bottom:22px;z-index:1}.card-copy span{font:10px 'DM Mono';letter-spacing:1px;color:#f2d59a}.card-copy h3{font-size:21px;line-height:1.45;margin:8px 0}.card-copy p{font-size:11px;line-height:1.7;color:#d5e7df;max-width:260px}.generation{border-top:1px solid #e5e3d9;padding-top:22px}.generation-head{display:flex;align-items:center;justify-content:space-between}.generation h3{margin:4px 0;font-size:18px}.generation-head>span{font-size:11px;color:#87969b}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0 8px}.pipeline-step{position:relative;display:flex;flex-direction:column;gap:6px;font-size:11px;color:#87969b}.pipeline-step b{font:500 12px 'DM Mono';color:#b3bfbd}.pipeline-step i{position:absolute;height:2px;background:#d5dfd8;width:100%;top:6px;left:22px}.pipeline-step:last-child i{display:none}.pipeline-step.done b,.pipeline-step.done span{color:var(--teal)}.pipeline-step.done i{background:var(--teal)}.pipeline-step.running b{color:var(--coral);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.4}}.result-card{background:#eaf3f5;border-left:3px solid var(--teal);padding:14px;margin-top:12px}.result-card span{font-size:12px;font-weight:bold;color:var(--teal)}.result-card p{font-size:13px;line-height:1.7;margin:5px 0}.hidden{display:none}.small-button{font-size:12px;padding:9px 12px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.project-grid article{border:1px solid #e0e2d9;padding:9px;border-radius:7px}.project-grid span{font-size:10px;color:var(--muted);display:block;margin-top:8px}.project-grid h3{font-size:13px;line-height:1.5;margin:5px 0}.cover-cover{height:142px;border-radius:4px;padding:15px;color:white;font-family:'Ma Shan Zheng';font-size:25px}.cover-a{background:#466c78}.cover-b{background:#d78468}.cover-c{background:#81a886}.principles{max-width:1040px;margin:0 auto 90px;padding:50px 28px;border-top:1px solid #d8d0bd;display:grid;grid-template-columns:1.1fr .9fr;gap:40px}.principles h2{font-size:36px;margin:9px 0}.principles p{color:#60757b;line-height:1.8;font-size:14px}@media(max-width:760px){nav a{display:none}.hero{padding-top:68px}.hero-statline{gap:12px;flex-wrap:wrap}.studio-shell{margin:0 14px 70px;display:block}.sidebar{width:100%;min-height:auto;flex-direction:row;align-items:center;gap:4px;padding:12px}.sidebar-title,.usage,.side-spacer{display:none}.side-item{font-size:12px;padding:8px}.workspace{width:100%;padding:25px 20px}.builder-grid,.principles{grid-template-columns:1fr}.moon-card{min-height:250px}.pipeline{grid-template-columns:repeat(2,1fr);gap:18px}.pipeline-step i{display:none}.project-grid{grid-template-columns:1fr}.principles{margin-bottom:40px}h1{letter-spacing:-2px}}