:root{--night:#121326;--night-soft:#1b1d36;--paper:#f3f4f8;--card:#fff;--ink:#171827;--muted:#74788a;--line:#e4e6ef;--purple:#6c55f6;--purple-dark:#4d35df;--coral:#f26f62;--mint:#2cb98e;--warning:#9c6326;--shadow:0 22px 64px rgba(21,23,48,.1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,var(--night) 0 280px,var(--paper) 280px);font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.studio-header{height:70px;max-width:1500px;margin:auto;padding:0 28px;display:flex;align-items:center;color:#fff}.studio-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.studio-brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#9a89ff,var(--purple));font-size:.8rem;font-weight:900}.studio-brand strong{font-size:.95rem}.studio-header nav{display:flex;gap:26px;margin-left:auto}.studio-header nav a{color:#c8cada;text-decoration:none;font-size:.88rem;font-weight:700}.studio-header nav a:hover{color:#fff}.studio-shell{max-width:1500px;margin:auto;padding:30px 28px 60px}.studio-title{display:flex;justify-content:space-between;align-items:end;gap:28px;color:#fff;margin-bottom:24px}.studio-title p{margin:0 0 8px;color:#979bc2;font-size:.76rem;font-weight:850;letter-spacing:.12em}.studio-title h1{margin:0;max-width:960px;font-size:clamp(2rem,4.5vw,4.25rem);line-height:1.04;letter-spacing:-.06em}.studio-status{width:210px;flex:none;border:1px solid #ffffff24;border-radius:20px;background:#ffffff0c;padding:15px 18px}.studio-status span,.studio-status small{display:block;color:#b2b5ca;font-size:.76rem}.studio-status strong{display:block;margin:5px 0;color:#fff;font-size:1.65rem}.studio-status .ready{color:#79edc4}.notice{margin:0 0 16px;padding:13px 15px;border-radius:14px;background:#eeebff;color:#51468b;font-weight:700}.notice.error{background:#fff0f1;color:#a33f49}.notice a{margin-left:7px;color:inherit}.studio-grid{display:grid;grid-template-columns:350px minmax(520px,1fr) 285px;gap:18px;align-items:start}.brief-panel,.canvas-panel,.history-panel{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.brief-panel{padding:22px;position:sticky;top:16px}.panel-heading{display:flex;align-items:flex-start;gap:11px}.panel-heading>span{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#efedff;color:var(--purple-dark);font-size:.75rem;font-weight:900}.panel-heading h2,.history-head h2{margin:1px 0 3px;font-size:1.08rem}.panel-heading p{margin:0;color:var(--muted);font-size:.8rem}.brief-panel form{margin-top:20px}.brief-panel label,.draft-block label{display:grid;gap:6px;margin-top:13px;color:#535667;font-size:.78rem;font-weight:800}.brief-panel input,.brief-panel select,.brief-panel textarea,.draft-block input,.draft-block textarea,.revision-input input{width:100%;border:1px solid var(--line);border-radius:11px;background:#fafbfe;color:var(--ink);padding:10px 11px;outline:0}.brief-panel textarea,.draft-block textarea{resize:vertical;line-height:1.6}.brief-panel input:focus,.brief-panel select:focus,.brief-panel textarea:focus,.draft-block input:focus,.draft-block textarea:focus,.revision-input input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6c55f617;background:#fff}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.form-divider{display:flex;align-items:center;gap:10px;margin-top:20px;color:#8a8d9d;font-size:.75rem;font-weight:850;letter-spacing:.08em}.form-divider:after{content:"";height:1px;flex:1;background:var(--line)}.generate-button,.primary-button{border:0;border-radius:12px;background:linear-gradient(135deg,var(--purple),var(--purple-dark));color:#fff;font-weight:850;padding:12px 15px}.generate-button{width:100%;margin-top:18px;box-shadow:0 13px 22px #6c55f635}.generate-button:disabled,.revision-input button:disabled{opacity:.5;cursor:not-allowed}.billing-note{margin:10px 0 0;color:#8a8d9c;font-size:.75rem;line-height:1.5}.canvas-panel{min-height:720px;overflow:hidden}.canvas-head{padding:21px 23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.ghost-button,.draft-actions a{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:#fff;color:#55586a;padding:8px 11px;text-decoration:none;font-size:.78rem;font-weight:800}.empty-canvas{text-align:center;padding:150px 40px;color:var(--muted)}.empty-canvas b{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border-radius:18px;background:#efedff;color:var(--purple);font-size:1.5rem}.empty-canvas h3{margin:0;color:var(--ink);font-size:1.18rem}.empty-canvas p{max-width:480px;margin:8px auto 0}.loading-canvas{padding:60px 32px}.loading-canvas div{height:72px;margin:12px 0;border-radius:13px;background:linear-gradient(90deg,#f1f2f7 25%,#fff 43%,#f1f2f7 65%);background-size:300% 100%;animation:shimmer 1.4s infinite}.loading-canvas div:nth-child(2){height:130px}.loading-canvas p{text-align:center;color:var(--muted)}@keyframes shimmer{to{background-position:-100% 0}}.analysis-block,.draft-block,.revision-block,.versions-block{padding:23px;border-bottom:1px solid var(--line)}.versions-block{border-bottom:0}.section-label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.section-label span{font-size:.92rem;font-weight:900}.section-label small{color:var(--muted)}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.analysis-grid article{padding:14px;border:1px solid var(--line);border-radius:13px;background:#fafbfe}.analysis-grid article.wide{grid-column:1/-1}.analysis-grid article.warning{background:#fffaf1;border-color:#f1dfc1}.analysis-grid small{color:#74788a;font-weight:800}.analysis-grid p{margin:7px 0 0}.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.tag-list span{border-radius:999px;background:#efedff;color:#5140bf;padding:6px 9px;font-size:.76rem}.warning .tag-list span{background:#fff0da;color:var(--warning)}.draft-block label{font-size:.8rem}.draft-block input{font-size:1.15rem;font-weight:850}.draft-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.primary-button{padding:9px 13px}.quick-actions{display:flex;flex-wrap:wrap;gap:8px}.quick-actions button{border:1px solid #ddd9ff;border-radius:999px;background:#f4f2ff;color:#5542c6;padding:7px 10px;font-size:.76rem;font-weight:800}.revision-input{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:11px}.revision-input button{border:0;border-radius:10px;background:var(--night);color:#fff;padding:0 14px;font-weight:800}.version-list{display:flex;gap:8px;flex-wrap:wrap}.version-list button{border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 10px;text-align:left}.version-list button.active{border-color:var(--purple);background:#f3f1ff}.version-list b,.version-list small{display:block}.version-list small{color:var(--muted);margin-top:2px}.history-panel{padding:18px}.history-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:12px;border-bottom:1px solid var(--line)}.history-head span{color:var(--purple);font-size:.75rem;font-weight:900;letter-spacing:.1em}.history-head button{border:0;background:transparent;color:var(--purple);font-weight:800}.project-list{padding-top:5px}.project-list>p{color:var(--muted);font-size:.82rem}.project-item{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 0;text-align:left}.project-item:last-child{border-bottom:0}.project-item strong,.project-item small{display:block}.project-item strong{font-size:.86rem;line-height:1.4}.project-item small{color:var(--muted);margin-top:4px}.safety-card{margin-top:16px;border-radius:17px;background:var(--night-soft);color:#fff;padding:16px}.safety-card strong{font-size:.86rem}.safety-card p{margin:7px 0 0;color:#b9bdcf;font-size:.75rem}footer{max-width:1500px;margin:auto;padding:22px 28px 36px;display:flex;justify-content:space-between;gap:18px;color:#7a7d8e;font-size:.75rem}footer a{text-decoration:none}
@media(max-width:1180px){.studio-grid{grid-template-columns:330px 1fr}.history-panel{grid-column:1/-1}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.project-item{border:1px solid var(--line);border-radius:12px;padding:12px}.safety-card{grid-column:1/-1}}
@media(max-width:820px){body{background:linear-gradient(180deg,var(--night) 0 380px,var(--paper) 380px)}.studio-header{height:62px;padding:0 16px}.studio-header nav a:nth-child(2){display:none}.studio-shell{padding:22px 14px 45px}.studio-title{align-items:start;flex-direction:column}.studio-status{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center}.studio-status strong{grid-row:1/3;grid-column:2}.studio-grid{grid-template-columns:1fr}.brief-panel{position:static}.canvas-panel{min-height:540px}.history-panel{grid-column:auto}.project-list{grid-template-columns:1fr 1fr}footer{padding:20px 16px 80px;flex-direction:column;gap:7px}}
@media(max-width:540px){.studio-header nav{gap:12px}.studio-header nav a:first-child{display:none}.studio-title h1{font-size:2.45rem}.brief-panel,.canvas-panel,.history-panel{border-radius:20px}.field-pair,.analysis-grid{grid-template-columns:1fr}.analysis-grid article.wide{grid-column:auto}.canvas-head{align-items:flex-start}.empty-canvas{padding:90px 22px}.analysis-block,.draft-block,.revision-block,.versions-block{padding:19px}.revision-input{grid-template-columns:1fr}.revision-input button{height:42px}.project-list{grid-template-columns:1fr}.draft-actions>*{flex:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loading-canvas div{animation:none}}