:root{--g:#0b2e5f;--y:#ffffff;--a:#d8261a;--bg:#f3f3f1;--r:#b3261e}
*{box-sizing:border-box}body{margin:0;font-family:Verdana,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:#1b1b1b;font-size:17px}
header{position:sticky;top:0;z-index:5;background:#fff;color:var(--g);display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 10px) 14px 10px}
.brand{display:flex;align-items:center;gap:10px;cursor:pointer}.brand img{height:40px;display:block}.brand small{color:var(--a);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-left:2px solid #ccd;padding-left:10px}
.icon{background:none;border:0;color:var(--g);font-size:26px;min-width:48px;min-height:48px}
main{padding:14px 14px 120px;max-width:640px;margin:auto}
h2{margin:6px 0 12px;font-size:22px}h3{margin:18px 0 8px;font-size:17px;color:var(--g)}h2{border-left:6px solid var(--a);padding-left:10px}
.card{background:#fff;border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 1px 3px #0002}
label{display:block;font-size:14px;font-weight:600;margin:10px 0 4px;color:#444}
input,textarea,select{width:100%;font-size:17px;padding:12px;border:1px solid #c8cfcc;border-radius:10px;background:#fff;min-height:48px}
textarea{min-height:100px}
.btn{display:block;width:100%;min-height:54px;border:0;border-radius:12px;font-size:18px;font-weight:700;background:var(--g);color:var(--y);margin:10px 0;letter-spacing:.02em}
.btn.sec{background:#fff;color:var(--g);border:2px solid var(--g)}.btn.danger{background:#fff;color:var(--r);border:2px solid var(--r)}
.btn.small{display:inline-block;width:auto;min-height:44px;padding:0 16px;font-size:15px;margin:4px 4px 0 0}
.row{display:flex;gap:8px;align-items:flex-end}.row>*{flex:1}
.item{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:64px;cursor:pointer}
.item b{font-size:18px}.muted{color:#666;font-size:14px}
.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ph{position:relative;aspect-ratio:1;border-radius:10px;background:#e3e8e6;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;color:#456;overflow:hidden;border:2px dashed #9ab}
.ph img{width:100%;height:100%;object-fit:cover}.ph .x{position:absolute;top:4px;right:4px;background:#000a;color:#fff;border:0;border-radius:50%;width:30px;height:30px}
.ph .tag{position:absolute;left:0;bottom:0;right:0;background:#0008;color:#fff;font-size:12px;padding:2px}
.panel{border:1px solid #dde3e0;border-radius:10px;padding:10px;margin-bottom:8px}
.seg{display:flex;border:2px solid var(--g);border-radius:12px;overflow:hidden}.seg button{flex:1;min-height:48px;border:0;background:#fff;color:var(--g);font-size:16px;font-weight:600}.seg button.on{background:var(--g);color:var(--y)}
.bar{position:fixed;left:0;right:0;bottom:0;background:#fff;padding:10px 14px calc(env(safe-area-inset-bottom) + 10px);box-shadow:0 -2px 8px #0002}.bar .btn{max-width:612px;margin:0 auto}
#toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);background:#222;color:#fff;padding:12px 18px;border-radius:10px;display:none;max-width:90%;z-index:9}
.status{padding:12px;border-radius:10px;margin:10px 0;font-weight:600}.ok{background:#e1f3e8;color:#1d5e36}.err{background:#fbe4e2;color:var(--r)}

input:focus,textarea:focus,select:focus{outline:3px solid #9fb4d6;border-color:var(--g)}
header{border-bottom:4px solid var(--a);box-shadow:0 1px 4px #0002}
.sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sizes div{text-align:center}.sizes label{margin:4px 0 2px;text-align:center}.sizes input{text-align:center;padding:8px 4px}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{min-height:44px;padding:0 12px;border:2px solid var(--g);border-radius:22px;background:#fff;color:var(--g);font-size:15px;font-weight:600}.chips button.on{background:var(--g);color:#fff}
.tot{font-weight:700;color:var(--g);margin-top:6px}