@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap');
:root{color-scheme:dark;--bg:#0d1414;--panel:#121e1d;--panel2:#172421;--ink:#e6ece5;--muted:#9aaea5;--hair:#34473f;--accent:#bbdcab;--gold:#dfba84;--red:#e6a6a0;--sans:"DM Sans",system-ui,sans-serif;--serif:"Instrument Serif",Georgia,serif;--mono:"DM Mono",ui-monospace,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--sans)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}a:hover{text-decoration-color:var(--gold)}.skip{position:absolute;top:-99px;left:12px;padding:14px;background:var(--ink);color:var(--bg);z-index:40}.skip:focus{top:12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.topbar{height:79px;border-bottom:1px solid var(--hair);display:flex;align-items:center;gap:36px;padding:0 max(26px,calc((100vw - 1536px)/2));max-width:100%;background:#101917;position:relative}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;letter-spacing:.16em;font-size:.81rem;white-space:nowrap}.brand-symbol{display:grid;place-items:center;height:41px;width:41px;border:1px solid #6f8979;color:var(--accent);font-family:var(--serif);font-size:27px;letter-spacing:-.07em;font-style:italic}.brand-symbol span{color:var(--gold)}.brand small{display:block;font:10px var(--mono);letter-spacing:.02em;color:var(--muted);margin-top:2px}.topnav{display:flex;align-items:center;gap:24px;font-size:12px;margin-left:auto}.topnav a{color:var(--muted);text-decoration:none;white-space:nowrap}.topnav a:hover{color:var(--accent)}.header-status{border-left:1px solid var(--hair);padding-left:22px;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;white-space:nowrap}.online-dot{width:7px;height:7px;border-radius:50%;background:#9ec49d}
main{max-width:1536px;margin:0 auto;padding:0 28px 56px}.intro{padding:53px 0 36px;border-bottom:1px solid var(--hair)}.eyebrow,.portfolio-head,.paper-eyebrow,.preview-bottom{font:11px var(--mono);letter-spacing:.075em;text-transform:uppercase;color:var(--accent)}.intro-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.intro h1{font-size:clamp(38px,4.4vw,68px);max-width:850px;font-weight:500;line-height:1.02;letter-spacing:-.055em;margin:17px 0}.intro h1 em{font:italic 1.08em var(--serif);color:var(--gold);letter-spacing:-.025em}.intro p{margin:0;max-width:660px;color:#b7c7bc;font-size:16px}.intro-actions{display:flex;gap:10px;margin-bottom:3px;white-space:nowrap}
.primary,.secondary,.small-button,.upload-button{border-radius:5px;min-height:43px;padding:10px 17px;font-size:13px;font-weight:600;border:1px solid transparent;transition:background .15s,border .15s}.primary{background:var(--accent);color:#15221b}.primary:hover{background:#d5efca}.secondary,.small-button,.upload-button{background:transparent;border-color:#677d70;color:var(--ink)}.secondary:hover,.small-button:hover,.upload-button:hover{border-color:var(--gold);background:rgba(255,255,255,.05)}.small-button{min-height:38px;padding:8px 13px}
.portfolio{padding:24px 0 32px}.portfolio-head{display:flex;justify-content:space-between;color:#acc6b1;margin-bottom:14px}.portfolio-head span:last-child{color:#81998a;text-transform:none;letter-spacing:0}.portfolio-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.example{text-align:left;color:var(--ink);background:#121d1a;border:1px solid var(--hair);padding:17px 20px 14px;min-height:147px;display:flex;flex-direction:column;align-items:flex-start;border-radius:5px}.example:hover{border-color:#789783;background:#182720}.example.active{border-color:#add2af;background:linear-gradient(140deg,#1d322a,#15231f)}.example-no{color:var(--gold);font:10px var(--mono)}.example strong{font-size:18px;font-weight:550;letter-spacing:-.03em;margin:8px 0 1px}.example small{font-size:12px;color:var(--muted)}.example-foot{border-top:1px solid #43564a;margin-top:auto;padding-top:8px;width:100%;font:10px var(--mono);color:var(--accent)}
.studio-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);align-items:start;gap:20px}.editor{display:flex;flex-direction:column;gap:16px}.panel,.preview-panel,.next-panel{border:1px solid var(--hair);background:var(--panel);border-radius:6px;overflow:hidden}.panel{padding:24px}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:21px}.panel h2,.next-panel h3{font-size:25px;font-weight:500;line-height:1.18;letter-spacing:-.04em;margin:7px 0 0}.head-note,.chip{font:11px var(--mono);color:var(--muted);padding:6px 9px;border:1px solid var(--hair);white-space:nowrap}.chip{color:var(--gold)}
label{display:flex;flex-direction:column;gap:6px;color:#b9c9bf;font-size:12px;font-weight:500;min-width:0}input:not([type="file"]):not([type="checkbox"]),select,textarea{color:var(--ink);border:1px solid #41544a;background:#0e1917;outline:none;border-radius:4px;padding:11px 12px;min-width:0;width:100%;font-size:13px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--gold)}input::placeholder,textarea::placeholder{color:#798f82}select{min-height:42px}textarea{line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid .full{grid-column:1 / -1}.record-picker{display:flex;align-items:flex-end;gap:8px;margin-bottom:22px}.record-picker label{flex:1}.inline-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:18px;flex-wrap:wrap}.text-link{font-size:12px;color:var(--accent);text-decoration:none}.subtle,.helper{font-size:12px;color:#96a79b}.helper{margin-top:-10px;margin-bottom:17px}
.needs-list{display:grid;gap:8px}.need-row{display:grid;grid-template-columns:minmax(0,1fr) 145px 26px;align-items:center;gap:10px;border:1px solid #394e42;background:#101c19;padding:11px 12px;border-radius:4px}.need-main{display:flex;align-items:start;gap:10px;min-width:0}.need-main strong{display:block;font-size:13px;font-weight:550;line-height:1.35}.need-main small{color:var(--muted);font:10px var(--mono)}.need-no{font:11px var(--mono);color:var(--gold);padding-top:2px}.need-row select{font-size:11px;min-height:36px;padding:6px}.delete{border:0;background:none;color:#c5a2a1;font-size:21px;padding:0;line-height:1}.add-form{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(95px,.8fr) minmax(90px,.7fr) auto;gap:8px;margin-top:14px;align-items:end}.add-form label{font-size:11px}.add-form button{white-space:nowrap}.add-form select,.add-form input{min-height:38px;padding:8px 9px}
.budget-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) auto;gap:10px;align-items:end;margin-bottom:23px}.budget-row label{font-size:11px}.offer-header{display:flex;justify-content:space-between;gap:15px;margin-bottom:8px;font:11px var(--mono);color:var(--muted)}.offer-header span:last-child{max-width:265px;text-align:right;font:11px var(--sans)}.offer-list{display:grid;gap:9px}.offer-row{background:#0f1a18;border:1px solid #394b41;border-radius:5px;padding:12px}.offer-top{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.offer-top strong{font-size:13px;font-weight:600}.offer-top .route-price{font-size:17px;color:#c9dfb8;white-space:nowrap}.offer-meta{font:11px var(--mono);color:#9ead9f;margin:7px 0}.offer-proof{font-size:11px;color:#c3cdc3}.offer-foot{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.offer-status{color:var(--gold);font-size:11px}.new-offer{margin-top:14px;padding:14px;border:1px solid var(--hair);border-radius:4px}.new-offer summary{font-size:13px;color:var(--accent);cursor:pointer}.offer-form{margin-top:14px}.offer-form label{font-size:11px}
.route-result{margin-top:17px;padding:17px;background:#182b25;border:1px solid #5c7d69;border-radius:5px}.route-result p{margin:0;font-size:13px;color:#c7d7c5}.result-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.result-head strong{font-size:23px;font-weight:500;color:#d4e8c7}.result-status{font:10px var(--mono);color:var(--gold);margin-bottom:6px}.result-list{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:7px}.result-list li{font-size:12px;padding-bottom:7px;border-bottom:1px solid #375345}.unresolved{color:#e7b3a2;margin-top:12px!important}
.preview-col{position:sticky;top:18px;display:grid;gap:16px}.preview-panel{background:#192722}.preview-top{padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.preview-state{font:10px var(--mono);color:#aab9aa}.paper{margin:0 16px 16px;padding:32px 34px 27px;background:#ecebe3;color:#29332c;box-shadow:0 4px 26px #0002}.paper-rule{height:5px;width:43px;background:#54765c;margin-bottom:28px}.paper-eyebrow{font-size:10px;color:#657469;letter-spacing:.11em}.paper h2{font-family:var(--serif);font-weight:400;font-size:clamp(29px,3.1vw,40px);line-height:1.02;letter-spacing:-.025em;margin:14px 0 22px}.paper h3{font:11px var(--mono);letter-spacing:.045em;text-transform:uppercase;border-bottom:1px solid #b7bdaf;padding-bottom:7px;margin:23px 0 10px;color:#5a705c}.paper p,.paper li{font-size:12px;line-height:1.57}.paper ul{padding-left:18px}.paper strong{font-weight:600}.paper .paper-kv{display:grid;grid-template-columns:102px minmax(0,1fr);gap:7px;font-size:11px;border-bottom:1px solid #d1d4c8;padding:7px 0}.paper .paper-kv span:first-child{color:#6a796c}.paper footer{border-top:2px solid #516a55;margin-top:28px;padding-top:9px;font:10px var(--mono);color:#657165}.paper a{color:#1f5b46}.preview-bottom{padding:14px 20px 20px;color:var(--muted);text-transform:none;letter-spacing:0}.section-toggles{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.section-toggle{background:#12221c;color:#bdcdbd;border:1px solid #3c5343;border-radius:3px;min-height:32px;padding:6px 10px;font:11px var(--mono)}.section-toggle[aria-pressed="true"]{background:#4b6550;color:#f9fff4}.section-order{font-size:10px;color:var(--muted)}.next-panel{padding:23px}.next-panel h3{font-size:20px;margin-top:0}.next-panel p{font-size:12px;color:var(--muted)}.next-link{display:block;background:var(--accent);color:#142217;text-align:center;text-decoration:none;padding:12px;margin:14px 0 9px;border-radius:4px;font-size:13px;font-weight:600}.muted-link{font-size:12px;color:#aabbad;text-decoration:none}
.batch-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:33px 0;margin-top:38px}.batch-panel h2{font-size:26px;font-weight:500;letter-spacing:-.035em;margin:8px 0}.batch-panel p{font-size:13px;color:var(--muted);max-width:745px;margin:0}.batch-panel code{font:12px var(--mono);color:var(--accent)}.upload-button{cursor:pointer;white-space:nowrap;align-items:center}.foot-note{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#8ca294;margin-top:22px}.toast{position:fixed;bottom:22px;right:22px;max-width:390px;background:#d4e8c7;color:#163021;padding:13px 18px;border-radius:4px;font-size:12px;box-shadow:0 9px 40px #0008;opacity:0;pointer-events:none;z-index:100;transition:opacity .18s}.toast.show{opacity:1}
@media(max-width:1100px){.studio-grid{grid-template-columns:minmax(0,1fr) minmax(345px,.82fr)}.topnav{gap:12px}.header-status{display:none}.paper{padding:25px}.intro h1{font-size:50px}}
@media(max-width:860px){.topbar{height:auto;min-height:72px;padding:13px 22px;flex-wrap:wrap;gap:8px}.topnav{width:100%;justify-content:flex-start;overflow-x:auto;padding-top:8px;gap:16px}.studio-grid{grid-template-columns:1fr}.preview-col{position:static}.intro-row{align-items:start;flex-direction:column}.intro-actions{margin:0}.portfolio-cards{grid-template-columns:1fr 1fr}.example:last-child{grid-column:1/-1}.paper{max-width:none}}
@media(max-width:570px){main{padding:0 16px 30px}.topbar{padding:13px 16px}.intro{padding:35px 0 25px}.intro h1{font-size:40px}.intro p{font-size:14px}.portfolio-head span:last-child{display:none}.portfolio-cards{grid-template-columns:1fr}.example{min-height:116px}.example:last-child{grid-column:auto}.example strong{font-size:16px}.panel{padding:17px}.panel h2{font-size:22px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}.add-form{grid-template-columns:1fr 1fr}.add-form label:first-child{grid-column:1/-1}.budget-row{grid-template-columns:1fr 1fr}.budget-row button{grid-column:1/-1}.need-row{grid-template-columns:minmax(0,1fr) 112px 18px;gap:5px;padding:9px}.paper{margin:0 8px 8px;padding:24px 20px}.paper h2{font-size:32px}.batch-panel{flex-direction:column;align-items:start}.foot-note{flex-direction:column}.offer-header{flex-direction:column}.offer-header span:last-child{text-align:left}.preview-top{padding:15px 13px}.paper .paper-kv{grid-template-columns:86px minmax(0,1fr)}}@media print{body{background:#fff;color:#111}.topbar,.intro,.portfolio,.editor,.preview-top,.preview-bottom,.next-panel,.batch-panel,.foot-note,.toast{display:none!important}.studio-grid{display:block}.preview-panel{border:0}.paper{box-shadow:none;margin:0 auto;padding:0;max-width:750px;background:#fff}.paper h2{font-size:44px}}