:root{--paper:#f0f2ed;--ink:#223329;--green:#315b45;--line:#d2d9ce;--muted:#65725f;--white:#fafbf8;font-family:"Avenir Next","PingFang SC","Helvetica Neue",sans-serif;color:var(--ink);background:var(--paper);font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select{touch-action:manipulation}button{border-radius:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:500;letter-spacing:-.03em}h2{font-size:21px;font-weight:500}h3{font-size:15px}p{line-height:1.8}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #669276;outline-offset:3px}.wordmark{font:48px/.9 Baskerville,Georgia,serif;letter-spacing:-.045em}.eyebrow{font-size:9px;letter-spacing:.15em;color:var(--muted);margin-top:14px}.auth-view{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top right,#d8e1d3,transparent 60%),var(--paper)}.auth-card{width:min(100%,440px);border:1px solid var(--line);padding:40px;background:var(--white)}.auth-card h1{margin-top:30px}.auth-card>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:14px}.auth-card form{display:grid;gap:20px;margin-block:28px}.auth-card>a:last-child{font-size:12px}.app{display:grid;grid-template-columns:208px 1fr;min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;background:#e5eade;padding:32px 23px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.sidebar nav{display:grid;gap:8px;margin-top:48px}.sidebar nav button{background:transparent;border:0;text-align:left;padding:13px 10px;color:var(--muted);font-size:12px}.sidebar nav .selected{background:var(--ink);color:white}.sidebar-bottom{margin-top:auto;display:grid;gap:19px;font-size:11px;padding-top:30px}.sidebar-bottom button{border:0;text-align:left;padding:0;background:none;color:var(--ink)}.sidebar-bottom p{color:var(--muted);font-size:10px}.main{padding:35px clamp(24px,4vw,65px);min-width:0;max-width:1700px;width:100%}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:28px}.admin-header .eyebrow{margin:0 0 10px}.badge{font-size:10px;border:1px solid var(--line);padding:7px 10px;color:var(--muted);max-width:380px}.app-status{padding:12px 16px;background:#e0e8da;color:var(--ink);margin-bottom:18px;font-size:13px;white-space:pre-wrap}.app-status:empty{display:none}.summary-row{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding-bottom:26px;gap:24px}.summary-row>div{display:grid;gap:8px}.summary-row strong{font-size:23px;font-weight:500}.summary-row span{font-size:11px;color:var(--muted)}.upload-box{display:grid;grid-template-columns:1fr 260px;gap:40px;padding:30px 0;border-bottom:1px solid var(--line);margin-bottom:28px}.upload-box p{font-size:12px;color:var(--muted);margin-top:13px}.upload-controls{display:grid;gap:14px}.primary,.secondary,.quiet{padding:12px 17px;min-height:43px;font-size:12px}.primary{background:var(--ink);border:1px solid var(--ink);color:white}.primary:hover{background:var(--green)}.secondary{background:transparent;border:1px solid var(--line);color:var(--ink)}.quiet{background:none;border:0;color:var(--muted)}button:disabled{opacity:.5;cursor:wait}label{display:grid;gap:8px;font-size:12px}input,select,textarea{width:100%;min-width:0;padding:11px 12px;min-height:43px;border:1px solid #b9c5b2;border-radius:0;background:var(--white);color:var(--ink)}textarea{resize:vertical}input[type=file]{font-size:11px;padding:10px;background:transparent;border-style:dashed}input[type=checkbox]{width:17px;height:17px;min-height:0;accent-color:var(--green)}.checkbox{display:flex;align-items:center;gap:10px;line-height:1.7}.upload-progress{white-space:pre-wrap;font-size:12px;color:var(--muted);margin-bottom:20px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.photo-card{background:var(--white);border:1px solid var(--line);min-width:0}.photo-card>img{width:100%;height:210px;object-fit:cover;display:block}.photo-card-body{padding:15px;display:grid;gap:12px}.photo-name{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-meta{font-size:10px;color:var(--muted)}.photo-card .row{display:grid;grid-template-columns:1fr 70px;gap:9px}.photo-card input,.photo-card select{font-size:12px;padding:8px}.photo-card .checkbox{font-size:11px}.empty{padding:50px 24px;border:1px dashed var(--line);grid-column:1/-1;text-align:center;color:var(--muted);font-size:13px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px}.section-heading p{max-width:680px;font-size:13px;color:var(--muted)}.section-heading button{white-space:nowrap}.package-list{display:grid;gap:12px}.package-row{display:flex;align-items:center;gap:18px;padding:18px;border:1px solid var(--line);background:var(--white)}.package-row>img{width:74px;height:84px;object-fit:cover}.package-row .package-copy{flex:1;min-width:0}.package-row h3{font-size:17px;font-weight:500;overflow-wrap:anywhere}.package-row p{font-size:11px;color:var(--muted);margin-top:5px}.editor{border:1px solid var(--line);padding:28px;background:var(--white);margin-top:28px;display:grid;gap:22px;scroll-margin-top:25px}.editor-heading{display:flex;align-items:center;justify-content:space-between}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-four{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.translate-row{display:flex;gap:20px;justify-content:space-between;align-items:center}.hint{font-size:11px;color:var(--muted);white-space:pre-wrap}.photo-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:12px}.photo-choice{display:block;position:relative;border:1px solid var(--line);padding:6px;cursor:pointer}.photo-choice:has(input:checked){border-color:var(--green);background:#e4edde}.photo-choice img{width:100%;height:100px;object-fit:cover;display:block}.photo-choice input{position:absolute;top:10px;left:10px}.photo-choice small{display:block;font-size:10px;padding-top:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.publish-check{padding:15px;background:#e7edde}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:20px;border-top:1px solid var(--line)}.form-footer span{font-size:11px;color:var(--muted)}.style-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:15px}.style-card{border:1px solid var(--line);padding:20px;background:var(--white)}.style-card h3{font-size:18px}.style-card p{font-size:12px;color:var(--muted);margin-top:8px}.settings-intro{max-width:760px}.settings-intro p{color:var(--muted);font-size:13px;margin-top:18px}.notice{border-top:1px solid var(--line);margin-top:30px;padding-top:24px;font-size:13px}.notice p{font-size:12px;color:var(--muted);margin-top:12px}#authStatus,#packageStatus,#styleStatus,#settingsStatus{color:#715137;font-size:12px;white-space:pre-wrap}@media(max-width:1000px){.app{grid-template-columns:175px 1fr}.sidebar{padding:25px 17px}.main{padding:28px 22px}.upload-box{grid-template-columns:1fr;gap:22px}.upload-controls{grid-template-columns:1fr 1fr;align-items:end}.upload-controls button{grid-column:1/-1}.grid-four{grid-template-columns:1fr 1fr}}@media(max-width:700px){.app{display:block}.sidebar{position:relative;height:auto;display:grid;grid-template-columns:1fr auto;padding:18px;gap:10px;border-right:0;border-bottom:1px solid var(--line)}.wordmark{font-size:38px}.sidebar>.eyebrow{align-self:center;margin:0}.sidebar nav{grid-column:1/-1;margin:10px 0 0;display:flex;overflow:auto;gap:4px}.sidebar nav button{white-space:nowrap;font-size:11px;padding:12px 9px}.sidebar-bottom{grid-column:1/-1;display:flex;justify-content:space-between;margin:0;padding:5px 0;gap:15px}.sidebar-bottom p{display:none}.main{padding:25px 16px}.admin-header{display:block;margin-bottom:24px}.admin-header .badge{display:inline-block;margin-top:14px}h1{font-size:27px}.summary-row{gap:12px}.summary-row strong{font-size:19px}.summary-row span{font-size:10px}.upload-box{padding-top:24px;gap:18px}.upload-controls{grid-template-columns:1fr}.upload-controls button{grid-column:auto}.photo-grid{grid-template-columns:1fr 1fr;gap:12px}.photo-card>img{height:175px}.photo-card-body{padding:10px;gap:11px}.photo-card .row{grid-template-columns:1fr}.photo-card label{font-size:11px}.photo-card .checkbox{align-items:start}.photo-card input,.photo-card select{font-size:16px}.section-heading{align-items:start;flex-direction:column;gap:18px}.editor{padding:20px 15px;gap:19px}.grid-two{grid-template-columns:1fr}.grid-four{gap:12px}.translate-row{align-items:start;flex-direction:column;gap:15px}.form-footer{align-items:stretch;flex-direction:column;gap:15px}.package-row{flex-wrap:wrap;padding:14px;gap:12px}.package-row>img{width:55px;height:68px}.package-row>.secondary{margin-left:auto}.package-row h3{font-size:16px}input,textarea,select{font-size:16px}.auth-card{padding:28px}.auth-card h1{margin-top:27px}.photo-picker{grid-template-columns:repeat(3,1fr);gap:9px}.photo-choice img{height:85px}.style-list{grid-template-columns:1fr}.settings-intro p{font-size:13px}}@media(max-width:370px){.photo-grid{grid-template-columns:1fr}.photo-card>img{height:250px}.grid-four{grid-template-columns:1fr}.photo-picker{grid-template-columns:1fr 1fr}.summary-row strong{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}