:root{color-scheme:light;--paper:#f4f0e8;--panel:#fcfaf5;--ink:#1c2b22;--muted:#657169;--line:#d3d9cc;--accent:#d8ff70;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #617e37;outline-offset:4px}h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}
.editor-shell{width:min(1232px,calc(100% - 80px));margin:auto}.editor-header{min-height:82px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.back-link{display:inline-flex;align-items:center;gap:14px;font-size:13px;min-height:48px}.local-mark{font:10px/1.5 ui-monospace,monospace;letter-spacing:.1em;display:flex;align-items:center;gap:9px}.local-mark i{width:6px;height:6px;border-radius:50%;background:#698444}.editor-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;padding:54px 0 38px}.eyebrow,.section-label{font:10px/1.7 ui-monospace,monospace;letter-spacing:.1em;color:var(--muted)}.eyebrow{margin-bottom:18px}.editor-intro h1{font-size:clamp(40px,4.2vw,60px);line-height:1.17;letter-spacing:-.045em;font-weight:650}.editor-intro h1 span{display:block}.intro-copy{max-width:450px;font-size:14px;line-height:1.9;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;color:var(--ink);font-size:13px;margin-top:14px}.privacy-note{border:1px solid var(--line);border-left:3px solid #81965c;padding:18px 24px;background:#e9eddf;font-size:13px;line-height:1.8}.privacy-note strong{font-weight:600}.privacy-note p{color:#4e604c;max-width:1040px;margin-top:5px}
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;align-items:start;margin-top:42px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading h2{font-size:22px;font-weight:600;line-height:1.5;letter-spacing:-.03em}.section-label{margin-bottom:6px}.progress{font:11px/1.8 ui-monospace,monospace;white-space:nowrap;color:var(--muted)}.readiness{font-size:12px;color:var(--muted);line-height:1.8;margin-top:14px}.fields-panel fieldset{border:0;min-width:0;margin:0;padding:0}.field-group-title{font-size:13px;font-weight:600;letter-spacing:.02em;margin:28px 0 18px;padding-top:20px;border-top:1px solid var(--line)}.project-field{margin-bottom:24px}.project-field label{display:flex;align-items:baseline;gap:10px;font-size:14px;font-weight:600}.field-number{font:10px/1.5 ui-monospace,monospace;color:var(--muted)}.field-hint{font-size:12px;line-height:1.8;color:var(--muted);margin:6px 0 10px;overflow-wrap:anywhere}.project-field input,.project-field textarea{display:block;width:100%;border:1px solid #bcc8b6;border-radius:9px;background:var(--panel);color:var(--ink);padding:12px 14px;font-size:14px;line-height:1.7;min-height:48px}.project-field textarea{resize:vertical;min-height:92px}.project-field input:disabled,.project-field textarea:disabled{background:#ebece3;color:var(--muted)}.project-field input:focus,.project-field textarea:focus{border-color:#658743}.no-script{font-size:13px;line-height:1.8;margin-top:20px}.no-script a{text-decoration:underline;text-underline-offset:3px}
.result-panel{position:sticky;top:24px;min-width:0;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.result-panel:focus{outline:none}.result-panel:focus-visible h2{outline:2px solid #617e37;outline-offset:5px}.draft-mark{border:1px solid #c6cebc;border-radius:5px;padding:4px 8px;font-size:11px;color:var(--muted);white-space:nowrap}.result-help{margin:14px 0 20px;color:var(--muted);font-size:12px;line-height:1.85}.output-label{display:block;font-size:12px;color:#4a6048;margin-bottom:9px}.result-panel textarea{width:100%;display:block;resize:vertical;min-height:360px;max-height:58vh;border:1px solid #c5cebb;border-radius:9px;background:#f3f3e9;color:#233522;padding:16px;font:12px/1.9 ui-monospace,SFMono-Regular,Menlo,"PingFang SC",monospace;white-space:pre-wrap;overflow-wrap:anywhere}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;border:1px solid #bfcab3;background:transparent;border-radius:8px;padding:11px 16px;min-height:46px;font-size:12px;color:var(--ink)}.button-primary{background:var(--ink);border-color:var(--ink);color:var(--accent);flex:1}.button:hover:not(:disabled){border-color:#668743;background:#e8eddc}.button-primary:hover:not(:disabled){background:#304333;color:#f2ffd9}.text-button{border:0;background:transparent;min-height:44px;padding:8px 0;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#486046}.clear-button{margin-left:auto;color:#805d45}.action-status{min-height:24px;font-size:12px;color:#435e37;line-height:1.8;margin-top:12px;overflow-wrap:anywhere}.save-note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:12px}.source-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:12px;margin-top:7px}.clear-confirm{padding:16px;margin-top:14px;border:1px solid #d1b48d;border-radius:9px;background:#f7eddf;font-size:13px;line-height:1.8}.clear-confirm p{color:#74573b;font-size:12px;margin:6px 0 12px}.clear-confirm>div{display:flex;flex-wrap:wrap;gap:10px}.button-danger{background:#704d34;border-color:#704d34;color:#fff8ec}.button-danger:hover:not(:disabled){background:#523622;color:#fff8ec}
.editor-footer{margin-top:50px;padding:26px 0 36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:10px;line-height:1.8}.editor-footer a{min-height:44px;display:inline-flex;align-items:center;gap:16px}.skip-link{position:fixed;left:20px;top:16px;z-index:10;background:var(--ink);color:#fff;padding:14px 20px;transform:translateY(-160%)}.skip-link:focus{transform:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1000px){.editor-shell{width:calc(100% - 48px)}.editor-intro{gap:32px}.editor-layout{gap:24px}.result-panel{padding:20px}.panel-heading h2{font-size:20px}.progress{font-size:10px}}
@media(max-width:760px){.editor-shell{width:calc(100% - 32px)}.editor-header{min-height:70px;gap:12px}.back-link{font-size:12px;gap:8px}.local-mark{font-size:8px;letter-spacing:.03em;gap:6px}.editor-intro{grid-template-columns:1fr;gap:20px;padding:32px 0 26px}.editor-intro h1{font-size:40px}.eyebrow{font-size:8px;letter-spacing:.04em;margin-bottom:14px}.intro-copy{font-size:13px}.text-link{margin-top:8px}.privacy-note{padding:15px 16px;font-size:12px}.privacy-note p{font-size:12px}.editor-layout{grid-template-columns:1fr;gap:32px;margin-top:32px}.result-panel{position:static;padding:20px 16px}.result-panel textarea{max-height:none;min-height:400px;font-size:12px}.field-group-title{margin-top:24px}.project-field input,.project-field textarea{font-size:16px}.result-actions .button{flex:1 1 130px}.text-button{font-size:11px}.editor-footer{flex-direction:column;align-items:flex-start;gap:5px;margin-top:36px}.panel-heading h2{font-size:20px}.progress{font-size:10px}}
@media(max-width:359px){.editor-header{gap:8px}.local-mark{font-size:7px}.editor-intro h1{font-size:35px}.panel-heading{gap:10px}.panel-heading h2{font-size:18px}.progress{font-size:9px}.result-panel{padding:18px 14px}.result-panel textarea{padding:12px}.clear-button{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.result-panel{position:static}
#project-card-editor:focus{outline:none}
#project-card-editor:focus-visible #fields-title{outline:2px solid #617e37;outline-offset:5px}
@media(min-width:1001px) and (min-height:1100px){.result-panel{position:sticky}}