:root{--bg-base: #f0f4f7;--bg-alt: #e4ecf2;--ink: #0d1d26;--ink-soft: #2c4555;--muted: #537284;--card: #ffffff;--line: #d3dde5;--line-soft: #e8eff4;--accent: #0070f3;--accent-hover: #0060d6;--accent-soft: #e0f0ff;--accent-deep: #003f8a;--ok: #0a7c4c;--ok-soft: #e5f7ef;--ok-border: #7dd5ad;--warn: #8a5a00;--warn-soft: #fff8e1;--warn-border: #f5d78c;--danger: #9b1c1c;--danger-soft: #fff0f0;--danger-border: #f4a0a0;--surface: #ffffff;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 4px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 12px 40px rgba(0,0,0,.14)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Space Grotesk,system-ui,sans-serif;color:var(--ink);background:var(--bg-base);min-height:100vh;font-size:14px;line-height:1.5}.app-shell main{padding:.75rem .75rem 1rem}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:0 1.25rem;height:52px;border-bottom:1px solid rgba(0,0,0,.1);background:#0d1d26;color:#f1f7fb}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.95rem;letter-spacing:-.01em}.brand-icon{width:28px;height:28px;background:var(--accent);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px}nav{display:flex;align-items:center;gap:.25rem}nav a{color:#aac4d2;text-decoration:none;padding:.35rem .75rem;border-radius:7px;font-size:.875rem;font-weight:500;transition:all .14s}nav a:hover{color:#e8f4fb;background:#ffffff14}nav a.active{background:#0070f340;color:#90cbff}.builder-layout{display:grid;grid-template-columns:260px minmax(420px,1fr) 272px;gap:.75rem;align-items:start}.left-rail,.right-rail{position:sticky;top:.75rem;max-height:calc(100vh - 68px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.panel,.canvas-shell,.workspace{display:flex;flex-direction:column;gap:.5rem}.panel,.canvas-shell,.workspace{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:.875rem;box-shadow:var(--shadow-sm)}.section-head{margin-bottom:.25rem}.section-head h2{margin:0 0 .2rem;font-size:1rem;font-weight:700;color:var(--ink)}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.workspace-head h3{margin:0;font-size:.875rem;font-weight:600}.workspace-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sheet-badge{display:inline-flex;align-items:center;gap:.35rem;background:var(--accent-soft);color:var(--accent-deep);border:1px solid #b3d9ff;border-radius:6px;padding:.2rem .55rem;font-size:.78rem;font-weight:600}.price-badge{display:inline-flex;align-items:center;background:var(--ok-soft);color:var(--ok);border:1px solid var(--ok-border);border-radius:6px;padding:.2rem .55rem;font-size:.78rem;font-weight:700}.section-head p,.workspace-head p,.muted,.notice{margin:0;color:var(--muted);font-size:.8rem}.panel-section{border:1px solid var(--line-soft);border-radius:var(--radius-md);padding:.75rem;background:#fafcfe}.panel-section+.panel-section{margin-top:.25rem}.panel-section h3{margin:0 0 .5rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.status-pills{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.25rem}.pill{display:inline-flex;align-items:center;gap:.3rem;border-radius:99px;border:1px solid var(--line);padding:.18rem .55rem;font-size:.72rem;font-weight:600;background:#f5f9fc;white-space:nowrap}.pill-ok{color:var(--ok);border-color:var(--ok-border);background:var(--ok-soft)}.pill-warn{color:var(--warn);border-color:var(--warn-border);background:var(--warn-soft)}.pill-danger{color:var(--danger);border-color:var(--danger-border);background:var(--danger-soft)}.inline-grid{display:grid;gap:.5rem}.inline-grid.two{grid-template-columns:1fr 1fr}label{display:block;margin-bottom:.5rem;font-size:.8rem;font-weight:500;color:var(--ink-soft)}input,select{display:block;width:100%;margin-top:.2rem;padding:.45rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--line);font:inherit;font-size:.85rem;background:#fff;color:var(--ink);transition:border-color .14s,box-shadow .14s;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0070f31f}button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;width:100%;margin-top:.2rem;padding:.45rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--line);font:inherit;font-size:.82rem;font-weight:500;cursor:pointer;background:#f5f9fc;color:var(--ink-soft);transition:all .14s;text-align:center;white-space:nowrap;outline:none}button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep)}button:focus-visible{box-shadow:0 0 0 3px #0070f333}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:transparent;font-weight:600;font-size:.875rem;padding:.6rem 1rem}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:transparent;color:#fff}.btn-add-to-cart{background:var(--ok);color:#fff;border-color:transparent;font-weight:700;font-size:.95rem;padding:.75rem 1rem;border-radius:var(--radius-md);letter-spacing:.01em}.btn-add-to-cart:hover:not(:disabled){background:#0a6840;border-color:transparent;color:#fff}.btn-add-to-cart:disabled{background:#8db9a6}.danger-button{border-color:var(--danger-border);color:var(--danger);background:var(--danger-soft)}.danger-button:hover:not(:disabled){background:#ffe4e4;border-color:var(--danger);color:var(--danger)}.row-actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.2rem}.row-actions.three{grid-template-columns:1fr 1fr 1fr}.row-actions.four{grid-template-columns:1fr 1fr 1fr 1fr}.row-check{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--ink-soft);cursor:pointer}.row-check input{width:auto;margin:0;accent-color:var(--accent)}.row-check-group{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.5rem}.canvas-viewport{width:100%;min-height:60vh;max-height:78vh;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:var(--radius-md);background:#ecf1f5;padding:1rem;display:flex;align-items:flex-start;justify-content:center}.canvas{position:relative;border:2px solid #94b0c2;overflow:hidden;background-color:#fdffff;box-shadow:0 2px 12px #0000001f,0 0 0 4px #fffc;flex-shrink:0}.canvas.canvas-bg-white{background-color:#fdffff}.canvas.canvas-bg-black{background-color:#111;border-color:#444}.canvas.show-grid.canvas-bg-white{background-image:linear-gradient(to right,rgba(14,112,243,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(14,112,243,.07) 1px,transparent 1px);background-size:16px 16px}.canvas.show-grid.canvas-bg-black{background-image:linear-gradient(to right,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.1) 1px,transparent 1px);background-size:16px 16px}.canvas.hide-grid{background-image:none}.canvas-item{position:absolute;border:none;padding:0;margin:0;background:transparent;color:#083047;display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:.7rem;overflow:hidden;cursor:grab;box-sizing:border-box;transition:box-shadow .12s}.canvas-item:active{cursor:grabbing}.canvas-item img{width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.canvas-item.selected{outline:2px solid #0070f3;outline-offset:1px;overflow:visible;box-shadow:0 0 0 4px #0070f326}.canvas-item.warn-overlap{outline:2px solid #d32f2f;outline-offset:1px;box-shadow:inset 0 0 0 2px #d32f2f40,0 0 0 4px #d32f2f1a}.canvas-item.warn-boundary{outline:2px solid #e65100;outline-offset:1px;box-shadow:inset 0 0 0 2px #e6510033,0 0 0 4px #e651001a}.canvas-item.warn-low-dpi{outline:2px solid #f9a825;outline-offset:1px;box-shadow:inset 0 0 0 2px #f9a82540,0 0 0 4px #f9a8251a}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.canvas-toolbar-left,.canvas-toolbar-right{display:flex;align-items:center;gap:.35rem}.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.32rem .6rem;border-radius:7px;border:1px solid var(--line);background:#f5f9fc;color:var(--ink-soft);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .12s;white-space:nowrap;width:auto;margin:0}.toolbar-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep)}.toolbar-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-deep)}.zoom-display{font-size:.75rem;font-weight:600;color:var(--muted);min-width:38px;text-align:center}.canvas-hint{font-size:.72rem;color:var(--muted);text-align:center;padding:.3rem 0}.resize-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid #0070f3;border-radius:3px;z-index:20;box-sizing:border-box;box-shadow:0 1px 3px #0003}.resize-handle-nw{top:-6px;left:-6px;cursor:nw-resize}.resize-handle-n{top:-6px;left:calc(50% - 6px);cursor:n-resize}.resize-handle-ne{top:-6px;right:-6px;cursor:ne-resize}.resize-handle-e{top:calc(50% - 6px);right:-6px;cursor:e-resize}.resize-handle-se{bottom:-6px;right:-6px;cursor:se-resize}.resize-handle-s{bottom:-6px;left:calc(50% - 6px);cursor:s-resize}.resize-handle-sw{bottom:-6px;left:-6px;cursor:sw-resize}.resize-handle-w{top:calc(50% - 6px);left:-6px;cursor:w-resize}.history-bar{display:flex;gap:.4rem;align-items:center}.history-bar button{padding:.3rem .65rem;font-size:.78rem;width:auto;margin:0}.snap-guide{position:absolute;pointer-events:none;z-index:100}.snap-guide-vertical{top:0;bottom:0;width:1px;background:#0070f3b3}.snap-guide-horizontal{left:0;right:0;height:1px;background:#0070f3b3}.rubber-band-selection{position:absolute;pointer-events:none;z-index:90;border:1.5px solid rgba(0,112,243,.8);background:#0070f314;border-radius:2px}.drop-zone{border:2px dashed var(--line);border-radius:var(--radius-md);padding:.5rem .75rem;text-align:center;cursor:pointer;transition:all .16s;background:#f8fbfd;position:relative}.drop-zone.drag-active{border-color:var(--accent);background:var(--accent-soft)}.drop-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;border:none}.drop-zone-icon{font-size:1.1rem;margin-bottom:.15rem;display:block;opacity:.5}.drop-zone-text{font-size:.82rem;font-weight:600;color:var(--ink-soft)}.drop-zone-hint{font-size:.72rem;color:var(--muted);margin-top:.2rem}.upload-list{max-height:120px;overflow-y:auto;scrollbar-width:thin}.upload-row{display:flex;align-items:flex-start;gap:.5rem;padding:.45rem .4rem;border-radius:8px;transition:background .12s}.upload-row:hover{background:#f5f9fc}.upload-row+.upload-row{border-top:1px solid var(--line-soft)}.upload-row-thumb{width:36px;height:36px;object-fit:cover;border-radius:5px;border:1px solid var(--line);flex-shrink:0;background:var(--bg)}.upload-row-info{flex:1;min-width:0}.upload-row-name{font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-row-status{font-size:.72rem;margin-top:.15rem}.upload-row-status.ok{color:var(--ok)}.upload-row-status.error{color:var(--danger)}.upload-row-status.uploading{color:var(--accent)}.upload-row-status.queued{color:var(--muted)}.upload-progress-track{height:3px;background:var(--line-soft);border-radius:99px;margin-top:.3rem;overflow:hidden}.upload-progress-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .2s}.upload-progress-fill.done{background:var(--ok)}.upload-progress-fill.error{background:var(--danger)}.upload-row-actions{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;gap:.25rem}.upload-row-btn{width:auto;padding:.22rem .55rem;font-size:.72rem;margin:0;flex-shrink:0}.library-category{margin-bottom:.3rem}.library-category-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.25rem .4rem;margin:0;background:var(--line-soft);border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--ink-soft);cursor:pointer;text-align:left}.library-category-header:hover{background:#e8eef4}.library-category-count{font-size:.68rem;color:var(--muted);font-weight:400}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;max-height:200px;overflow-y:auto;padding:.4rem;border:1px solid var(--line-soft);border-radius:0 0 var(--radius-sm) var(--radius-sm);margin-bottom:.4rem;background:#fafcfe}.library-thumb{padding:0;font-size:.68rem;border-radius:6px;text-align:center;overflow:hidden;cursor:pointer;border:2px solid transparent;background:var(--line-soft);transition:all .12s;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;margin:0;position:relative}.library-thumb:hover{border-color:var(--accent);background:var(--accent-soft)}.library-thumb img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px}.library-thumb-label{position:absolute;bottom:0;left:0;right:0;background:#0000008c;color:#fff;padding:.15rem .3rem;font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:0 0 4px 4px}.library-thumb-placeholder{font-size:1.4rem;opacity:.4}.control-label{font-size:.72rem;color:var(--muted);margin:.6rem 0 .2rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.active-preset{background:var(--accent-soft)!important;border-color:var(--accent)!important;color:var(--accent-deep)!important;font-weight:600!important}.dpi-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600}.dpi-badge.ok{background:var(--ok-soft);color:var(--ok);border:1px solid var(--ok-border)}.dpi-badge.warn{background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn-border)}.dpi-badge.bad{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-border)}.cart-section{border:1px solid var(--ok-border);border-radius:var(--radius-md);padding:.75rem;background:linear-gradient(135deg,#f0fbf5,#e8f7ef)}.cart-section h3{margin:0 0 .5rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ok)}.cart-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem;padding:.4rem .5rem;background:#ffffffb3;border-radius:7px;border:1px solid var(--ok-border)}.cart-summary-name{font-size:.82rem;font-weight:600}.cart-summary-price{font-size:.95rem;font-weight:800;color:var(--ok)}.cart-success{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:var(--ok-soft);border:1px solid var(--ok-border);border-radius:var(--radius-md);text-align:center}.cart-success-icon{font-size:1.75rem}.cart-success-text{font-size:.85rem;font-weight:600;color:var(--ok)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--card);border-radius:var(--radius-lg);padding:1.5rem;max-width:440px;width:100%;box-shadow:var(--shadow-lg);animation:modal-in .16s ease-out}@keyframes modal-in{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal h3{margin:0 0 .5rem;font-size:1rem;font-weight:700}.modal p{margin:0 0 .75rem;font-size:.875rem;color:var(--ink-soft);line-height:1.55}.modal ul{margin:0 0 .75rem;padding-left:1.2rem;font-size:.85rem}.modal ul li{margin-bottom:.3rem;color:var(--ink-soft)}.modal-icon{font-size:2rem;margin-bottom:.5rem;display:block}.modal-danger h3{color:var(--danger)}.modal-warn h3{color:var(--warn)}.toast-bar{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:900;pointer-events:none}.toast{background:#1a2d38;color:#e8f4fb;padding:.55rem 1.1rem;border-radius:99px;font-size:.82rem;font-weight:500;box-shadow:0 4px 16px #00000040;white-space:nowrap;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.validation-item{display:flex;align-items:flex-start;gap:.5rem;padding:.4rem .5rem;border-radius:7px;margin-bottom:.3rem;font-size:.78rem}.validation-item.error{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-border)}.validation-item.warning{background:var(--warn-soft);color:var(--warn);border:1px solid var(--warn-border)}.validation-icon{flex-shrink:0;font-size:.9rem;margin-top:.05rem}.crop-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.crop-modal{background:var(--card);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-lg);max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);overflow:auto}.crop-workspace{position:relative;display:block;overflow:hidden;-webkit-user-select:none;user-select:none}.crop-workspace img{display:block;pointer-events:none}.crop-shade{position:absolute;background:#0000008c;pointer-events:none}.crop-box{position:absolute;border:1.5px solid #fff;box-shadow:0 0 0 1px #0006;cursor:move;box-sizing:border-box}.crop-handle{position:absolute;width:10px;height:10px;background:#fff;border:1px solid rgba(0,0,0,.4);border-radius:2px;box-sizing:border-box;z-index:10}.crop-handle-nw{top:-5px;left:-5px;cursor:nw-resize}.crop-handle-n{top:-5px;left:calc(50% - 5px);cursor:n-resize}.crop-handle-ne{top:-5px;right:-5px;cursor:ne-resize}.crop-handle-e{top:calc(50% - 5px);right:-5px;cursor:e-resize}.crop-handle-se{bottom:-5px;right:-5px;cursor:se-resize}.crop-handle-s{bottom:-5px;left:calc(50% - 5px);cursor:s-resize}.crop-handle-sw{bottom:-5px;left:-5px;cursor:sw-resize}.crop-handle-w{top:calc(50% - 5px);left:-5px;cursor:w-resize}.ok{color:var(--ok)}.danger{color:var(--danger)}.row-actions button{margin:0}.right-rail .row-actions button{font-size:.72rem;padding:.35rem .2rem;overflow:hidden;text-overflow:ellipsis}.admin-layout{display:grid;grid-template-columns:240px 1fr;gap:.75rem;align-items:start;padding:.75rem}.admin-sidebar{position:sticky;top:.75rem;max-height:calc(100vh - 68px);overflow-y:auto;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.admin-content{max-height:calc(100vh - 68px);overflow-y:auto;padding:1.25rem}.admin-nav-item{display:flex;align-items:center;gap:.55rem;padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--ink-soft);font-size:.875rem;font-weight:500;cursor:pointer;text-align:left;width:100%;transition:all .14s;margin:0}.admin-nav-item:hover{background:var(--bg-alt);border-color:var(--line-soft);color:var(--ink)}.admin-nav-item.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.admin-nav-icon{font-size:1rem;flex-shrink:0}.admin-nav-badge{margin-left:auto;background:var(--bg-alt);border:1px solid var(--line);border-radius:99px;padding:.05rem .45rem;font-size:.72rem;font-weight:700;color:var(--muted)}.admin-nav-item.active .admin-nav-badge{background:#0e70f31f;border-color:var(--accent);color:var(--accent)}.admin-section-header{margin-bottom:1.25rem;padding-bottom:.875rem;border-bottom:1px solid var(--line-soft)}.admin-section-header h2{margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.admin-section-header p{margin:0;font-size:.83rem;color:var(--muted);line-height:1.5}.admin-settings-card{border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:1rem;overflow:hidden}.admin-settings-card-title{padding:.625rem 1rem;background:var(--bg-alt);border-bottom:1px solid var(--line);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}.admin-settings-card-body{padding:1rem}.lib-card{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:var(--card);transition:box-shadow .14s}.lib-card:hover{box-shadow:var(--shadow-md)}.lib-thumb{position:relative;height:140px;background:var(--bg-alt);display:flex;align-items:center;justify-content:center;overflow:hidden}.lib-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .14s}.lib-card:hover .lib-thumb-overlay{opacity:1}@media (max-width: 1100px){.builder-layout{grid-template-columns:240px minmax(340px,1fr) 240px}}@media (max-width: 880px){.builder-layout{grid-template-columns:1fr}.left-rail,.right-rail{position:static;max-height:none}.inline-grid.two{grid-template-columns:1fr}.canvas-viewport{min-height:50vw;max-height:70vw}}