:root{--steel-light:#e7eaec;--steel-mid:#c7cdd1;--charcoal:#211f1c;--cream:#faf5ea;--paper:#fffdf8;--coral:#ff6b4a;--coral-dark:#e2532f;--ink:#23201c;--ink-soft:#5c5750;--shadow-soft: 0 18px 40px -18px rgba(33,31,28,.35);--shadow-tight: 0 6px 16px -8px rgba(33,31,28,.3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--cream);color:var(--ink);min-height:100vh}.order-shell{padding:40px 20px}.order-shell .display{font-family:Fraunces,serif}.order-shell .mono{font-family:IBM Plex Mono,monospace}.order-shell .wrap{max-width:1040px;margin:0 auto}.order-shell .header{text-align:center;margin-bottom:36px}.order-shell .header .eyebrow{font-family:IBM Plex Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--coral-dark);margin-bottom:10px;display:block}.order-shell .header h1{font-family:Fraunces,serif;font-weight:600;font-size:clamp(24px,3.4vw,34px)}.order-shell .layout{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:start}@media(max-width:820px){.order-shell .layout{grid-template-columns:1fr}}.order-shell .panel{background:var(--paper);border-radius:20px;padding:26px;box-shadow:var(--shadow-tight);border:1px solid rgba(33,31,28,.06)}.order-shell .panel h2{font-family:Fraunces,serif;font-weight:600;font-size:19px;margin-bottom:16px}.order-shell .source-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.order-shell .source-btn{flex:1;min-width:130px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;border-radius:14px;border:1.5px dashed rgba(33,31,28,.2);background:var(--cream);cursor:pointer;font-size:13px;font-weight:600;color:var(--ink);transition:border-color .2s ease,background .2s ease}.order-shell .source-btn:hover{border-color:var(--coral);background:#fff3ee}.order-shell .source-btn svg{width:26px;height:26px;stroke:var(--ink)}.order-shell input[type=file]{display:none}.order-shell .dropzone{border:2px dashed rgba(33,31,28,.18);border-radius:16px;padding:28px;text-align:center;color:var(--ink-soft);font-size:13.5px;margin-bottom:18px;transition:border-color .2s ease,background .2s ease}.order-shell .dropzone.drag-over{border-color:var(--coral);background:#fff3ee}.order-shell .pack-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:32px 0 20px}.order-shell .pack-card{flex:1;min-width:140px;max-width:200px;padding:32px 20px;border-radius:20px;background:var(--paper);border:1.5px solid rgba(33,31,28,.1);cursor:pointer;box-shadow:var(--shadow-tight);display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .18s ease,border-color .18s ease}.order-shell .pack-card:hover{transform:translateY(-4px);border-color:var(--coral)}.order-shell .pack-count{font-family:Fraunces,serif;font-weight:600;font-size:38px;color:var(--charcoal)}.order-shell .pack-label{font-family:IBM Plex Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.order-shell .progress-row{display:flex;align-items:center;gap:12px;margin-bottom:20px}.order-shell .progress-track{flex:1;height:6px;border-radius:100px;background:var(--steel-light);overflow:hidden}.order-shell .progress-fill{height:100%;background:var(--coral);border-radius:100px;transition:width .3s ease}.order-shell .progress-label{font-size:11.5px;color:var(--ink-soft);white-space:nowrap}.order-shell .crop-stage{display:none}.order-shell .crop-stage.active{display:block}.order-shell .crop-container{background:#111;border-radius:14px;overflow:hidden;max-height:420px;display:flex;align-items:center;justify-content:center}.order-shell .crop-container img{display:block;max-width:100%}.order-shell .action-row{display:flex;gap:10px;margin-top:16px}.order-shell .btn{padding:12px 20px;border-radius:100px;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:transform .15s ease}.order-shell .btn:hover{transform:translateY(-1px)}.order-shell .btn-primary{background:var(--coral);color:#fff;box-shadow:0 10px 20px -8px #ff6b4a80;flex:1}.order-shell .btn-primary:disabled{background:var(--steel-mid);color:var(--ink-soft);box-shadow:none;cursor:not-allowed;transform:none}.order-shell .btn-ghost{background:transparent;border:1.5px solid rgba(33,31,28,.18);color:var(--ink)}.order-shell .batch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;margin-bottom:14px}.order-shell .batch-thumb{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;box-shadow:var(--shadow-tight)}.order-shell .batch-thumb img{width:100%;height:100%;object-fit:cover;display:block}.order-shell .batch-remove{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#211f1cbf;color:#fff;border:none;font-size:14px;line-height:1;cursor:pointer}.order-shell .cart-empty{color:var(--ink-soft);font-size:14px;text-align:center;padding:30px 10px}.order-shell .cart-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid rgba(33,31,28,.08)}.order-shell .cart-thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--steel-light);box-shadow:var(--shadow-tight)}.order-shell .cart-thumb.shape-circle{border-radius:50%}.order-shell .cart-thumb img{width:100%;height:100%;object-fit:cover}.order-shell .cart-meta{flex:1}.order-shell .cart-meta .name{font-weight:600;font-size:13.5px}.order-shell .cart-meta .spec{font-family:IBM Plex Mono,monospace;font-size:11.5px;color:var(--ink-soft);margin-top:3px}.order-shell .cart-remove{background:none;border:none;color:var(--ink-soft);cursor:pointer;font-size:12px;text-decoration:underline;padding:0}.order-shell .cart-total{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1.5px solid rgba(33,31,28,.1);font-family:Fraunces,serif;font-weight:600;font-size:18px}.order-shell .checkout-btn{width:100%;margin-top:14px;padding:14px}.order-shell .note{font-size:12px;color:var(--ink-soft);margin-top:14px;line-height:1.5;background:var(--steel-light);padding:10px 12px;border-radius:10px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/order.css.map */