:root{color-scheme:light;--teal: #004c48;--teal-2: #0b6f6a;--paper: #f7efe4;--paper-2: #fffaf2;--gold: #b08a4a;--gold-2: #d8bf83;--seal: #a6402d;--rose: #b85a52;--ink: #2b211a;--muted: #6e6254;--line: #d9ccb7;--line-strong: #c4ad82;--ok: #14795e;--warn: #9a6715;--error: #a93d35;font-family:PingFang SC,Microsoft YaHei,Songti SC,sans-serif;letter-spacing:0}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 12px 12px,rgba(176,138,74,.08) 1px,transparent 1px),linear-gradient(180deg,#f8f0e5 0%,var(--paper) 48%,#ede0cb 100%);background-size:28px 28px,100% 100%}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}img{display:block;max-width:100%}a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.side-nav{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px;padding:24px 18px;color:var(--paper-2);background:linear-gradient(180deg,#003c39,var(--teal));border-right:1px solid rgba(216,191,131,.35)}.brand-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px;color:inherit;background:#f4ebdd14;border:1px solid rgba(216,191,131,.36);border-radius:8px;text-align:left}.brand-button strong{display:block;font-family:Songti SC,serif;font-size:28px;line-height:1}.brand-button small{display:block;margin-top:6px;color:var(--gold-2);font-family:Times New Roman,serif;font-size:12px}.seal{display:inline-grid;width:34px;height:34px;place-items:center;flex:0 0 auto;color:var(--paper-2);background:var(--seal);border:1px solid rgba(244,235,221,.5);border-radius:6px;font-family:Songti SC,serif;font-weight:700}.side-nav nav{display:grid;gap:8px}.nav-item,.admin-link,.bottom-item{display:flex;align-items:center;gap:10px;min-height:42px;color:inherit;background:transparent;border:0;border-radius:8px;text-decoration:none}.nav-item{width:100%;padding:0 12px;color:#f4ebddc7}.nav-item:hover,.nav-item--active{color:#fff;background:#f4ebdd1f}.admin-link{margin-top:auto;padding:0 12px;border:1px solid rgba(216,191,131,.38)}.main-surface{width:min(1260px,100%);margin:0 auto;padding:28px clamp(18px,3vw,42px) 48px}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.top-bar h1,.hero-copy h2,.preview-panel h2,.profile-panel h2,.selected-work h2{margin:0;font-family:Songti SC,serif;letter-spacing:0}.top-bar h1{margin-top:4px;font-size:clamp(28px,3vw,42px);line-height:1.12}.eyebrow{margin:0;color:var(--gold);font-size:13px;font-weight:700}.login-pill{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;color:var(--teal);background:#fffaf2c7;border:1px solid var(--line);border-radius:999px;white-space:nowrap}.notice{display:flex;align-items:center;gap:10px;min-height:44px;margin-bottom:18px;padding:10px 14px;border-radius:8px;border:1px solid var(--line);background:#fffaf2db}.notice--ok{color:var(--ok);border-color:#14795e40}.notice--warn{color:var(--warn);border-color:#9a671540}.notice--error{color:var(--error);border-color:#a93d3540}.view-grid,.two-column{display:grid;gap:18px}.view-grid--home{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.hero-panel{min-height:440px;position:relative;overflow:hidden;display:grid;align-items:end;border-radius:8px;border:1px solid rgba(176,138,74,.42);background:var(--teal)}.hero-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#002f2d14,#002f2dd6)}.hero-copy{position:relative;z-index:1;width:min(580px,100%);padding:clamp(24px,4vw,44px);color:var(--paper-2)}.hero-copy h2{margin-top:8px;font-size:clamp(54px,8vw,86px);line-height:1}.hero-copy p:not(.eyebrow){max-width:460px;color:#fffaf2db;font-size:18px;line-height:1.72}.hero-actions,.button-row,.profile-actions{display:flex;flex-wrap:wrap;gap:10px}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;color:var(--teal);background:#fffaf2e0;border:1px solid var(--line-strong);border-radius:8px;text-decoration:none;font-weight:700}.button--primary{color:var(--paper-2);background:var(--teal);border-color:var(--teal)}.button--wide{width:100%}.metric-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric-band>div{min-height:92px;display:grid;align-content:center;gap:8px;padding:18px;border-radius:8px;border:1px solid rgba(176,138,74,.42);background:#fffaf2c2}.metric-band--flat{margin-bottom:18px}.metric-label{color:var(--muted);font-size:13px}.metric-band strong{font-family:Songti SC,serif;font-size:30px;line-height:1}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-tile{min-height:112px;display:grid;align-content:center;justify-items:start;gap:7px;padding:18px;color:var(--ink);background:#fffaf2d1;border:1px solid var(--line);border-radius:8px;text-align:left}.tool-tile svg{color:var(--teal)}.tool-tile span,.work-card strong,.list-row h3,.admin-visibility h3{font-weight:800}.tool-tile small,.work-card small,.list-row p,.admin-visibility p,.profile-panel p,.selected-work p,.preview-panel p{color:var(--muted)}.work-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.work-card{min-height:282px;display:grid;grid-template-rows:150px auto auto auto;gap:8px;padding:10px;color:var(--ink);background:#fffaf2db;border:1px solid var(--line);border-radius:8px;text-align:left}.work-card--active,.work-card:hover{border-color:var(--teal);box-shadow:0 14px 30px #004c481f}.work-card img{width:100%;height:150px;object-fit:cover;border-radius:6px;background:var(--paper)}.work-card span{width:fit-content;padding:2px 8px;color:var(--seal);background:#a6402d17;border-radius:999px;font-size:12px}.work-card small{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.55}.two-column{grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);align-items:start}.panel,.preview-panel,.profile-panel{padding:18px;border:1px solid var(--line);border-radius:8px;background:#fffaf2d6}.panel--wide{min-width:0}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}.segment{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--teal);background:#004c480f;border:1px solid rgba(0,76,72,.15);border-radius:8px;font-weight:700}.segment--active{color:var(--paper-2);background:var(--teal)}.field,.upload-zone{display:grid;gap:7px;margin-bottom:14px}.field span,.upload-zone span{color:var(--muted);font-size:13px;font-weight:700}.field input,.field textarea,.field select{width:100%;min-height:42px;padding:9px 11px;color:var(--ink);background:#fffdf8;border:1px solid var(--line);border-radius:8px}.field textarea{min-height:132px;resize:vertical;line-height:1.65}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.upload-zone{min-height:98px;place-items:center;color:var(--teal);background:#004c480f;border:1px dashed rgba(0,76,72,.32);border-radius:8px}.upload-zone input{width:min(240px,100%)}.preview-panel{overflow:hidden;display:grid;gap:16px}.preview-panel img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:6px}.preview-panel h2{font-size:30px}.selected-work{display:grid;grid-template-columns:116px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:16px}.selected-work img{width:116px;height:116px;object-fit:cover;border-radius:8px}.selected-work h2{margin-top:5px;font-size:26px}.quote-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.quote-result div{min-height:74px;display:grid;gap:6px;align-content:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f7efe4b8}.quote-result span{color:var(--muted);font-size:12px}.list-stack{display:grid;gap:12px}.list-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center;min-height:116px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#f7efe48a}.list-row img{width:92px;height:92px;object-fit:cover;border-radius:6px}.list-row h3,.list-row p{margin:0 0 4px}.profile-panel{display:grid;gap:14px;justify-items:start}.avatar{width:72px;height:72px;display:grid;place-items:center;color:var(--paper-2);background:var(--teal);border-radius:50%}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.admin-visibility{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:8px;background:#004c480f}.admin-visibility>svg{color:var(--teal)}.admin-visibility h3,.admin-visibility p{margin:0}.empty-state{min-height:220px;display:grid;place-items:center;gap:10px;color:var(--muted);border:1px dashed var(--line-strong);border-radius:8px}.bottom-nav{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.app-shell{display:block;padding-bottom:76px}.side-nav{display:none}.main-surface{padding:18px 14px 26px}.top-bar{align-items:flex-start}.view-grid--home,.two-column{grid-template-columns:1fr}.hero-panel{min-height:420px}.metric-band,.quote-result{grid-template-columns:1fr}.bottom-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-height:66px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#fffaf2f5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-item{min-width:0;min-height:52px;justify-content:center;flex-direction:column;gap:2px;color:var(--muted);font-size:11px}.bottom-item--active{color:var(--teal);background:#004c4814}}@media(max-width:620px){.top-bar{display:grid}.hero-copy{padding:24px}.quick-grid,.field-row,.selected-work,.admin-visibility,.list-row{grid-template-columns:1fr}.selected-work img,.list-row img{width:100%;height:auto;aspect-ratio:4 / 3}}