:root{--ink:#1e211f;--muted:#777a74;--paper:#f1f0eb;--card:#faf9f5;--line:#deddd6;--accent:#c75a40;--green:#365d50;--sans:"Noto Sans SC","Source Han Sans SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;font-family:var(--sans);background:var(--paper);color:var(--ink);margin:0}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#faf9f5f0;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;position:sticky;top:0}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;display:flex}.brand-mark{background:var(--ink);color:#fff;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.brand b{letter-spacing:4px;display:block}.brand small{letter-spacing:1.8px;color:#a19f97;font-size:7px}.progress{color:#aaa;align-items:center;gap:14px;font-size:11px;display:flex}.progress span.active{color:var(--ink);font-weight:700}.progress i{background:#d4d2ca;width:35px;height:1px}.top-actions{align-items:center;gap:8px;display:flex}.autosave{color:#83857f;margin-right:8px;font-size:10px}.autosave i{background:#5f876b;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.ghost{border:1px solid var(--line);cursor:pointer;background:0 0;padding:8px 12px;font-size:10px}.action-file{display:inline-block}.primary{background:var(--ink);color:#fff;cursor:pointer;border:0}.primary:disabled{opacity:.45;cursor:not-allowed}.setup-page{grid-template-columns:.82fr 1.18fr;align-items:start;gap:84px;max-width:1340px;margin:auto;padding:74px 42px 90px;display:grid}.hero-copy{position:sticky;top:140px}.eyebrow{letter-spacing:4px;color:var(--accent);font-size:9px;font-weight:700;display:block}.hero-copy h1,.page-heading h1{letter-spacing:-3px;margin:20px 0;font-size:clamp(42px,5vw,72px);line-height:1.18}.hero-copy h1 em{color:var(--accent);font-style:normal}.hero-copy>p{max-width:480px;color:var(--muted);font-size:14px;line-height:2}.trust{flex-wrap:wrap;gap:8px;margin-top:38px;display:flex}.trust span{background:#ffffff59;border:1px solid #d6d3ca;padding:8px 11px;font-size:10px}.setup-card{background:var(--card);border:1px solid var(--line);padding:34px;box-shadow:0 18px 60px #2828230d}.section-title{align-items:center;gap:14px;display:flex}.section-title>span{background:var(--ink);color:#fff;place-items:center;width:33px;height:33px;font-size:10px;display:grid}.section-title h2{margin:0;font-size:17px}.section-title p{color:#999;margin:3px 0;font-size:10px}.section-title.compact{margin-bottom:20px}.dropzone{cursor:pointer;background:#f1efe9;border:1px dashed #b8b4aa;flex-direction:column;justify-content:center;align-items:center;height:270px;margin:24px 0 12px;display:flex;position:relative;overflow:hidden}.dropzone:hover{border-color:var(--accent)}.dropzone>b{color:var(--accent);font-size:28px;font-weight:300}.dropzone strong{margin-top:10px;font-size:13px}.dropzone small{color:#aaa;margin-top:6px;font-size:9px}.dropzone img{object-fit:cover;width:100%;height:100%}.replace{color:#fff;background:#191917cc;padding:7px 11px;font-size:9px;position:absolute;bottom:12px;right:12px}.analysis-badge{cursor:pointer;background:#edf3ef;border:1px solid #d4ddd7;justify-content:space-between;width:100%;padding:10px 12px;display:flex}.analysis-badge span{color:var(--green);font-size:10px;font-weight:700}.analysis-badge small{color:#738078;font-size:9px}.analysis-detail{background:#f7faf8;border:1px solid #d4ddd7;border-top:0;padding:12px}.analysis-detail p{color:#666;margin:0 0 10px;font-size:10px;line-height:1.7}.analysis-detail div{gap:7px;display:flex}.analysis-detail div span{color:#fff;text-shadow:0 1px 2px #000;padding:9px;font-size:8px}.analysis-detail>small{color:#888;margin-top:9px;display:block}.form-section{border-top:1px solid var(--line);margin-top:26px;padding-top:25px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid .wide{grid-column:1/-1}label{color:#646660;font-size:10px;font-weight:600;display:block}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--ink);resize:none;background:#fff;border-radius:0;outline:0;margin-top:7px;padding:10px 11px;font-size:12px}input:focus,textarea:focus,select:focus{border-color:#898b84}.generate{letter-spacing:1px;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;margin-top:24px;font-size:12px;display:flex}.generate b{font-size:18px}.spinner{border:2px solid #777;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.candidate-page{max-width:1500px;margin:auto;padding:48px 34px 80px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:34px;display:flex}.page-heading h1{letter-spacing:-2px;margin:12px 0 5px;font-size:44px}.page-heading p{color:#888;font-size:12px}.back{color:#888;cursor:pointer;background:0 0;border:0;margin-bottom:22px;padding:0;font-size:10px}.analysis-summary{align-items:center;gap:4px;display:flex}.analysis-summary>span{width:22px;height:22px}.analysis-summary small{color:#888;margin-left:9px;font-size:9px}.candidate-grid{grid-template-columns:repeat(5,1fr);gap:24px 16px;display:grid}.candidate{text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.candidate canvas{background:#ccc;width:100%;height:auto;transition:all .25s;display:block;box-shadow:0 12px 30px #1d1d1b1f}.candidate:hover canvas{transform:translateY(-5px);box-shadow:0 18px 38px #1d1d1b33}.candidate-meta{border-bottom:1px solid #d5d4ce;grid-template-columns:25px 1fr auto;align-items:center;gap:9px;padding:11px 2px;display:grid}.candidate-meta>b{color:var(--accent);font-size:9px}.candidate-meta span strong,.candidate-meta span small{display:block}.candidate-meta span strong{font-size:11px}.candidate-meta span small{color:#999;margin-top:2px;font-size:8px}.candidate-meta em{opacity:0;font-size:9px;font-style:normal}.candidate:hover .candidate-meta em{opacity:1;color:var(--accent)}.editor-page{grid-template-columns:270px 1fr 270px;height:calc(100vh - 70px);display:grid;overflow:hidden}.editor-sidebar{background:var(--card);border-color:var(--line);border-style:solid;overflow:auto}.left-sidebar{border-width:0 1px 0 0}.right-sidebar{border-width:0 0 0 1px}.side-head{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:21px;display:flex}.side-head .back{margin:0}.side-head b,.side-head small{display:block}.side-head b{font-size:13px}.side-head small{color:#999;margin-top:3px;font-size:8px}.editor-sidebar section{border-bottom:1px solid var(--line);padding:20px}.editor-sidebar h3{letter-spacing:1px;margin:0 0 16px;font-size:11px}.editor-sidebar label{margin-bottom:12px}.editor-sidebar input,.editor-sidebar textarea,.editor-sidebar select{padding:8px 9px;font-size:11px}.preset-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.preset-grid button,.ratio-row button,.align-row button,.layer-actions button,.writing-toggle{border:1px solid var(--line);cursor:pointer;background:#fff;padding:8px 5px;font-size:9px}.preset-grid .accent{border-color:var(--accent);color:var(--accent)}.ratio-row{gap:4px;display:flex}.ratio-row button{flex:1}.ratio-row button.active,.align-row button.active{background:var(--ink);color:#fff}.stage-wrap{background:#deddd8;flex-direction:column;min-width:0;display:flex}.editor-toolbar{background:#f8f7f3;border-bottom:1px solid #d1d0ca;flex:0 0 52px;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.editor-toolbar>div{align-items:center;gap:7px;display:flex}.editor-toolbar button{cursor:pointer;background:#fff;border:1px solid #d7d5cd;padding:7px 10px;font-size:9px}.editor-toolbar button:disabled{opacity:.35}.editor-toolbar span{color:#888;margin-left:5px;font-size:9px}.editor-toolbar .export{background:var(--ink);color:#fff;border-color:var(--ink)}.quality.ok{color:#52725d}.quality.warn{color:#b06545}.canvas-stage{background-image:linear-gradient(45deg,#d7d6d1 25%,#0000 25%),linear-gradient(-45deg,#d7d6d1 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d7d6d1 75%),linear-gradient(-45deg,#0000 75%,#d7d6d1 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;flex:1;place-items:center;min-height:0;padding:30px;display:grid;position:relative;overflow:hidden}.canvas-stage canvas{touch-action:none;cursor:move;background:#bbb;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 15px 55px #14141238}.issue-popover{background:#fff3ec;border:1px solid #e2c3b3;flex-direction:column;gap:3px;padding:11px;font-size:9px;display:flex;position:absolute;bottom:18px;left:18px}.layer-heading{justify-content:space-between;align-items:center;display:flex}.layer-heading h3{margin:0}.layer-heading button{color:var(--accent);cursor:pointer;background:0 0;border:0;font-size:10px}.layers{flex-direction:column;gap:4px;display:flex}.layers>button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:22px 1fr 20px 20px;align-items:center;padding:7px;display:grid}.layers>button:hover{background:#f1efe9}.layers>button.active{background:#eeece5;border-color:#c7c3b9}.layers>button span{font-size:10px}.layers>button b{font-size:9px;font-weight:500}.layers>button i{color:#999;text-align:center;font-style:normal}.layer-actions{gap:5px;margin-top:10px;display:flex}.layer-actions button{flex:1}.inline{grid-template-columns:1fr 1fr;gap:8px;display:grid}.writing-toggle{width:100%;margin-bottom:8px}.align-row{margin-bottom:12px;display:flex}.align-row button{flex:1}.editor-sidebar input[type=color]{height:34px;padding:2px}.editor-sidebar input[type=range]{background:0 0;border:0;padding:0}.editor-sidebar output{float:right;color:#999}.toast{z-index:50;color:#fff;background:#1d1f1d;padding:11px 20px;font-size:11px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 9px 30px #00000038}@media (width<=1150px){.candidate-grid{grid-template-columns:repeat(4,1fr)}.editor-page{grid-template-columns:240px 1fr 240px}.progress{display:none}.setup-page{gap:45px}.autosave{display:none}}@media (width<=820px){.topbar{padding:0 16px}.top-actions .ghost:first-of-type{display:none}.setup-page{grid-template-columns:1fr;padding:38px 18px}.hero-copy{position:static}.hero-copy h1{font-size:44px}.candidate-grid{grid-template-columns:repeat(2,1fr)}.candidate-page{padding:35px 18px}.page-heading{display:block}.analysis-summary{margin-top:18px}.editor-page{flex-direction:column;height:auto;display:flex}.editor-sidebar{border:0}.stage-wrap{order:-1;height:72vh}.left-sidebar,.right-sidebar{overflow:visible}.canvas-stage{padding:16px}.editor-toolbar>div>span{display:none}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.setup-card{padding:24px}.dropzone{height:220px}}