:root{--ink:#253b32;--muted:#81897c;--paper:#f7f6f0;--line:#dedfd4;--accent:#a17d52}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px Arial,"PingFang SC","Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,a,input,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #9c7a4e;outline-offset:3px}[hidden]{display:none!important}.admin-header{padding:22px 5%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fffefa}.brand{display:flex;gap:12px;align-items:center;font-size:17px;letter-spacing:1px}.seal{width:44px;height:44px;background:var(--ink);color:#f4ecd9;display:grid;place-items:center;font-family:serif;outline:1px solid #d8c49c;outline-offset:-5px;font-size:19px}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:7px;color:#8d9686}.header-actions{display:flex;gap:25px;align-items:center;font-size:12px}.header-actions>a{border-bottom:1px solid #8b9784;padding:7px 0}.header-actions>span{color:var(--muted);font-size:11px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{max-width:1150px;margin:auto;padding:45px 30px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--accent);margin:0 0 12px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-family:Georgia,SimSun,serif;font-size:33px;font-weight:400;letter-spacing:1px;margin:0}h2{font-family:Georgia,SimSun,serif;font-size:25px;font-weight:400;margin:0}h3{font-size:14px;font-weight:500;margin:0 0 17px}.page-heading p:last-child{color:var(--muted);font-size:12px;margin-top:14px}.primary,.secondary{min-height:43px;padding:12px 20px;border:1px solid var(--ink);background:var(--ink);color:#fffdf5;border-radius:3px;display:inline-flex;justify-content:center;align-items:center;font-size:12px;white-space:nowrap}.primary:hover{background:#3b5445}.secondary{color:var(--ink);background:transparent;border-color:#b8c1ae}.secondary:hover{background:#e8eddf}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0 30px}.stats>div{border:1px solid var(--line);background:#fffefa;padding:22px 24px}.stats span{display:block;color:var(--muted);font-size:12px}.stats strong{display:block;font:34px Georgia,serif;margin-top:10px;font-weight:400}.toolbar{display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px}.toolbar nav{display:flex;gap:22px;margin-right:auto}.toolbar nav button{background:none;border:0;color:var(--muted);padding:12px 0;font-size:12px;white-space:nowrap;position:relative}.toolbar nav button.selected{color:var(--ink);font-weight:600}.toolbar nav button.selected:after{content:"";height:2px;background:var(--ink);left:0;right:0;bottom:-11px;position:absolute}.toolbar>input{border:1px solid var(--line);padding:11px 13px;font-size:12px;width:230px;background:#fffefa;border-radius:3px}.text-button{border:0;background:transparent;font-size:11px;padding:10px}.product-list{margin-top:13px}.product-row{display:grid;grid-template-columns:68px minmax(140px,1.4fr) 1fr 95px 145px;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.row-image{width:68px;height:68px;object-fit:cover;background:#e8eadd;border-radius:3px;display:grid;place-items:center;color:#8b967e;font-size:10px}.row-info h3{margin:0 0 8px;font-weight:500;font-size:14px;word-break:break-word}.row-info small{color:#8a9480;font-size:10px}.row-size{font-size:12px;color:#738067;line-height:1.9}.row-size small{display:block;font-size:10px;color:#a0a794}.status{font-size:10px;padding:6px 10px;border-radius:20px;display:inline-block;width:max-content}.status.published{color:#436246;background:#e4ecdc}.status.draft{color:#8d836c;background:#ece8dd}.row-actions{display:flex;justify-content:flex-end;gap:8px}.row-actions button{border:1px solid #c9cebf;background:transparent;border-radius:3px;padding:9px 12px;font-size:11px}.row-actions button:hover{background:#e8eddf}.empty-products{text-align:center;padding:55px 12px 45px;border-bottom:1px solid var(--line)}.empty-icon{font:50px Georgia,serif;color:#92a081;margin-bottom:16px}.empty-products h2{font-size:24px}.empty-products p{color:var(--muted);font-size:12px;line-height:1.9;margin:18px 0 24px}.storage-note{font-size:10px;color:#919986;text-align:center;line-height:1.9;margin:30px 0}.auth-panel{max-width:540px;padding:60px 35px;margin:45px auto;border:1px solid var(--line);background:#fffefa;text-align:center}.auth-panel h1{font-size:28px}.auth-panel>p:not(.eyebrow){line-height:1.9;color:var(--muted);font-size:13px;margin:20px 0 26px}.auth-panel button{margin-left:8px}.error{background:#f7e9e1;border:1px solid #e9c6b5;color:#954f35;font-size:12px;line-height:1.8;padding:12px 15px;border-radius:3px;white-space:pre-wrap}dialog{width:min(690px,calc(100% - 30px));padding:0;border:0;border-radius:6px;background:var(--paper);color:var(--ink);max-height:92dvh;overflow:auto;box-shadow:0 25px 100px #15221940}dialog::backdrop{background:#14231b80;backdrop-filter:blur(4px)}.editor-header{position:sticky;top:0;background:var(--paper);display:flex;justify-content:space-between;align-items:center;padding:24px 30px 20px;border-bottom:1px solid var(--line);z-index:2}.editor-header .eyebrow{font-size:8px;margin-bottom:8px}.editor-header h2{font-size:25px}.close{border:0;background:#eceee3;width:36px;height:36px;font-size:25px;border-radius:50%}.editor-body{padding:24px 30px 5px}.form-section{margin-bottom:25px}.form-section h3>span{font-size:10px;color:var(--muted);font-weight:400;margin-left:10px}.photo-grid{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:10px}.photo-item{width:82px;height:82px;position:relative;border:1px solid var(--line);border-radius:3px;overflow:hidden}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-item>button{position:absolute;right:3px;top:3px;border:0;background:#fffefaeb;width:24px;height:24px;border-radius:50%;font-size:17px;line-height:1}.photo-item span{position:absolute;bottom:0;left:0;right:0;font-size:9px;text-align:center;background:#253b32bf;color:white;padding:3px}.upload-label{position:relative;display:flex;flex-direction:column;align-items:center;border:1px dashed #b6c0ac;background:#f0f1e7;border-radius:3px;padding:19px;gap:8px;cursor:pointer;overflow:hidden}.upload-label>span{font-size:12px}.upload-label small{font-size:10px;color:var(--muted)}.upload-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;font-size:0}.upload-label:focus-within{outline:2px solid var(--accent)}.field{display:block;font-size:12px;line-height:1.5;margin-bottom:15px}.field b,.section-title b{color:#a68350;font-size:12px;font-weight:400}.optional{font-size:10px;color:#a0a593;margin-left:5px}.field input,.field select,.field textarea{display:block;width:100%;margin-top:8px;border:1px solid #d5dacb;background:#fffefa;padding:12px 13px;border-radius:3px;min-height:43px;font-size:13px;outline-offset:1px}.field input::placeholder,.field textarea::placeholder{color:#a7ad9d;font-size:12px}.field textarea{resize:vertical;line-height:1.8}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dimension-section{padding:18px;background:#eef0e5;border:1px solid #e0e5d7;border-radius:3px}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.section-title>span{font-size:10px;color:#839077}.dimension-section .field{margin-bottom:5px}.dimension-section .field input{font:22px Georgia,serif}.field-hint{font-size:10px;line-height:1.8;color:#8a947e;margin:10px 0 0}.editor-footer{position:sticky;bottom:0;background:#fffefa;border-top:1px solid var(--line);padding:17px 30px;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:2}.editor-footer>span{font-size:10px;color:var(--muted)}.editor-footer>div{display:flex;gap:10px}#confirm-dialog{max-width:410px;padding:28px}#confirm-dialog h2{font-size:22px;line-height:1.6}#confirm-dialog p{color:var(--muted);font-size:12px;line-height:1.9;margin:18px 0 24px}#confirm-dialog>div{display:flex;justify-content:flex-end;gap:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#253b32ed;color:white;padding:13px 22px;border-radius:4px;z-index:20;pointer-events:none;opacity:0;transition:.2s;font-size:12px;max-width:92%;text-align:center}.toast.visible{opacity:1}@media(max-width:650px){.admin-header{padding:17px 5%;gap:10px}.brand{font-size:14px;gap:9px;letter-spacing:0}.seal{width:36px;height:36px;font-size:16px}.brand small{font-size:9px;letter-spacing:1px}.header-actions{gap:0;font-size:10px}.header-actions>span{display:none}main{padding:28px 5%}.page-heading h1{font-size:27px}.page-heading{align-items:flex-start;gap:10px}.page-heading .primary{padding:11px 13px;min-height:40px;font-size:11px;margin-top:20px}.page-heading p:last-child{font-size:10px;line-height:1.8;max-width:200px}.eyebrow{font-size:8px;letter-spacing:1px}.stats{gap:9px;margin:23px 0}.stats>div{padding:16px}.stats span{font-size:10px}.stats strong{font-size:28px;margin-top:9px}.toolbar{flex-wrap:wrap;gap:12px}.toolbar nav{gap:23px;flex:1;order:1}.toolbar nav button{font-size:11px}.toolbar>input{width:100%;order:0}.toolbar .text-button{order:2}.product-row{grid-template-columns:62px 1fr auto;gap:10px;padding:17px 0}.row-image{width:62px;height:62px;grid-row:span 2}.row-info h3{font-size:13px;margin-bottom:7px}.row-info small{font-size:9px}.row-size{grid-column:2;grid-row:2;font-size:10px;align-self:start}.row-size small{display:none}.status{grid-row:1;grid-column:3;font-size:9px;padding:5px 8px}.row-actions{grid-column:3;grid-row:2;align-self:end;gap:5px}.row-actions button{font-size:10px;padding:7px 9px}.storage-note{font-size:9px}.editor-header{padding:19px 20px 16px}.editor-body{padding:20px 20px 3px}.editor-header h2{font-size:23px}.editor-footer{padding:14px 20px;display:block}.editor-footer>span{display:block;margin-bottom:10px;font-size:9px}.editor-footer>div{display:flex;gap:10px}.editor-footer button{flex:1}.two-columns{gap:12px}.three-columns{gap:9px}.dimension-section{padding:14px}.section-title{display:block}.section-title h3{margin-bottom:6px}.section-title>span{display:block;margin-bottom:15px;font-size:10px}.form-section h3>span{font-size:9px}.field{font-size:11px}.field input,.field select{font-size:12px;padding:11px 10px}.dimension-section .field input{font-size:22px;min-width:0}.photo-item{width:70px;height:70px}.auth-panel{padding:40px 20px;margin-top:20px}.auth-panel h1{font-size:24px}.auth-panel>p:not(.eyebrow){font-size:12px}#confirm-dialog{padding:24px}.empty-products p{font-size:11px}}
.auth-panel form{text-align:left;margin-top:24px}.auth-panel form>.primary{width:100%;margin-top:7px}.auth-panel .login-note{font-size:10px;line-height:1.9;color:#8c9680;text-align:center;margin-top:20px}.auth-panel #setup-owner-login{display:inline-block;margin-top:20px;color:#8c9680;font-size:10px}.auth-panel .field input{padding:13px;min-height:45px}.auth-panel .error{font-size:11px}#password-dialog{max-width:450px}.header-actions .text-button{font-size:11px;padding:9px 5px}#password-dialog .editor-footer .primary{width:100%}@media(max-width:650px){.header-actions{gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:145px}.header-actions>a{font-size:9px}.header-actions .text-button{font-size:9px;padding:3px 5px;min-height:26px}.auth-panel{margin-top:18px;padding:32px 23px}.auth-panel .field input{font-size:14px}.auth-panel h1{font-size:24px}.auth-panel form{margin-top:20px}}