:root{--bg:#f5f6f8;--panel:#ffffff;--panel2:#f0f1f4;--line:#e2e5ea;--txt:#1f2430;--muted:#6b7280;--accent:#f57c00;--accent2:#0aa6a0;--ok:#1f9d63;--warn:#e0480b;--hh:0px;--cart:72px;--pv:0px}body.shopify-preview{--pv:52px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--txt);overflow:hidden}header{height:var(--hh);display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--panel);border-bottom:3px solid var(--accent);position:sticky;top:0;z-index:30}header h1{font-size:15px;margin:0;font-weight:700}header .tag{font-size:11px;color:var(--muted)}.badge{font-size:10px;background:var(--accent2);color:#03201f;padding:2px 7px;border-radius:10px;font-weight:700}#app{display:grid;grid-template-columns:255px 1fr 255px;height:calc(100% - var(--hh) - var(--cart) - var(--pv))}.col{overflow-y:auto;padding:14px;-webkit-overflow-scrolling:touch}.left{background:var(--panel);border-right:1px solid var(--line)}.right{background:var(--panel);border-left:1px solid var(--line)}.center{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 12px 26px}h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:16px 0 8px}h3:first-child{margin-top:0}button{font-family:inherit;cursor:pointer;border:none;border-radius:9px;padding:10px 12px;font-size:13px;font-weight:600;transition:.15s}.btn{background:var(--panel2);color:var(--txt);border:1px solid var(--line)}.btn:hover{border-color:var(--accent)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{filter:brightness(1.07)}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.fmt{display:block;width:100%;text-align:left;margin-bottom:8px}.fmt.active{border-color:var(--accent);background:#fff3e8}.fmt small{display:block;color:var(--muted);font-weight:400;margin-top:2px}.drop{border:2px dashed var(--line);border-radius:10px;padding:18px;text-align:center;color:var(--muted);font-size:13px;cursor:pointer;margin-bottom:10px}.drop:hover{border-color:var(--accent)}#tray{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.thumb{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--line);cursor:pointer;background:#000}.thumb img{width:100%;height:100%;object-fit:cover;pointer-events:none}.thumb.sel{outline:3px solid var(--accent2);outline-offset:-3px}.thumb .used{position:absolute;top:3px;right:3px;background:var(--ok);color:#fff;font-size:9px;border-radius:10px;padding:1px 5px}.lays{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.lay{aspect-ratio:1;background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:5px;cursor:pointer;display:flex;flex-direction:column;gap:3px}.lay:hover{border-color:var(--accent)}.lay.active{border-color:var(--accent);background:#fff3e8}.lay.active .lcell{background:#f6b87a}.lay .lrow{display:flex;gap:3px;flex:1}
/*# sourceMappingURL=/cdn/shop/t/11/assets/css_1.css.map */