:root{--bg:#070b12;--panel:#0c121d;--panel2:#111a28;--line:#253044;--muted:#8c9aae;--text:#edf4fb;--cyan:#70e6ef;--orange:#ff9d5c;--danger:#ff6b78;--radius:18px;--shadow:0 28px 80px rgba(0,0,0,.35);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 76% 10%,rgba(44,176,196,.09),transparent 28%),var(--bg);font-size:16px}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{height:76px;padding:0 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;position:sticky;top:0;z-index:20;background:rgba(7,11,18,.88);backdrop-filter:blur(18px)}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px;margin-right:auto}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--cyan);color:#061016;font-weight:900;border-radius:11px;box-shadow:0 0 26px rgba(112,230,239,.25)}.brand strong,.brand small{display:block}.brand strong{font-size:1rem;letter-spacing:.04em}.brand small{color:var(--muted);font-size:.62rem;letter-spacing:.16em;margin-top:3px}.topnav{display:flex;align-self:stretch}.nav-btn{border:0;background:none;color:var(--muted);padding:0 18px;font:inherit;font-weight:700;position:relative;cursor:pointer}.nav-btn.active{color:var(--text)}.nav-btn.active:after{content:"";height:2px;background:var(--cyan);position:absolute;left:16px;right:16px;bottom:0}.key-button,.secondary-button{border:1px solid var(--line);color:var(--text);background:var(--panel2);border-radius:11px;padding:11px 16px;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;text-decoration:none}.key-button{display:flex;align-items:center;gap:9px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#687488;box-shadow:0 0 0 4px rgba(104,116,136,.1)}.status-dot.ok{background:#56e39f;box-shadow:0 0 0 4px rgba(86,227,159,.1)}.view{display:none}.view.active{display:block}.studio-grid{min-height:calc(100vh - 76px);display:grid;grid-template-columns:92px minmax(390px,520px) minmax(420px,1fr)}.rail{border-right:1px solid var(--line);padding:22px 12px;display:flex;flex-direction:column;gap:9px}.rail-spacer{flex:1}.mode-button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:14px;padding:13px 7px;display:flex;flex-direction:column;align-items:center;gap:6px;font:inherit;font-size:.75rem;cursor:pointer}.mode-button:hover{background:var(--panel)}.mode-button.active{background:linear-gradient(145deg,rgba(112,230,239,.15),rgba(112,230,239,.04));border-color:rgba(112,230,239,.28);color:var(--cyan)}.mode-icon{font-size:1.25rem;font-weight:900}.composer-panel{padding:32px;border-right:1px solid var(--line);overflow:auto}.panel-heading,.reference-head,.submit-row,.result-head,.gallery-hero,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{display:block;color:var(--cyan);font-size:.68rem;font-weight:900;letter-spacing:.18em}.panel-heading h1,.gallery-hero h1{font-size:1.85rem;margin:7px 0 0;letter-spacing:-.035em}.privacy-chip{color:#a9f4d0;border:1px solid rgba(86,227,159,.24);background:rgba(86,227,159,.07);padding:7px 10px;border-radius:999px;font-size:.74rem;white-space:nowrap}.field-label{display:block;font-size:.84rem;font-weight:800;margin:25px 0 9px}.input{width:100%;border:1px solid var(--line);border-radius:12px;background:#0a101a;color:var(--text);padding:13px 14px;font:inherit;outline:none;transition:.2s}.input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(112,230,239,.08)}select.input{appearance:auto}.field-help{color:var(--muted);font-size:.76rem;line-height:1.55;margin:7px 2px 0}.prompt-wrap{position:relative}.prompt-input{min-height:128px;resize:vertical;line-height:1.65;padding-bottom:30px}.prompt-wrap>span{position:absolute;right:12px;bottom:10px;color:var(--muted);font-size:.7rem}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-grid .field-label{margin-top:18px}.toggle-field{display:flex;align-items:center;justify-content:space-between;min-height:48px}.switch{appearance:none;width:46px;height:25px;background:#263246;border-radius:99px;position:relative;cursor:pointer}.switch:before{content:"";width:19px;height:19px;border-radius:50%;background:white;position:absolute;left:3px;top:3px;transition:.2s}.switch:checked{background:var(--cyan)}.switch:checked:before{transform:translateX(21px);background:#071015}.reference-area{margin-top:23px}.text-button{border:0;background:none;color:var(--cyan);font:inherit;font-size:.78rem;cursor:pointer}.dropzone{border:1px dashed #35435a;border-radius:14px;min-height:112px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--muted);cursor:pointer;background:rgba(255,255,255,.012);transition:.2s}.dropzone:hover,.dropzone.dragging{border-color:var(--cyan);background:rgba(112,230,239,.04)}.dropzone strong{font-size:.85rem;color:var(--text)}.dropzone small{font-size:.71rem}.drop-icon{font-size:1.6rem;color:var(--cyan)}.reference-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ref-item{border:1px solid var(--line);border-radius:9px;padding:7px 9px;display:flex;align-items:center;gap:7px;max-width:100%;font-size:.72rem}.ref-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.ref-item button{border:0;background:none;color:var(--danger);cursor:pointer}.submit-row{border-top:1px solid var(--line);margin-top:26px;padding-top:24px}.submit-note{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.77rem}.primary-button{border:0;border-radius:12px;background:var(--cyan);color:#061016;padding:14px 20px;font:inherit;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:22px;box-shadow:0 10px 30px rgba(112,230,239,.14)}.primary-button:hover{filter:brightness(1.08)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.primary-button.compact{padding:11px 15px;font-size:.84rem}.result-panel{padding:32px;display:flex;flex-direction:column;min-width:0}.task-status{font-size:.75rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 10px}.result-stage{flex:1;min-height:420px;margin-top:18px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#0b121e,#080d15);display:grid;place-items:center;overflow:hidden;position:relative}.result-stage img,.result-stage video{width:100%;height:100%;max-height:calc(100vh - 270px);object-fit:contain}.result-stage audio{width:min(560px,85%)}.empty-result{text-align:center;color:var(--muted);max-width:330px;padding:32px}.empty-result h2{color:var(--text);font-size:1rem;margin:20px 0 8px}.empty-result p{font-size:.8rem;line-height:1.6}.orbit{width:100px;height:100px;margin:auto;border:1px solid #29364a;border-radius:50%;position:relative;display:grid;place-items:center}.orbit:before{content:"";position:absolute;inset:18px;border:1px dashed #33445b;border-radius:50%}.orbit span{color:var(--cyan);font-size:1.6rem}.orbit i{position:absolute;width:6px;height:6px;background:var(--orange);border-radius:50%}.orbit i:nth-child(1){top:8px}.orbit i:nth-child(2){bottom:13px;left:16px;background:var(--cyan)}.orbit i:nth-child(3){right:4px;top:52px}.progress-box{text-align:center;min-width:min(360px,80%)}.progress-ring{font-size:2.5rem;font-weight:900}.progress-track{height:5px;background:#1c2737;border-radius:9px;overflow:hidden;margin:20px 0}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--orange));width:0;transition:width .4s}.progress-box p{color:var(--muted);font-size:.82rem}.result-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.hidden{display:none!important}.public-note{margin-top:22px;padding:18px 0 0;border-top:1px solid var(--line);display:flex;gap:18px;color:var(--muted)}.public-note span{font-size:.64rem;color:var(--orange);letter-spacing:.15em;white-space:nowrap}.public-note p{font-size:.73rem;line-height:1.55;margin:0}.gallery-view{padding:52px clamp(24px,5vw,80px)}.gallery-hero{align-items:flex-end}.gallery-hero h1{font-size:clamp(2rem,4vw,3.5rem)}.gallery-hero p{color:var(--muted);max-width:650px;line-height:1.7;margin-bottom:0}.filter-row{display:flex;gap:8px;margin:38px 0 22px}.filter{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:8px 15px;font:inherit;font-size:.8rem;cursor:pointer}.filter.active{background:var(--text);color:#08101a}.gallery-grid{columns:4 260px;column-gap:15px}.gallery-card{break-inside:avoid;margin-bottom:15px;border:1px solid var(--line);border-radius:15px;background:var(--panel);overflow:hidden}.gallery-media{min-height:170px;background:#05080d;display:grid;place-items:center}.gallery-media img,.gallery-media video{display:block;width:100%;height:auto}.gallery-media audio{width:88%;margin:70px 0}.gallery-copy{padding:15px}.gallery-copy p{margin:0;font-size:.84rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.gallery-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.68rem;margin-top:12px}.gallery-actions{display:flex;gap:10px;margin-top:13px}.gallery-actions a,.gallery-actions button{font:inherit;font-size:.72rem;color:var(--cyan);border:0;background:none;padding:0;cursor:pointer;text-decoration:none}.dialog{width:min(520px,calc(100% - 28px));border:1px solid var(--line);border-radius:20px;background:#0d1420;color:var(--text);padding:30px;box-shadow:var(--shadow)}.dialog::backdrop{background:rgba(2,5,9,.76);backdrop-filter:blur(4px)}.dialog.wide{width:min(820px,calc(100% - 28px))}.dialog h2{font-size:1.5rem;margin:8px 0}.dialog-intro{color:var(--muted);line-height:1.65;font-size:.84rem}.dialog-close{position:absolute;right:18px;top:15px;border:0;background:none;color:var(--muted);font-size:1.8rem;cursor:pointer}.secret-input{display:flex}.secret-input .input{border-radius:12px 0 0 12px}.secret-input button{border:1px solid var(--line);border-left:0;background:#151f2e;color:var(--muted);padding:0 14px;border-radius:0 12px 12px 0;cursor:pointer}.remember-row{display:flex;align-items:flex-start;gap:11px;margin:17px 0;color:var(--text);font-size:.82rem}.remember-row span strong,.remember-row span small{display:block}.remember-row span small{color:var(--muted);margin-top:3px}.dialog-actions{margin-top:22px}.dialog-actions a{color:var(--cyan);font-size:.78rem}.inline-message{min-height:20px;color:var(--danger);font-size:.78rem}.history-item{display:grid;grid-template-columns:80px 1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}.history-thumb{width:80px;height:60px;border-radius:8px;background:#070b12;object-fit:cover}.history-item p{margin:0 0 6px;font-size:.82rem}.history-item small{color:var(--muted)}.history-item button{border:0;background:none;color:var(--danger);cursor:pointer}.toast-region{position:fixed;right:22px;bottom:22px;display:grid;gap:10px;z-index:100}.toast{background:#152131;border:1px solid #314057;border-left:3px solid var(--cyan);border-radius:10px;padding:12px 16px;box-shadow:var(--shadow);font-size:.8rem;max-width:360px}.toast.error{border-left-color:var(--danger)}
@media(max-width:1100px){.studio-grid{grid-template-columns:76px minmax(360px,1fr)}.result-panel{grid-column:1/-1;border-top:1px solid var(--line);min-height:700px}.gallery-grid{columns:3 240px}}@media(max-width:720px){.topbar{height:auto;min-height:68px;padding:12px 14px;flex-wrap:wrap;gap:8px}.brand small{display:none}.topnav{order:3;width:100%;height:42px}.nav-btn{flex:1}.key-button{font-size:0;padding:10px}.key-button .status-dot{margin:0}.studio-grid{display:block}.rail{position:sticky;top:110px;z-index:12;border-right:0;border-bottom:1px solid var(--line);padding:8px 12px;flex-direction:row;background:rgba(7,11,18,.94)}.rail-spacer{display:none}.mode-button{flex:1;padding:8px;flex-direction:row;justify-content:center}.composer-panel,.result-panel{padding:24px 17px;border-right:0}.panel-heading h1{font-size:1.55rem}.field-grid{grid-template-columns:1fr}.submit-row{align-items:stretch;flex-direction:column}.primary-button{width:100%}.result-stage{min-height:360px}.result-stage img,.result-stage video{max-height:70vh}.gallery-view{padding:32px 16px}.gallery-hero{align-items:flex-start;flex-direction:column}.gallery-grid{columns:1}.dialog-actions{align-items:stretch;flex-direction:column}.history-item{grid-template-columns:60px 1fr auto}.history-thumb{width:60px;height:50px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.param-wrap .field-help{display:block;margin-top:7px}.size-validation{display:block;margin-top:6px;color:var(--success);font-size:.7rem}.size-validation.error{color:var(--danger)}

/* AI 图片编辑 */
.edit-controls{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.edit-mode-row,.preset-row,.region-toolbar{display:flex;gap:8px;flex-wrap:wrap}.edit-mode,.preset-row button,.region-tool,.editor-toolbar button,.writing-tab,.quick-tools button{border:1px solid var(--line);background:#0a101a;color:var(--muted);border-radius:9px;padding:8px 12px;font:inherit;font-size:.78rem;cursor:pointer}.edit-mode.active,.region-tool.active,.writing-tab.active,.quick-tools button.active{border-color:rgba(112,230,239,.48);background:rgba(112,230,239,.1);color:var(--cyan)}.preset-row{margin-top:11px}.preset-row button{padding:7px 9px;font-size:.71rem}.preset-row button:hover{border-color:var(--orange);color:var(--orange)}.region-editor{margin-top:16px}.region-toolbar{align-items:center}.region-toolbar span{margin-left:auto;color:var(--muted);font-size:.7rem}.region-canvas-wrap{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#070b12;min-height:180px;margin-top:10px;display:grid;place-items:center}.region-canvas-wrap img{display:none;width:100%;max-height:380px;object-fit:contain}.region-canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}.region-canvas-wrap>div{color:var(--muted);font-size:.78rem}.region-tag{cursor:pointer}.region-tag:hover{border-color:var(--cyan)}

/* 文案创作 */
.writing-workspace{grid-column:2/-1;padding:32px;min-width:0;overflow:auto}.writing-header{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:24px}.writing-header h1{font-size:2rem;margin:7px 0 0;letter-spacing:-.04em}.writing-tabs{display:flex;padding:4px;border:1px solid var(--line);border-radius:12px;background:#090f18}.writing-tab{border:0;background:transparent;padding:9px 14px}.writing-pane{display:none}.writing-pane.active{display:block}.writing-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#0e1622,#0a1019);padding:20px;margin-bottom:16px}.card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.card-title h2{font-size:.95rem;margin:0}.card-title p{font-size:.74rem;color:var(--muted);margin:5px 0 0}.compact-input{width:auto;min-width:210px;padding:9px 11px;font-size:.78rem}.writing-topic{min-height:120px;resize:vertical;line-height:1.65}.brief-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;margin:14px 0}.brief-grid label>span{display:block;font-size:.7rem;color:var(--muted);margin-bottom:6px}.brief-grid .input{padding:10px 11px;font-size:.78rem}.wide-field{grid-column:span 2}.workflow-steps{display:flex;gap:6px;margin-bottom:16px;overflow:auto}.workflow-step{flex:1;min-width:110px;border:1px solid var(--line);border-radius:10px;padding:9px;color:var(--muted);font-size:.72rem;text-align:center}.workflow-step.active{border-color:var(--cyan);color:var(--cyan);background:rgba(112,230,239,.07)}.workflow-step.done{border-color:rgba(86,227,159,.35);color:#72e7ad}.editor-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:11px}.editor-toolbar>span{font-size:.7rem;color:var(--muted);margin-right:3px}.editor-toolbar button{padding:6px 9px;font-size:.7rem}.writing-output{min-height:420px;resize:vertical;line-height:1.8}.writing-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:13px}.writing-actions>span{margin-right:auto;color:var(--muted);font-size:.72rem}.quick-tools{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:15px}.quick-tools button{padding:13px 8px;color:var(--text);font-weight:700}.quick-tools small{display:block;color:var(--muted);font-weight:400;margin-top:4px}.quick-options{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:14px}.quick-options label span{display:block;color:var(--muted);font-size:.68rem;margin-bottom:5px}.quick-options .input{padding:9px 10px;font-size:.76rem;width:auto;min-width:130px}.text-output{white-space:pre-wrap;line-height:1.75;font-size:.88rem;color:#d8e2ec;max-height:620px;overflow:auto}.creative-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check-row{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 16px}.check-row label{font-size:.75rem;color:var(--muted);display:flex;align-items:center;gap:5px}.title-results{display:grid;gap:7px;margin-top:14px}.title-item{display:flex;gap:10px;padding:10px;border-radius:9px;background:#09101a;font-size:.8rem;cursor:pointer}.title-item b{color:var(--orange)}.compact-filters{margin:0 0 14px}.prompt-library{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.prompt-card{border:1px solid var(--line);background:#09101a;border-radius:11px;padding:13px;cursor:pointer}.prompt-card:hover{border-color:rgba(112,230,239,.45)}.prompt-card strong{font-size:.8rem}.prompt-card p{color:var(--muted);font-size:.72rem;line-height:1.5;margin:7px 0}.prompt-card small{color:var(--cyan)}
@media(max-width:1100px){.writing-workspace{grid-column:1/-1}.brief-grid{grid-template-columns:repeat(2,1fr)}.creative-grid{grid-template-columns:1fr}.prompt-library{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.writing-workspace{padding:24px 17px}.writing-header{align-items:flex-start;flex-direction:column}.writing-tabs{width:100%;overflow:auto}.writing-tab{flex:1;white-space:nowrap}.brief-grid{grid-template-columns:1fr}.wide-field{grid-column:auto}.quick-tools{grid-template-columns:repeat(3,1fr)}.prompt-library{grid-template-columns:1fr}.writing-actions{flex-wrap:wrap}.writing-actions>span{width:100%}.compact-input{width:100%}}

/* 实用效果工作台 */
.practical-workspace{grid-column:2/-1;padding:32px;min-width:0;overflow:auto}.practical-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.practical-header h1{font-size:2rem;margin:7px 0 4px;letter-spacing:-.04em}.practical-header p,.section-heading p{color:var(--muted);font-size:.78rem;line-height:1.6;margin:0}.practical-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px}.practical-card,.practical-results-section{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#0e1622,#0a1019);padding:20px}.practical-card{margin-bottom:16px}.practical-card h2{font-size:.95rem;margin:0 0 5px}.practical-card>p{font-size:.73rem;color:var(--muted);line-height:1.55;margin:0 0 14px}.practical-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.practical-fields label>span{display:block;color:var(--muted);font-size:.72rem;margin-bottom:6px}.practical-fields .input{padding:10px 11px;font-size:.8rem}.practical-fields .full{grid-column:1/-1}.practical-upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.practical-upload{min-height:142px;border:1px dashed #35435a;border-radius:12px;background:#080e17;display:grid;place-items:center;text-align:center;cursor:pointer;overflow:hidden;position:relative}.practical-upload:hover{border-color:var(--cyan)}.practical-upload input{display:none}.practical-upload img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}.practical-upload .upload-copy{position:relative;z-index:1;padding:15px;color:var(--muted);font-size:.72rem}.practical-upload.has-image .upload-copy{align-self:end;width:100%;background:linear-gradient(transparent,rgba(3,7,12,.92));color:#fff;padding-top:28px}.practical-upload strong{display:block;color:var(--text);font-size:.8rem;margin-bottom:5px}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.style-choice{border:1px solid var(--line);border-radius:11px;background:#09101a;color:var(--text);padding:11px;text-align:left;cursor:pointer}.style-choice.active{border-color:var(--cyan);background:rgba(112,230,239,.09);color:var(--cyan)}.style-choice strong{font-size:.78rem}.style-choice small{display:block;color:var(--muted);font-size:.66rem;line-height:1.45;margin-top:5px}.preserve-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.preserve-options label{border:1px solid var(--line);border-radius:9px;padding:7px 9px;color:var(--muted);font-size:.72rem}.practical-summary{border-left:3px solid var(--orange);background:rgba(255,157,92,.06);padding:11px 13px;border-radius:9px;color:#d8e2ec;font-size:.75rem;line-height:1.55;margin:13px 0}.practical-submit{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}.practical-submit small{color:var(--muted);font-size:.7rem}.practical-results-section{margin-top:3px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:14px}.section-heading h2{font-size:.95rem;margin:0 0 5px}.practical-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.practical-result{border:1px solid var(--line);border-radius:12px;background:#080e17;overflow:hidden}.practical-result-media{aspect-ratio:1/1;background:#05080d;display:grid;place-items:center}.practical-result-media img{width:100%;height:100%;object-fit:contain}.practical-result-media .progress-box{padding:20px}.practical-result-copy{padding:12px}.practical-result-copy strong{display:block;font-size:.78rem}.practical-result-copy p{color:var(--muted);font-size:.68rem;line-height:1.45;margin:5px 0 10px}.practical-result-actions{display:flex;flex-wrap:wrap;gap:7px}.practical-result-actions a,.practical-result-actions button{border:0;background:none;color:var(--cyan);font:inherit;font-size:.68rem;cursor:pointer;padding:0;text-decoration:none}.practical-empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:.78rem;text-align:center;padding:42px 18px}.packaging-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.packaging-flow div{border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--muted);font-size:.68rem;line-height:1.45}.packaging-flow b{display:block;color:var(--orange);margin-bottom:3px}.practical-error{color:var(--danger);font-size:.74rem;margin-top:10px}
@media(max-width:1100px){.practical-workspace{grid-column:1/-1}.practical-layout{grid-template-columns:1fr}.practical-results{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.rail{overflow-x:auto}.mode-button{flex:0 0 auto;min-width:82px}.practical-workspace{padding:24px 17px}.practical-header{flex-direction:column}.practical-fields{grid-template-columns:1fr}.practical-fields .full{grid-column:auto}.style-grid{grid-template-columns:repeat(2,1fr)}.practical-results{grid-template-columns:1fr}.practical-submit{align-items:stretch;flex-direction:column}.practical-upload-grid{grid-template-columns:1fr 1fr}.packaging-flow{grid-template-columns:1fr}}

/* 学生创作空间：更明快的色彩与灵感模板 */
:root{--bg:#09091b;--panel:#11132a;--panel2:#181b39;--line:#343960;--muted:#aeb6d5;--text:#f7f8ff;--cyan:#66e6ff;--orange:#ffad66;--pink:#ff73bb;--violet:#8b7cff;--success:#65e6a9}.noise{opacity:.045}body{background:radial-gradient(circle at 8% 5%,rgba(139,124,255,.23),transparent 26%),radial-gradient(circle at 82% 12%,rgba(102,230,255,.15),transparent 25%),radial-gradient(circle at 78% 86%,rgba(255,115,187,.1),transparent 28%),var(--bg)}.topbar{background:rgba(9,9,27,.86);box-shadow:0 10px 38px rgba(3,4,20,.28)}.brand-mark{background:linear-gradient(135deg,var(--cyan),#a98bff 55%,var(--pink));transform:rotate(-4deg);box-shadow:0 0 28px rgba(139,124,255,.38)}.student-badge{border:1px solid rgba(255,173,102,.35);background:linear-gradient(135deg,rgba(255,173,102,.13),rgba(255,115,187,.1));color:#ffd8a8;border-radius:999px;padding:7px 11px;font-size:.76rem;font-weight:800;white-space:nowrap}.mode-button.active{background:linear-gradient(145deg,rgba(102,230,255,.17),rgba(139,124,255,.13));border-color:rgba(102,230,255,.38);box-shadow:0 8px 22px rgba(74,75,178,.16)}.mode-button:nth-child(3).active,.mode-button:nth-child(4).active,.mode-button:nth-child(5).active{color:#ffd18e;border-color:rgba(255,173,102,.42);background:linear-gradient(145deg,rgba(255,173,102,.15),rgba(255,115,187,.08))}.composer-panel,.result-panel,.writing-workspace,.practical-workspace{background:linear-gradient(180deg,rgba(17,19,42,.42),transparent 48%)}.input{background:rgba(8,10,27,.74)}.primary-button{background:linear-gradient(135deg,var(--cyan),#88c8ff 48%,#ad8cff);box-shadow:0 12px 30px rgba(102,180,255,.2)}.primary-button:hover{transform:translateY(-1px);box-shadow:0 15px 34px rgba(102,180,255,.28)}.writing-card,.practical-card,.practical-results-section{box-shadow:0 18px 45px rgba(2,4,20,.18)}
.prompt-template-panel{margin-top:16px;border:1px solid rgba(139,124,255,.35);border-radius:16px;background:linear-gradient(145deg,rgba(32,31,73,.9),rgba(14,18,40,.92));padding:15px;box-shadow:0 16px 42px rgba(58,48,142,.14)}.template-heading{display:flex;justify-content:space-between;align-items:center;gap:13px}.template-heading>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.template-heading strong{font-size:.88rem}.template-heading small{grid-column:2;color:var(--muted);font-size:.72rem;margin-top:2px}.template-spark{grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--orange),var(--pink));color:white;font-size:1rem;box-shadow:0 6px 18px rgba(255,115,187,.22)}.template-heading .input{width:190px;padding:9px 11px;font-size:.76rem}.template-categories{display:flex;gap:7px;overflow-x:auto;padding:13px 0 10px;scrollbar-width:thin}.template-category{flex:0 0 auto;border:1px solid var(--line);background:rgba(8,10,27,.65);color:var(--muted);border-radius:999px;padding:7px 11px;font:inherit;font-size:.72rem;cursor:pointer}.template-category.active{border-color:transparent;background:linear-gradient(135deg,#806cff,#ba73ff);color:white;box-shadow:0 6px 16px rgba(128,108,255,.23)}.template-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:238px;overflow:auto;padding-right:3px}.template-card{border:1px solid rgba(80,88,137,.65);background:rgba(8,10,27,.62);color:var(--text);border-radius:12px;padding:11px;text-align:left;cursor:pointer;transition:.18s}.template-card:hover{border-color:var(--cyan);background:rgba(102,230,255,.06);transform:translateY(-1px)}.template-card strong{display:block;font-size:.77rem}.template-card p{color:var(--muted);font-size:.69rem;line-height:1.5;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-card small{display:block;color:#c8bcff;font-size:.66rem;margin-top:6px}.negative-prompt-area{display:block;margin-top:12px}.negative-prompt-area .field-label{margin:0 0 7px;color:#ffc3df}.negative-prompt-area textarea{resize:vertical;font-size:.76rem;line-height:1.5}.template-empty{grid-column:1/-1;color:var(--muted);font-size:.76rem;text-align:center;padding:22px}
.result-template-panel{margin:0 0 20px}.result-template-panel .template-cards{grid-template-columns:repeat(3,minmax(0,1fr));max-height:210px}
@media(max-width:900px){.student-badge{display:none}}

.top-controls{display:flex;align-items:center;gap:8px}
.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--text);font:inherit;font-weight:800;cursor:pointer;transition:.18s}
.icon-button:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-1px)}
.language-toggle{width:44px}

html[data-theme="light"]{--bg:#f5f1e8;--panel:#fffaf0;--panel2:#f8f2e6;--line:#ddd2bf;--muted:#6f6657;--text:#26221b;--cyan:#a05b14;--orange:#b45f17;--pink:#b45309;--danger:#a13c30;--shadow:0 22px 55px rgba(79,64,38,.12)}
html[data-theme="light"] body{background:linear-gradient(180deg,#faf6ec,#f1e9da);color:var(--text)}
html[data-theme="light"] .noise{opacity:.028}
html[data-theme="light"] .topbar{background:rgba(250,246,236,.88);border-color:var(--line);box-shadow:0 10px 34px rgba(79,64,38,.08)}
html[data-theme="light"] .brand-mark{background:#d97706;color:#fff8e7;box-shadow:0 8px 20px rgba(180,95,23,.16)}
html[data-theme="light"] .student-badge{border-color:#dcc5a3;background:#f6e8c9;color:#7a4a11}
html[data-theme="light"] .composer-panel,html[data-theme="light"] .result-panel,html[data-theme="light"] .writing-workspace,html[data-theme="light"] .practical-workspace{background:#fffaf0}
html[data-theme="light"] .rail{background:#f8f2e6}
html[data-theme="light"] .mode-button.active{color:#8a4c10;background:linear-gradient(145deg,rgba(217,119,6,.13),rgba(251,191,36,.08));border-color:rgba(217,119,6,.26)}
html[data-theme="light"] .input{background:#fffdf8;border-color:var(--line);color:var(--text)}
html[data-theme="light"] .primary-button{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fffdf7;box-shadow:0 12px 28px rgba(180,95,23,.18)}
html[data-theme="light"] .secondary-button,html[data-theme="light"] .key-button{background:#fffdf8}
html[data-theme="light"] .dialog{background:#fffaf0;box-shadow:0 28px 70px rgba(79,64,38,.2)}
html[data-theme="light"] .dialog::backdrop{background:rgba(56,45,28,.28)}
html[data-theme="light"] .toast{background:#fffdf8;border-color:#ddd2bf}
html[data-theme="light"] .prompt-template-panel,html[data-theme="light"] .template-card,html[data-theme="light"] .template-category{background:#fffdf8}
html[data-theme="light"] .template-card small,html[data-theme="light"] .template-heading small,html[data-theme="light"] .template-card p{color:var(--muted)}
html[data-theme="light"] .mode-button:nth-child(3).active,html[data-theme="light"] .mode-button:nth-child(4).active,html[data-theme="light"] .mode-button:nth-child(5).active{color:#8a4c10;border-color:rgba(217,119,6,.26);background:linear-gradient(145deg,rgba(217,119,6,.12),rgba(251,191,36,.07))}
html[data-theme="light"] .topbar{background:rgba(250,246,236,.9);box-shadow:0 10px 34px rgba(79,64,38,.08)}
html[data-theme="light"] .rail{background:rgba(248,242,230,.96)}
html[data-theme="light"] .progress-track{background:#e8dfc9}
html[data-theme="light"] .gallery-media,html[data-theme="light"] .history-thumb,html[data-theme="light"] .region-canvas-wrap,html[data-theme="light"] .practical-result-media{background:#f1e9da}
html[data-theme="light"] .dialog{background:#fffaf0}
html[data-theme="light"] .dialog::backdrop{background:rgba(56,45,28,.28)}
html[data-theme="light"] .secret-input button{background:#f8f2e6;color:var(--muted)}
html[data-theme="light"] .toast{background:#fffdf8;border-color:#ddd2bf}
html[data-theme="light"] .edit-mode,html[data-theme="light"] .preset-row button,html[data-theme="light"] .region-tool,html[data-theme="light"] .editor-toolbar button,html[data-theme="light"] .writing-tab,html[data-theme="light"] .quick-tools button,html[data-theme="light"] .region-image-tab,html[data-theme="light"] .operation-buttons button{background:#fffdf8;color:var(--muted);border-color:var(--line)}
html[data-theme="light"] .writing-tabs{background:#f8f2e6}
html[data-theme="light"] .text-output,html[data-theme="light"] .practical-summary{color:var(--text)}
html[data-theme="light"] .title-item,html[data-theme="light"] .prompt-card,html[data-theme="light"] .style-choice{background:#fffdf8}
html[data-theme="light"] .practical-upload{background:#fffdf8;border-color:#d4c6a9}
html[data-theme="light"] .practical-result,html[data-theme="light"] .edit-operation{background:#fffdf8}
html[data-theme="light"] .student-badge{color:#7a4a11}
html[data-theme="light"] .input{background:#fffdf8}
html[data-theme="light"] .template-category,html[data-theme="light"] .template-card{background:#fffdf8}
html[data-theme="light"] .template-card small{color:#7a5318}
html[data-theme="light"] .negative-prompt-area .field-label{color:#a13c30}
html[data-theme="light"] .deai-warning,html[data-theme="light"] .academic-notice{border-color:rgba(180,95,23,.3);background:rgba(245,158,11,.09);color:#7a4a11}
html[data-theme="light"] .deai-strength button.active{color:#fffdf7;background:linear-gradient(135deg,#d97706,#f59e0b)}
html[data-theme="light"] .region-image-tab.active{border-color:rgba(217,119,6,.34);background:rgba(217,119,6,.1);color:#8a4c10}
html[data-theme="light"] .writing-card,html[data-theme="light"] .practical-card,html[data-theme="light"] .practical-results-section{background:linear-gradient(145deg,#fffdf8,#f8f2e6);box-shadow:0 16px 38px rgba(79,64,38,.09)}
html[data-theme="light"] .edit-mode.active,html[data-theme="light"] .region-tool.active,html[data-theme="light"] .writing-tab.active,html[data-theme="light"] .quick-tools button.active{border-color:rgba(217,119,6,.34);background:rgba(217,119,6,.1);color:#8a4c10}
html[data-theme="light"] .template-category.active{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fffdf7;box-shadow:0 6px 16px rgba(180,95,23,.18)}
html[data-theme="light"] .template-card:hover,html[data-theme="light"] .ref-item.active,html[data-theme="light"] .academic-skill.active{border-color:rgba(217,119,6,.34);background:rgba(217,119,6,.08)}
html[data-theme="light"] .switch{background:#d9cbb0}
html[data-theme="light"] .switch:checked:before{background:#fffdf7}
html[data-theme="light"] .progress-box span{background:linear-gradient(90deg,#65e6a9,#d97706)}
html[data-theme="light"] .deai-progress-bar span{background:linear-gradient(90deg,#65e6a9,#d97706)}
html[data-theme="light"] .result-stage{background:linear-gradient(135deg,#fffdf8,#f1e9da);border-color:var(--line)}
html[data-theme="light"] .orbit{border-color:#d9cbb0}
html[data-theme="light"] .orbit:before{border-color:#c9b795}
html[data-theme="light"] .progress-ring{color:#8a4c10}

.modular-workspace{grid-column:2/-1;min-width:0;min-height:calc(100vh - 76px);padding:24px 26px;background:var(--bg);overflow:auto}
.modular-hero{max-width:1440px;margin:0 auto 14px;display:grid;grid-template-columns:minmax(290px,.8fr) minmax(650px,1.7fr);gap:18px;align-items:stretch}.modular-hero-copy{padding:12px 4px}.modular-hero h1{font-size:1.85rem;margin:7px 0 8px}.modular-hero p{color:var(--muted);line-height:1.6;max-width:640px;margin:0;font-size:.82rem}
.modular-quick-guide{border:1px solid rgba(112,230,239,.25);border-radius:18px;background:linear-gradient(135deg,rgba(112,230,239,.1),rgba(255,157,92,.04));padding:15px}.modular-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.modular-guide-heading strong{font-size:.9rem}.modular-guide-heading span{color:var(--cyan);font-size:.68rem;font-weight:800}.modular-step-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.modular-step-list article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(7,11,18,.48)}.modular-step-list b,.modular-card-heading>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--cyan);color:#061016;font-size:.9rem;font-weight:900}.modular-step-list strong{display:block;font-size:.75rem;margin:1px 0 4px}.modular-step-list p{font-size:.67rem;line-height:1.48}
.modular-examples{max-width:1440px;margin:0 auto 14px;border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:14px 16px}
.modular-examples-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:11px}.modular-examples-head h2{margin:0 0 4px;font-size:.95rem}.modular-examples-head p{color:var(--muted);font-size:.72rem;line-height:1.5;max-width:820px;margin:0}.modular-examples-head span{color:var(--cyan);font-size:.68rem;font-weight:800;white-space:nowrap}
.modular-example-grid{display:flex;gap:10px;overflow-x:auto;padding:1px 1px 8px;scroll-snap-type:x proximity;scrollbar-width:thin}
.modular-example{flex:0 0 min(340px,82vw);scroll-snap-align:start;border:1px solid var(--line);border-radius:13px;background:var(--panel2);padding:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.modular-example-copy{display:grid;gap:6px;min-width:0}.modular-example-copy strong{font-size:.83rem}.modular-example-copy p{color:var(--muted);font-size:.72rem;line-height:1.55;margin:0}.modular-example-copy small{color:var(--cyan);font-size:.68rem;font-weight:800}
.modular-example-actions{display:grid;gap:7px;justify-items:center;flex:0 0 auto}.modular-example-actions a{color:var(--muted);font-size:.68rem;text-decoration:none}.modular-example-actions a:hover{color:var(--cyan)}
.modular-layout{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.modular-card,.modular-result article{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:17px}
.modular-card-heading{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px}.modular-card-heading>span{flex:0 0 32px}.modular-card-heading h2{margin:0 0 4px;font-size:1rem}.modular-card-heading p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.5}.modular-result h3{margin:0 0 14px;font-size:1rem}
.modular-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.modular-fields .full{grid-column:1/-1}
.modular-fields label{display:grid;gap:6px;font-size:.72rem;font-weight:800;color:var(--muted)}.modular-fields input,.modular-fields select,.modular-fields textarea{margin-top:0;padding:10px 11px;border-radius:10px}.modular-fields textarea{min-height:72px;resize:vertical}
.modular-card .primary-button{margin-top:14px;width:100%}
.modular-result{max-width:1440px;margin:14px auto 0;scroll-margin-top:90px}
.modular-stage-three{border:1px solid rgba(112,230,239,.3);border-radius:18px;background:linear-gradient(135deg,rgba(112,230,239,.08),rgba(255,157,92,.035));padding:17px;margin-bottom:14px}.modular-stage-three .modular-card-heading{margin-bottom:12px}.modular-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.modular-action-button{display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:10px;text-align:left;padding:12px 13px;border:1px solid rgba(112,230,239,.34);border-radius:13px;background:var(--panel2);color:var(--text);font:inherit;cursor:pointer;box-shadow:0 7px 20px rgba(8,16,26,.22);transition:.18s}.modular-action-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),#78a7ff);color:#061016;font-size:.82rem;font-weight:900}.modular-action-copy{display:grid;gap:5px;min-width:0}.modular-action-button strong{font-size:.78rem;color:var(--text)}.modular-action-button small{font-size:.66rem;line-height:1.45;color:var(--muted);font-weight:500}.modular-action-arrow{color:var(--cyan);font-size:1rem;font-weight:900}.modular-action-button:hover{border-color:var(--cyan);background:rgba(112,230,239,.1);transform:translateY(-2px);box-shadow:0 12px 28px rgba(112,230,239,.14)}.modular-action-button:active{transform:translateY(0);box-shadow:0 5px 14px rgba(8,16,26,.2)}.modular-action-button:focus-visible{outline:3px solid rgba(112,230,239,.38);outline-offset:2px}.modular-ai-status{color:var(--muted);font-size:.68rem;line-height:1.5;margin:9px 2px 0}
.modular-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.modular-result dl{display:grid;gap:12px;margin:0}.modular-result dl div{display:grid;gap:3px}.modular-result dt{color:var(--muted);font-size:.72rem}.modular-result dd{margin:0;font-weight:800}.modular-result dd small{display:block;color:var(--muted);font-weight:400;margin-top:3px}
.modular-result article:nth-child(3){display:flex;flex-direction:column;gap:14px}.modular-result article:nth-child(3) p{color:var(--muted);font-size:.78rem;line-height:1.7;white-space:pre-wrap;overflow:auto;max-height:320px;margin:0}.modular-result article:nth-child(3) button{align-self:flex-start}
.modular-plan-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:22px;margin-top:16px}.modular-plan-card h3{margin:0 0 15px}.modular-plan-card img{width:100%;border-radius:12px;border:1px solid var(--line);display:block}.modular-plan-card p{color:var(--muted)}
.modular-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.modular-images article{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:14px}.modular-images h4{margin:0 0 10px;font-size:.85rem}.modular-images img{width:100%;border-radius:10px;cursor:pointer;display:block}.modular-images .empty-result{min-height:210px;display:grid;place-content:center}.modular-images .progress-box{margin:0}.modular-image-actions{display:flex;gap:12px;margin-top:10px}
.modular-note{max-width:1180px;margin:14px auto 0;color:var(--muted);font-size:.74rem;line-height:1.7}

.deai-card{max-width:1100px;margin:0 auto}
.deai-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.deai-upload{position:relative;overflow:hidden;display:inline-flex}.deai-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.deai-upload span{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--text);padding:10px 14px;font-size:.78rem;font-weight:800;cursor:pointer}
.deai-drop{border-radius:12px}.deai-drop.dragging span{border-color:var(--cyan);color:var(--cyan);background:rgba(102,230,255,.08)}
.deai-strength{display:flex;flex:1;min-width:280px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.deai-strength button{flex:1;border:0;background:transparent;color:var(--muted);padding:10px;font:inherit;font-size:.73rem;cursor:pointer}.deai-strength button.active{background:var(--cyan);color:#061016;font-weight:800}
.deai-file-message{min-height:18px;color:var(--muted);font-size:.73rem;margin:10px 0 0}
.deai-run{width:min(320px,100%);margin:18px auto 0;display:flex}
.deai-progress{display:grid;gap:7px;margin-top:16px}.deai-progress-bar{height:7px;border-radius:99px;background:var(--panel2);overflow:hidden}.deai-progress-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#65e6a9,var(--cyan));transition:.4s}.deai-progress small{color:var(--muted);font-size:.7rem;text-align:center}
.deai-error{min-height:20px;color:var(--danger);font-size:.76rem;margin:10px 0 0}
.deai-result-actions{display:flex;gap:9px}
.deai-warning{border:1px solid rgba(255,173,102,.35);background:rgba(255,173,102,.08);color:#ffd8a8;border-radius:12px;padding:11px 13px;font-size:.76rem;line-height:1.6}
.deai-chunks{display:grid;gap:12px;margin-top:15px}.deai-chunk{border:1px solid var(--line);border-radius:14px;background:var(--panel2);padding:14px}.deai-chunk header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.deai-chunk header strong{font-size:.76rem}.deai-chunk header small{color:var(--muted);font-size:.69rem;text-align:right}.deai-chunk div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.deai-chunk section{border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:11px}.deai-chunk b{display:block;color:var(--muted);font-size:.67rem;margin-bottom:7px}.deai-chunk p{color:var(--text);font-size:.74rem;line-height:1.7;white-space:pre-wrap;max-height:280px;overflow:auto;margin:0}

.academic-skills-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px}
.academic-skill-list{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:20px}
.academic-skill-cards{display:grid;gap:10px;margin-top:16px}
.academic-skill{border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--text);padding:13px;text-align:left;font:inherit;cursor:pointer;transition:.18s}.academic-skill:hover{border-color:var(--cyan)}.academic-skill.active{border-color:rgba(102,230,255,.5);background:rgba(102,230,255,.08)}
.academic-skill strong{display:block;font-size:.8rem}.academic-skill p{color:var(--muted);font-size:.69rem;line-height:1.55;margin:6px 0 8px}.academic-skill small{color:var(--cyan);font-size:.65rem;font-weight:800}
.academic-skill-workbench{display:grid;align-content:start;gap:15px}
.academic-mode{color:var(--cyan);border:1px solid rgba(102,230,255,.3);border-radius:999px;padding:6px 10px;font-size:.68rem;font-weight:800;white-space:nowrap}
.academic-notice{border:1px solid rgba(255,173,102,.35);background:rgba(255,173,102,.08);color:#ffd8a8;border-radius:12px;padding:11px 13px;font-size:.74rem;line-height:1.65}
.academic-skill-workbench .writing-actions{margin:0}
#ttsAudio{width:100%;margin:0 0 14px}
@media(max-width:900px){.academic-skills-layout{grid-template-columns:1fr}}
@media(max-width:1280px){.modular-hero{grid-template-columns:1fr}.modular-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.modular-images{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.modular-workspace{grid-column:1/-1;padding:20px 16px}.modular-layout,.modular-result-grid,.modular-images{grid-template-columns:1fr}.modular-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.modular-step-list,.modular-actions,.modular-fields{grid-template-columns:1fr}.modular-examples-head,.modular-guide-heading{align-items:flex-start;flex-direction:column}.modular-example{align-items:flex-start;flex-direction:column;flex-basis:86vw}.modular-example-actions{grid-template-columns:auto auto;align-items:center;justify-items:start}.modular-hero h1{font-size:1.55rem}}
@media(max-width:760px){.deai-chunk div{grid-template-columns:1fr}.deai-strength{flex-direction:column}.deai-strength button{width:100%}}
@media(max-width:720px){.template-heading{align-items:stretch;flex-direction:column}.template-heading .input{width:100%}.template-cards,.result-template-panel .template-cards{grid-template-columns:1fr;max-height:280px}.prompt-template-panel{padding:13px}.template-card strong{font-size:.82rem}.template-card p{font-size:.74rem}}
.region-canvas-wrap{touch-action:none}.region-canvas-wrap.has-image{min-height:0;display:block;aspect-ratio:var(--region-aspect,4/3)}.region-canvas-wrap.has-image img{display:block;position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:fill;user-select:none;pointer-events:none}.region-image-tabs{display:flex;gap:8px;overflow:auto;margin-top:10px;padding-bottom:2px}.region-image-tab{border:1px solid var(--line);background:#0a101a;color:var(--muted);border-radius:9px;padding:7px 10px;font:inherit;font-size:.72rem;cursor:pointer;white-space:nowrap}.region-image-tab.active{border-color:rgba(112,230,239,.48);background:rgba(112,230,239,.1);color:var(--cyan)}.region-tag{display:flex;align-items:center;gap:8px}.region-tag code{flex:1;color:var(--cyan);font-size:.7rem;overflow:hidden;text-overflow:ellipsis}.region-tag button{border:0;background:none;color:var(--muted);cursor:pointer;padding:2px 4px}.region-tag button:hover{color:var(--cyan)}.edit-operation-builder{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.operation-buttons{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 10px}.operation-buttons button{border:1px solid var(--line);background:#0a101a;color:var(--muted);border-radius:8px;padding:7px 11px;font:inherit;font-size:.75rem;cursor:pointer}.operation-buttons button:disabled{opacity:.4;cursor:not-allowed}.operation-buttons button:not(:disabled):hover{border-color:var(--cyan);color:var(--cyan)}.edit-operation-list{display:grid;gap:9px}.edit-operation{border:1px solid var(--line);border-radius:10px;background:#080e17;padding:10px;display:grid;gap:8px}.edit-operation-head{display:flex;align-items:center;justify-content:space-between;font-size:.76rem}.edit-operation-head button{border:0;background:none;color:var(--danger);cursor:pointer}.edit-operation-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.edit-operation-fields .input{padding:8px 9px;font-size:.74rem}.edit-operation-fields .full{grid-column:1/-1}.ref-select{border:0;background:none;color:inherit;text-align:left;display:grid;gap:2px;min-width:0;flex:1;cursor:pointer}.ref-select small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.ref-item.active{border-color:var(--cyan);background:rgba(112,230,239,.06)}
.smart-prompt-panel{margin-top:10px;border:1px solid rgba(112,230,239,.28);border-radius:14px;background:rgba(11,22,35,.72);padding:13px}
.smart-prompt-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.smart-prompt-heading>div{min-width:0}
.smart-prompt-heading strong{display:block;font-size:.82rem}
.smart-prompt-heading small{display:block;color:var(--muted);font-size:.7rem;line-height:1.45;margin-top:4px}
.smart-prompt-heading .secondary-button{flex:0 0 auto;padding:9px 12px;font-size:.74rem}
.smart-prompt-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}
.smart-prompt-card{border:1px solid rgba(112,230,239,.3);background:rgba(6,13,22,.72);color:var(--text);border-radius:11px;padding:10px;text-align:left;cursor:pointer;font:inherit}
.smart-prompt-card:hover{border-color:var(--cyan);background:rgba(102,230,255,.08)}
.smart-prompt-card strong{display:block;font-size:.74rem;color:var(--cyan)}
.smart-prompt-card p{color:#d8e2ec;font-size:.68rem;line-height:1.55;margin:7px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.smart-prompt-card small{display:block;color:var(--muted);font-size:.64rem;line-height:1.45;margin-top:7px}
.smart-prompt-empty,.smart-prompt-error{grid-column:1/-1;color:var(--muted);font-size:.74rem}
.smart-prompt-error{color:var(--danger)}
@media(max-width:720px){.smart-prompt-heading{align-items:stretch;flex-direction:column}.smart-prompt-results{grid-template-columns:1fr}.smart-prompt-heading .secondary-button{width:100%}}
html[data-theme="light"] .smart-prompt-panel{border-color:rgba(217,119,6,.24);background:#fffdf8;box-shadow:0 10px 30px rgba(180,95,23,.06)}
html[data-theme="light"] .smart-prompt-card{border-color:rgba(37,48,68,.18);background:#fffdf8;color:var(--text)}
html[data-theme="light"] .smart-prompt-card:hover{border-color:rgba(217,119,6,.42);background:rgba(217,119,6,.07)}
html[data-theme="light"] .smart-prompt-card strong{color:#b45309}
html[data-theme="light"] .smart-prompt-card p{color:#334155}
html[data-theme="light"] .modular-quick-guide{border-color:rgba(217,119,6,.24);background:linear-gradient(135deg,#fffdf8,#f6efe3)}
html[data-theme="light"] .modular-guide-heading span{color:#b45309}
html[data-theme="light"] .modular-step-list article{border-color:rgba(37,48,68,.18);background:#fffdf8}
html[data-theme="light"] .modular-step-list b{background:#d97706;color:#fffdf7}
.modular-plan-help{color:var(--muted);font-size:.72rem;line-height:1.55;margin:9px 0 0}
html[data-theme="light"] .modular-action-button{border-color:rgba(217,119,6,.28);background:#fffdf8;box-shadow:0 7px 20px rgba(180,95,23,.08)}
html[data-theme="light"] .modular-action-icon{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fffdf7}
html[data-theme="light"] .modular-action-arrow{color:#b45309}
html[data-theme="light"] .modular-action-button:hover{border-color:rgba(217,119,6,.48);background:rgba(217,119,6,.08);box-shadow:0 12px 28px rgba(180,95,23,.14)}
html[data-theme="light"] .filter{border-color:#ddd2bf;background:#fffdf8;color:var(--muted);box-shadow:0 4px 14px rgba(79,64,38,.04)}
html[data-theme="light"] .filter:hover{border-color:rgba(217,119,6,.38);color:#8a4c10;background:#fffaf0}
html[data-theme="light"] .filter.active{border-color:transparent;background:linear-gradient(135deg,#d97706,#f59e0b);color:#fffdf7;box-shadow:0 7px 18px rgba(180,95,23,.18)}
html[data-theme="light"] .gallery-card{border-color:#ddd2bf;background:#fffdf8;box-shadow:0 12px 30px rgba(79,64,38,.08)}
html[data-theme="light"] .gallery-media{border-bottom:1px solid #e8dfc9;background:#f1e9da}
html[data-theme="light"] .gallery-copy{background:#fffdf8}
html[data-theme="light"] .gallery-actions a,html[data-theme="light"] .gallery-actions button{color:#b45309}
html[data-theme="light"] .gallery-style{border-color:rgba(217,119,6,.28);background:rgba(217,119,6,.08);color:#8a4c10}
html[data-theme="light"] .preview-stage img,html[data-theme="light"] .preview-stage video{background:#f1e9da;border:1px solid #ddd2bf}
html[data-theme="light"] .preview-compare figcaption{background:rgba(255,253,248,.92);color:#4a4235;border:1px solid rgba(217,119,6,.2)}
html[data-theme="light"] .preview-style{color:#b45309}
@media(min-width:721px){.result-template-panel .template-cards{max-height:260px}}
.result-panel .edit-controls{margin:0 0 18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(10,16,26,.42)}
.result-panel .edit-mode-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.result-panel .preset-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.result-panel .region-canvas-wrap.has-image{width:min(100%,calc(58vh * var(--region-aspect,4 / 3)));max-height:58vh;margin-inline:auto}
.result-panel .edit-operation-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
html[data-theme="light"] .result-panel .edit-controls{border-color:#ddd2bf;background:#fffdf8;box-shadow:0 12px 30px rgba(79,64,38,.06)}
@media(max-width:900px){.result-panel .preset-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.inline-history{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.inline-history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}
.inline-history-head h2{font-size:1rem;margin:6px 0 0}
.inline-history-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.inline-history-list .history-item{grid-template-columns:64px 1fr auto;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(10,16,26,.42);cursor:pointer;transition:.2s}
.inline-history-list .history-item:hover{border-color:rgba(112,230,239,.4);background:rgba(112,230,239,.06)}
.inline-history-list .history-thumb{width:64px;height:48px}
.inline-history-list .empty-result{grid-column:1/-1;margin:0}
html[data-theme="light"] .inline-history-list .history-item{border-color:#ddd2bf;background:#fffdf8}
.reference-list .ref-select{display:flex;align-items:center;gap:8px}
.reference-list .ref-thumb{width:54px;height:54px;flex:0 0 54px;border-radius:8px;background:#070b12;object-fit:cover}
.reference-list .ref-thumb-empty{display:grid;place-items:center;color:var(--muted);font-size:.64rem;font-weight:800}
.reference-list .ref-copy{display:grid;gap:2px;min-width:0;text-align:left}
.reference-list .ref-copy span{max-width:150px;color:var(--text)}
.reference-list .ref-copy small{color:var(--muted);font-size:.64rem}
html[data-theme="light"] .reference-list .ref-thumb{background:#f1e9da}
.modular-model-row{display:grid;grid-template-columns:230px minmax(0,1fr);gap:10px;align-items:center;margin-top:12px}
.modular-model-row label{display:grid;gap:5px}
.modular-model-row span{color:var(--muted);font-size:.68rem;font-weight:700}
.modular-model-row select{padding:9px 10px;font-size:.76rem}
.modular-model-row small{color:var(--muted);font-size:.68rem;line-height:1.5}
.modular-error{color:var(--danger);font-size:.74rem;line-height:1.55;margin:8px 2px 0}
.modular-plan-error{color:var(--danger);font-size:.78rem;line-height:1.55}
html[data-theme="light"] .modular-model-row select{background:#fffdf8;border-color:#ddd2bf}
@media(max-width:720px){.modular-model-row{grid-template-columns:1fr}}
.modular-hero-actions{display:flex;justify-content:flex-start;margin-top:12px}
html[data-theme="light"] .modular-hero-actions .secondary-button{border-color:rgba(217,119,6,.28);background:#fffdf8;box-shadow:0 7px 18px rgba(180,95,23,.07)}

#historyList{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;max-height:min(70vh,720px);overflow:auto;padding-right:6px}
.history-item,.inline-history-list .history-item{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(10,16,26,.42);cursor:pointer;transition:.2s}
.inline-history-list .history-item:hover{border-color:rgba(112,230,239,.4);background:rgba(112,230,239,.06)}
.history-media{position:relative;width:100%;aspect-ratio:16/10;border-radius:9px;overflow:hidden;background:#070b12;display:grid;place-items:center}
.history-thumb{width:100%;height:100%;object-fit:cover;display:block}
.history-thumb-empty{display:grid;place-items:center;color:var(--muted);font-size:1.6rem}
.history-copy{display:grid;gap:6px;min-width:0}
.history-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.history-delete{align-self:flex-end;padding:2px 0}
html[data-theme="light"] .history-item,html[data-theme="light"] .inline-history-list .history-item{border-color:#ddd2bf;background:#fffdf8}
html[data-theme="light"] .history-media,html[data-theme="light"] .history-thumb,html[data-theme="light"] .history-thumb-empty{background:#f1e9da}
.history-media .history-thumb,.history-media .history-thumb-empty{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.history-media .history-thumb-empty{display:grid;place-items:center}