/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#141414;--muted:#686868;--line:#dedede;--soft:#f5f5f3;--paper:#fff;--accent:#d9364f}*{box-sizing:border-box}html{background:0 0}body{color:var(--ink);background:0 0;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}button,input,select{font:inherit}button,label,input[type=range],input[type=file],select{cursor:pointer}img{max-width:100%;display:block}.sr-only,.bag-option input,.color-option input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio{background:var(--paper);min-height:100vh;padding:18px}.studio__shell{border:1px solid var(--line);border-radius:22px;width:min(1180px,100%);margin:0 auto;overflow:hidden;box-shadow:0 16px 45px #00000012}.studio__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 30px 24px;display:flex}.studio__eyebrow{color:var(--muted);letter-spacing:.16em;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.studio__header h1{letter-spacing:-.04em;margin:0;font-size:clamp(28px,4vw,46px);font-weight:500;line-height:1}.studio__header p{max-width:680px;color:var(--muted);margin:12px 0 0;font-size:15px;line-height:1.55}.studio__test-badge{letter-spacing:.09em;background:#f7f7f7;border:1px solid #b8b8b8;border-radius:999px;flex:none;padding:9px 12px;font-size:10px;font-weight:800}.studio__layout{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:start;display:grid}.preview-card{padding:28px;position:sticky;top:0}.preview-card__topline{letter-spacing:.12em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:800;display:flex}.preview-card__ready{color:var(--muted);letter-spacing:0;align-items:center;gap:6px;font-weight:600;display:inline-flex}.preview-card__ready i{background:#2c9a57;border-radius:50%;width:7px;height:7px}.preview-stage{aspect-ratio:1;-webkit-user-select:none;user-select:none;touch-action:none;background:#f0f1f2;border-radius:17px;position:relative;overflow:hidden}.preview-stage.is-dragging{cursor:grabbing}.preview-stage__bag{object-fit:contain;width:100%;height:100%}.preview-stage__text,.preview-stage__art{z-index:2;cursor:grab;touch-action:none;background:0 0;border:0;position:absolute;transform:translate(-50%,-50%)}.preview-stage__text{text-align:center;white-space:nowrap;text-shadow:0 1px 3px #0003;max-width:78%;padding:10px;font-weight:700;line-height:1}.preview-stage__text:focus-visible,.preview-stage__art:focus-visible{outline-offset:3px;outline:2px dashed #fff}.preview-stage__art{padding:0}.preview-stage__art img{object-fit:contain;width:100%;height:100%}.preview-card__hint{color:var(--muted);text-align:center;margin:12px 0 0;font-size:12px}.controls{border-left:1px solid var(--line);background:#fcfcfb;padding:28px}.control-group{border:0;min-width:0;margin:0 0 24px;padding:0}.control-group legend,.control-group>label,.control-label label{letter-spacing:.1em;margin-bottom:10px;font-size:11px;font-weight:800;display:block}.control-label{justify-content:space-between;align-items:center;display:flex}.control-label span{color:var(--muted);font-size:11px}.control-group small{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.4;display:block}.bag-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.bag-option{border:1px solid var(--line);min-width:0;color:var(--muted);background:#fff;border-radius:10px;padding:5px;font-size:9px;line-height:1.15;transition:border-color .15s,box-shadow .15s,transform .15s}.bag-option:hover{transform:translateY(-1px)}.bag-option.is-selected{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);color:var(--ink)}.bag-option__image{aspect-ratio:1.25;background:#f0f1f2;border-radius:6px;margin-bottom:5px;display:block;overflow:hidden}.bag-option__image img{object-fit:contain;width:100%;height:100%}.text-input,.control-group select{width:100%;height:46px;color:var(--ink);background:#fff;border:1px solid #cfcfcf;border-radius:9px;padding:0 13px}.text-input:focus,.control-group select:focus,.upload-group input[type=file]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.color-options{flex-wrap:wrap;gap:10px;display:flex}.color-option{background:#fff;border:1px solid #c7c7c7;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.color-option span{border:1px solid #0000002e;border-radius:50%;width:24px;height:24px}.color-option.is-selected{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.control-pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.control-group input[type=range]{width:100%;accent-color:var(--ink)}.upload-group{background:#fff;border:1px dashed #bbb;border-radius:12px;padding:16px}.upload-group input[type=file]{width:100%;color:var(--muted);margin-top:12px;font-size:11px}.upload-group input[type=file]::file-selector-button{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:7px;margin-right:10px;padding:8px 11px;font-weight:700}.uploaded-tools{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px 12px;margin-top:13px;padding-top:13px;display:grid}.uploaded-tools span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.uploaded-tools label{font-size:10px;font-weight:700}.uploaded-tools input{min-width:0}.uploaded-tools button{color:var(--ink);background:#ededed;border:0;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:700}.price-summary{background:#efefec;border-radius:12px;margin-top:6px;padding:17px}.price-summary h2{letter-spacing:.1em;margin:0 0 12px;font-size:11px}.price-summary>div{color:var(--muted);justify-content:space-between;gap:20px;margin-top:8px;font-size:12px;display:flex}.price-summary .price-summary__total{color:var(--ink);border-top:1px solid #cdcdc8;margin-top:13px;padding-top:13px;font-size:14px}.test-button{color:#fff;letter-spacing:.06em;opacity:.62;cursor:not-allowed;background:#252525;border:0;border-radius:9px;width:100%;margin-top:15px;padding:14px;font-size:11px;font-weight:800}.test-note{color:var(--muted);text-align:center;margin:9px 0 0;font-size:10px;line-height:1.45}@media (width<=900px){.studio__layout{grid-template-columns:1fr}.preview-card{position:relative}.controls{border-top:1px solid var(--line);border-left:0}}@media (width<=600px){.studio{padding:8px}.studio__shell{border-radius:14px}.studio__header{padding:20px 17px;display:block}.studio__header h1{font-size:31px}.studio__test-badge{margin-top:14px;display:inline-block}.preview-card,.controls{padding:16px}.bag-options{grid-template-columns:repeat(3,minmax(0,1fr))}.control-pair{grid-template-columns:1fr;gap:0}.preview-stage__text{font-size:clamp(25px,10vw,48px)!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
