:root{font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#20232a;background:#f4f4f1;font-synthesis:none;--canvas: #f4f4f1;--surface: #fbfbf8;--surface-soft: #f0f1ef;--ink: #20232a;--muted: #777d86;--line: #d9dbd7;--line-strong: #c7cbc7;--blue: #285be7;--blue-soft: #eaf0ff;--error: #bb444c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas);-webkit-font-smoothing:antialiased}button,textarea,input{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}h1,h2,p{margin-top:0}.page-shell{width:min(1180px,calc(100% - 72px));margin:0 auto;padding:34px 0 72px}.app-header{display:grid;grid-template-columns:180px minmax(0,1fr) 120px;gap:32px;align-items:start;padding:0 0 30px;border-bottom:1px solid var(--line-strong)}.header-brand{display:inline-flex;align-items:center;gap:9px;padding-top:5px;color:var(--ink)}.brand-wordmark{font-family:Georgia,Times New Roman,serif;font-size:19px;letter-spacing:.12em}.brand-divider{width:19px;height:1px;background:var(--blue)}.brand-caption{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.12em;white-space:nowrap}.header-copy{min-width:0}.eyebrow{margin:0 0 10px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.16em}h1{display:flex;align-items:baseline;gap:9px;margin:0;color:var(--ink);font-size:clamp(34px,4.2vw,58px);font-weight:720;line-height:1.02;letter-spacing:-.075em}h1 em{color:var(--blue);font-style:normal;font-weight:400}.header-note{max-width:510px;margin:15px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.header-status{justify-self:end;padding-top:7px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.08em;white-space:nowrap}.status-dot{display:none}.status-index{display:inline-block;margin-left:7px;color:var(--blue)}.workspace{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);margin-top:28px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line-strong)}.script-column,.direction-column{min-width:0;padding:25px 28px 30px;background:var(--surface)}.script-column{border-right:1px solid var(--line-strong)}.direction-column{background:#f7f8fb}.section-heading{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.section-heading>div{display:flex;align-items:baseline;gap:12px}.section-heading h2,.result-heading h2{margin:0;color:var(--ink);font-size:21px;font-weight:720;line-height:1.3;letter-spacing:-.045em}.step-number{color:var(--blue);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800;letter-spacing:.05em}.section-heading.compact{min-height:28px;margin-bottom:13px}.upload-button,.result-actions button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;color:var(--ink);background:transparent;border:1px solid var(--line-strong);border-radius:3px;font-size:12px;font-weight:700;transition:border-color .16s ease,color .16s ease,background .16s ease}.upload-button:hover,.result-actions button:hover{color:var(--blue);border-color:var(--blue);background:var(--blue-soft)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.script-input-wrap,.direction-block{position:relative}textarea{width:100%;resize:vertical;display:block;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:2px;font-size:15px;line-height:1.85;transition:border-color .16s ease,box-shadow .16s ease}textarea:hover{border-color:#9ca4ac}textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #285be71a;outline:none}.script-input-wrap textarea{min-height:536px;padding:20px 20px 56px}.direction-input{min-height:286px;padding:18px 18px 52px}.field-meta{position:absolute;left:1px;right:1px;bottom:1px;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;color:var(--muted);background:var(--surface-soft);border-top:1px solid var(--line);border-radius:0 0 1px 1px;font-size:10px}.field-meta span:first-child{min-width:0;display:inline-flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-error{margin:9px 0 0;color:var(--error);font-size:12px}.hint,.field-intro{color:var(--muted);font-size:11px;line-height:1.5}.scope-block{padding-bottom:25px;border-bottom:1px solid var(--line-strong)}.scope-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.scope-chip{min-height:68px;display:flex;align-items:center;gap:11px;padding:0 13px;color:var(--muted);text-align:left;background:#fff;border:1px solid var(--line);border-radius:2px;transition:border-color .16s ease,background .16s ease}.scope-chip:hover{border-color:var(--blue)}.scope-chip.selected{color:var(--ink);background:var(--blue-soft);border-color:var(--blue)}.check-box{width:20px;height:20px;flex:0 0 20px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:transparent;border:1px solid #aab0b7;border-radius:50%}.scope-chip.selected .check-box{background:var(--blue);border-color:var(--blue)}.scope-copy{display:grid;gap:3px}.scope-copy strong{color:inherit;font-size:14px;line-height:1.2}.scope-copy small{color:var(--muted);font-size:10px;font-weight:500}.scope-chip.selected .scope-copy small{color:#536db8}.direction-block{padding-top:26px}.field-intro{margin:-2px 0 12px}.direction-meta{left:1px;right:1px;bottom:1px}.generation-controls{padding-top:24px}.model-block{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:11px}.control-label{color:var(--ink);font-size:12px;font-weight:750}.model-options{width:min(100%,360px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:2px;background:#eceef3;border:1px solid var(--line);border-radius:3px}.model-options button{min-height:34px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 4px;color:var(--muted);background:transparent;border:0;border-radius:2px;font-size:11px;font-weight:700;white-space:nowrap}.model-options button.selected{color:var(--ink);background:#fff;box-shadow:0 1px 3px #1f263114}.radio-dot{width:8px;height:8px;border:1px solid currentColor;border-radius:50%}.model-options button.selected .radio-dot{background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 2px #fff}.api-key-field{display:grid;gap:7px;margin:2px 0 13px;color:var(--muted);font-size:11px}.api-key-field input{width:100%;min-height:39px;padding:0 12px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:2px;font-size:12px}.api-key-field input::placeholder{color:#a4a9b0}.api-key-field input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #285be71a}.generation-note{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--muted);font-size:10px;line-height:1.45}.generation-note span{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:var(--blue)}.generate-button{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;color:#fff;background:var(--blue);border:1px solid var(--blue);border-radius:3px;font-size:13px;font-weight:750;transition:background .16s ease,transform .16s ease}.generate-button:hover:not(:disabled){background:#1f4dc8;transform:translateY(-1px)}.generate-button:active:not(:disabled){transform:translateY(1px)}.generate-button:disabled{cursor:not-allowed;opacity:.48}.result-section{scroll-margin-top:24px;margin-top:28px;padding:27px 28px 30px;color:var(--ink);background:var(--surface);border-top:2px solid var(--ink);border-bottom:1px solid var(--line-strong)}.result-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:17px}.result-actions{display:flex;gap:9px}.result-actions .copy-button{color:#fff;background:var(--blue);border-color:var(--blue)}.result-actions .copy-button:hover{color:#fff;background:#1f4dc8}.result-output{min-height:500px;padding:21px;background:#fff;border-color:var(--line);box-shadow:none}@media(max-width:980px){.page-shell{width:min(100% - 40px,720px);padding-top:24px}.app-header{grid-template-columns:1fr auto;gap:20px}.header-brand{grid-column:1 / -1}.header-copy{grid-column:1}.header-status{grid-column:2;grid-row:2}.workspace{grid-template-columns:1fr;margin-top:22px}.script-column{border-right:0;border-bottom:1px solid var(--line-strong)}.script-input-wrap textarea{min-height:390px}}@media(max-width:560px){.page-shell{width:calc(100% - 24px);padding:16px 0 40px}.app-header{grid-template-columns:1fr auto;padding-bottom:21px;gap:14px}.brand-wordmark{font-size:18px}.brand-caption{font-size:8px}.eyebrow{font-size:9px;letter-spacing:.11em}h1{gap:6px;font-size:32px}.header-note{max-width:280px;margin-top:10px;font-size:13px}.header-status{align-self:end;padding-bottom:3px;font-size:9px}.status-index{display:none}.workspace{margin-top:14px}.script-column,.direction-column{padding:20px 16px 22px}.section-heading{align-items:flex-start}.section-heading h2{font-size:19px}.upload-button{min-height:34px;padding:0 9px;font-size:11px}.scope-options{grid-template-columns:1fr}.script-input-wrap textarea{min-height:360px;font-size:14px}.direction-input{min-height:270px;font-size:14px}.model-block{align-items:flex-start;flex-direction:column;gap:9px}.model-options{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.result-section{margin-top:14px;padding:20px 16px 22px}.result-heading{align-items:flex-start;flex-direction:column;gap:15px}.result-actions{width:100%}.result-actions button{flex:1}.result-output{min-height:400px;padding:16px}}