@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800&display=swap');
:root{--red:#bf252e;--ink:#181818;--muted:#666;--line:#ddd}*{box-sizing:border-box}body{margin:0;font:16px/1.5 Barlow,Arial,sans-serif;color:var(--ink);background:#f5f5f5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;background:var(--ink);color:white;border:1px solid var(--ink);padding:10px 18px;font-weight:600;min-height:43px}button:disabled{opacity:.5;cursor:wait}button.secondary{background:white;color:var(--ink);border:1px solid #ccc}button.danger{color:#a32129;background:white;border-color:#d6a6a6}button.text{background:none;color:var(--ink);border:none;padding:7px;font-size:14px}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:3px}input,textarea,select{width:100%;border:1px solid #ccc;padding:10px 12px;background:white;color:var(--ink);border-radius:0;min-height:44px}input:focus,textarea:focus,select:focus{outline:2px solid var(--ink);outline-offset:1px}input[type=checkbox]{width:18px;height:18px;min-height:0}input[type=color]{width:60px;height:44px;padding:4px}label{display:block;font-weight:600;font-size:14px;margin-bottom:18px}label input,label select,label textarea{margin-top:7px;font-weight:400}textarea{min-height:130px;resize:vertical}h1,h2,h3,p{margin-top:0}h1{font-size:34px;line-height:1.1;margin-bottom:0}h2{font-size:23px;line-height:1.2}h3{font-size:17px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:600;color:#666;margin-bottom:12px}[hidden]{display:none!important}.login{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(120deg,#111 0 43%,#f1f1f1 43%)}.login form{background:white;padding:40px;max-width:460px;width:100%;box-shadow:0 15px 60px #0002;border-top:4px solid var(--red)}.login img{width:80px;height:80px;display:block;margin-bottom:24px}.login h1{font-size:32px;margin-bottom:14px}.login p:not(.eyebrow){color:#666}.login button{width:100%;margin-bottom:20px}.login a{font-size:14px}.login #login-error{color:#a32129;font-size:14px}#app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#141414;color:#eee;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:30px 22px}.brand{display:flex;gap:12px;align-items:center;font-size:15px;line-height:1.15;font-weight:700}.brand img{width:64px;height:64px}.brand small{font-size:10px;letter-spacing:1.8px;display:block;margin-top:10px;color:#aaa}nav{display:flex;flex-direction:column;gap:8px;margin-top:45px}nav button{text-align:left;background:none;border-color:transparent;color:#bbb;padding:12px}nav button.active{border-left:3px solid var(--red);background:#2b2b2b;color:white}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:18px;font-size:14px}.sidebar-bottom .secondary{background:none;color:white;border-color:#555}main{padding:35px 5%;min-width:0}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:30px}#account{font-size:14px;color:#666}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);padding:24px}.stat strong{display:block;font-size:42px;line-height:1.2}.stat span{color:#666;font-size:14px}.box{background:white;border:1px solid var(--line);padding:28px;margin-bottom:25px}.box p{color:#666}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.toolbar p{margin:0;color:#666;font-size:14px}.item-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.item{background:white;border:1px solid var(--line);display:flex;gap:18px;padding:18px;align-items:start}.item img{width:110px;height:110px;object-fit:cover;background:#eee}.item>div{min-width:0}.item h3{margin:0 0 6px;overflow-wrap:anywhere}.item p{font-size:13px;margin:0 0 9px;color:#666}.item-actions{display:flex;gap:10px;flex-wrap:wrap}.item-actions button{font-size:13px;padding:6px 12px;min-height:35px}.badge{font-size:12px;background:#eee;padding:3px 8px;display:inline-block;margin-bottom:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.full{grid-column:1/-1}.form-actions{display:flex;gap:12px;position:sticky;bottom:0;background:white;padding:20px 0 0;border-top:1px solid #ddd;margin-top:20px}.check-label{display:flex;align-items:center;gap:10px}.check-label input{margin:0}.hint{font-size:13px;color:#777;font-weight:400}.variants{display:flex;flex-direction:column;gap:16px}.variant{border:1px solid #ddd;padding:18px;display:grid;grid-template-columns:110px 1fr 65px;gap:18px}.variant img{width:110px;height:100px;object-fit:contain;background:#eee}.variant label{margin-bottom:10px}.variant-controls{display:grid;grid-template-columns:1fr 70px;gap:15px}.variant .file-button{font-size:12px;padding:8px;display:block;border:1px solid #ccc;margin-top:9px;cursor:pointer;text-align:center;font-weight:600}.file-button input{font-size:12px;width:100%;padding:5px;margin-top:8px;border:0;min-height:0}.photo-field{display:flex;gap:20px;align-items:center;border:1px solid #ddd;padding:18px;margin:7px 0 20px}.photo-field img{width:110px;height:110px;object-fit:contain;background:#eee}.photo-field label{margin:0;flex:1}.photo-field input[type=file]{font-size:13px;border:0;padding:0}.empty{padding:45px;text-align:center;background:white;border:1px solid #ddd;color:#666}#toast{position:fixed;right:25px;top:20px;padding:14px 22px;background:#1a1a1a;color:white;z-index:100;max-width:90vw;box-shadow:0 4px 20px #0003}#toast.error{background:#a32129}.notice{background:#fff4db;border:1px solid #ead3a4;padding:18px;margin-bottom:25px;font-size:14px}.confirm-box{border:2px solid #b82a32;background:#fff9f9;padding:25px;margin-bottom:20px}.confirm-box p{color:#8d1c25}#workspace{max-width:1200px}.image-empty{color:#666;font-size:12px}.status-message{font-size:14px;margin:15px 0;color:#a32129}@media(max-width:1000px){#app{grid-template-columns:195px 1fr}.sidebar{padding:25px 15px}.brand{font-size:12px}.brand img{width:48px;height:48px}.item-list{grid-template-columns:1fr}.stats{gap:12px}.stat{padding:20px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.variant{grid-template-columns:90px 1fr;gap:15px}.variant img{width:90px}.variant>.text{grid-column:1/-1;justify-self:start}.box{padding:22px}}@media(max-width:640px){#app{display:block}.sidebar{position:relative;width:100%;height:auto;padding:16px}.brand img{width:44px;height:44px}.brand{font-size:13px}.brand small{margin-top:5px}nav{margin-top:20px;flex-direction:row;overflow-x:auto;gap:5px}nav button{font-size:13px;white-space:nowrap;padding:9px}nav button.active{border-left:0;border-bottom:3px solid var(--red)}.sidebar-bottom{margin-top:15px;flex-direction:row;justify-content:space-between;align-items:center}.sidebar-bottom .secondary{padding:6px 14px;min-height:35px}main{padding:25px 5%}header{padding-bottom:20px;margin-bottom:25px}h1{font-size:28px}.stats{grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:15px}.stat strong{font-size:30px}.stat span{font-size:12px}.toolbar{align-items:start;flex-direction:column}.box{padding:20px}.item{padding:15px;gap:14px}.item img{width:80px;height:100px}.variant{padding:12px;grid-template-columns:70px 1fr;gap:12px}.variant img{width:70px;height:90px}.variant-controls{grid-template-columns:1fr 55px;gap:10px}.variant input[type=color]{width:50px}.photo-field{align-items:start;gap:14px;padding:12px}.photo-field img{width:75px;height:90px}.login{background:#151515;padding:20px}.login form{padding:30px}.form-actions{flex-wrap:wrap}}