:root{--bg:#fff;--fg:#111;--desc:#555;--input-bg:#fff;--input-border:#999;--preview-border:#ddd}@media (prefers-color-scheme:dark){:root{--bg:#111;--fg:#eee;--desc:#999;--input-bg:#1a1a1a;--input-border:#555;--preview-border:#333}}html{scrollbar-gutter:stable;overflow-y:scroll}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{flex-direction:column;gap:16px;margin-left:auto;margin-right:auto;padding:24px;display:flex}@media (width<=540px){.app{padding-left:12px;padding-right:12px}}@media (width>=720px){.app{max-width:600px}}.title{font-size:32px;font-weight:400}.desc{color:var(--desc);font-size:14px;line-height:1.5}.btn{background:var(--fg);width:100%;color:var(--bg);cursor:pointer;text-align:center;border:none;border-radius:0;padding:12px 0;font-size:15px}.btn:disabled{opacity:.4;cursor:default}.btn:hover:not(:disabled){opacity:.85}.field{flex-direction:column;gap:6px;display:flex}.field-label{font-size:13px;font-weight:600}.field-input{border:2px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--fg);border-radius:0;outline:none;padding:10px 12px;font-size:17px}.field-input:focus{border-color:var(--fg)}.field-textarea{resize:none;min-height:80px;font-family:inherit}.preview-img{border:1px solid var(--preview-border);height:auto}.btns{flex-direction:row;gap:12px;display:flex}.loading-text{color:var(--desc);justify-content:center;align-items:center;font-size:16px;display:flex;position:fixed;inset:0}.tabs{gap:8px;display:flex}.type-tabs,.mode-tabs,.preview-mode-tabs{margin-bottom:8px}.tab{color:var(--fg);border:2px solid var(--input-border);cursor:pointer;background:0 0;border-radius:0;flex:1;padding:10px 0;font-size:15px}.tab-active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.product-editor{flex-direction:column;gap:20px;display:flex}.product-group{border:1px solid var(--preview-border);flex-direction:column;gap:12px;padding:16px;display:flex}@media (width<=540px){.product-group{border:none;padding:0}}.product-group.is-collapsed{cursor:pointer}.product-group.is-collapsed:hover{border-color:var(--fg)}.product-header{justify-content:space-between;align-items:center;display:flex}.product-index{letter-spacing:.05em;font-size:20px;font-weight:600}.product-header-actions{gap:8px;display:flex}.icon-btn{width:36px;height:36px;color:var(--fg);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:15px;display:flex}.icon-btn:hover:not(:disabled){background:var(--preview-border)}.icon-btn:disabled{opacity:.3;cursor:default}.icon-btn-danger:hover:not(:disabled){color:#fff;background:#c00;border-color:#c00}.product-row2{align-items:flex-end;gap:12px;display:flex}.product-fields-left{flex-direction:column;flex:1;gap:12px;display:flex}.product-image-area{flex-shrink:0;width:150px}@media (width<=540px){.product-image-area{width:125px}}.upload-square{aspect-ratio:1;border:2px dashed var(--input-border);cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;width:100%;padding:0;display:flex;overflow:hidden}.upload-square:hover{border-color:var(--fg)}.upload-placeholder{color:var(--desc);text-align:center;white-space:pre-line;padding:4px;font-size:12px;line-height:1.4}.upload-preview{object-fit:cover;width:100%;height:100%}.editor-add{margin-top:4px}.preview-panel{flex-direction:column;gap:16px;display:flex}.preview-item{flex-direction:column;gap:8px;display:flex}.placeholder-text{color:var(--desc);text-align:center;padding:24px 0}