*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.block{display:block}.hidden{display:none}.size-2{width:.5rem;height:.5rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbf7f2;color:#4c352e;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.ring-builder-grid{background-image:linear-gradient(rgba(255,255,255,.34) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.34) 1px,transparent 0);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at center,black 0,transparent 72%);mask-image:radial-gradient(circle at center,black 0,transparent 72%)}.ring-builder-image{animation:ring-builder-reveal .45s ease both}@keyframes ring-builder-reveal{0%{opacity:.25;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}.case-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:999px;background:#eaded7;accent-color:#c96e75}.case-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border:5px solid #fff;border-radius:999px;background:#c96e75;box-shadow:0 1px 5px rgba(80,45,37,.28)}.case-slider::-moz-range-thumb{width:11px;height:11px;border:5px solid #fff;border-radius:999px;background:#c96e75;box-shadow:0 1px 5px rgba(80,45,37,.28)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ring-builder-image{animation:none}}.case-studio{--ink:#4b3029;--muted:#80675e;--pink:#c7707d;min-height:100vh;background:#fbf7f2;color:var(--ink)}.case-studio button{cursor:pointer;transition:background-color .18s,border-color .18s,transform .18s}.case-studio button:disabled{cursor:default;opacity:.45}.case-studio :focus-visible{outline:2px solid #a84d62;outline-offset:4px}.case-studio svg{width:18px;height:18px;flex-shrink:0}.studio-header{height:76px;max-width:1320px;margin:auto;padding:0 40px;justify-content:space-between;border-bottom:1px solid #e8dcd2}.studio-brand,.studio-header{display:flex;align-items:center}.studio-brand{gap:12px;font-size:13px;font-weight:700;letter-spacing:.22em}.studio-brand img{width:auto;height:40px}.studio-header-label{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.studio-intro{max-width:1240px;margin:36px auto 28px;padding:0 24px}.studio-eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:7px;color:#a95468}.studio-intro h1{font-family:Georgia,serif;font-size:clamp(30px,3.6vw,49px);line-height:1.14;letter-spacing:-.035em;margin:12px 0}.studio-intro h1 em{font-weight:400;color:#9f5769}.studio-intro>p:last-child{font-size:14px;color:var(--muted);line-height:1.6}.studio-workspace{max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:40px;padding:0 24px;align-items:start}.studio-preview{grid-column:2;grid-row:1;position:sticky;top:20px;min-width:0;overflow:hidden;border:1px solid #eadfd7;border-radius:28px;background:#fff}.preview-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 22px}.magnetic-badge{font-size:10px;color:#715b53;background:#f7f0ea;padding:7px 11px;border-radius:30px}.studio-stage{position:relative;min-height:505px;display:flex;align-items:center;justify-content:center;padding:14px 24px 45px;background:linear-gradient(150deg,#fff 30%,color-mix(in srgb,var(--frame-tone) 13%,white));transition:background .2s}.live-preview{height:440px;aspect-ratio:330/545;position:relative;max-width:100%}.phone-canvas{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0}.phone-canvas.is-ready{opacity:1;animation:case-appear .25s ease-out}.stage-note{position:absolute;bottom:21px;left:8px;right:8px;text-align:center;font-family:Georgia,serif;font-style:italic;color:#897369;font-size:15px}.preview-caption{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:16px 22px 8px;font-size:12px}.preview-caption>span:last-child{margin-left:auto;color:var(--muted)}.color-dot{display:inline-block;width:12px;height:12px;border:1px solid #0001;border-radius:50%;flex-shrink:0}.preview-hint{display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;margin:8px 16px 18px;font-size:11px;color:var(--muted)}.preview-hint svg{width:14px}.preview-error,.preview-loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;text-align:center;font-size:12px;color:var(--muted)}.preview-error button{min-height:44px;border:1px solid #d9bab5;border-radius:22px;padding:0 15px}.studio-editor{grid-column:1;grid-row:1;min-width:0;background:#fffdfb;border:1px solid #eadfd7;border-radius:28px;overflow:hidden;box-shadow:0 12px 38px #57382e06}.studio-steps{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #eadfd7;padding:10px 16px;background:#fff;gap:6px}.studio-steps button{min-height:46px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:14px}.studio-steps button>span{font-size:10px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f3e9e3;color:#8b7066}.studio-steps button[aria-current]{background:#f9eeed;color:#a25166;font-weight:700}.studio-steps button[aria-current]>span{background:#c7707d;color:#fff}.studio-steps svg{width:13px;height:13px}.editor-body{padding:23px 26px 16px;animation:case-appear .22s ease-out}.editor-title h2{font:28px/1.15 Georgia,serif;letter-spacing:-.02em;margin:0 0 8px}.editor-title p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 22px}.model-picker{border:0;padding:0;margin:0 0 18px}.model-picker legend{font-size:11px;font-weight:600;margin-bottom:10px}.model-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.model-picker button{min-height:44px;border:1px solid #e7d9d0;border-radius:13px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:10px}.model-picker button[aria-pressed=true]{background:#fff0ef;border-color:#c7707d}.model-picker svg{width:14px}.palette-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 12px}.palette-title p{font-size:11px}.palette-title strong{display:block;margin-top:4px;font-size:13px}.surprise-button{display:flex;align-items:center;gap:5px;min-height:44px;padding:0 8px;color:#a25166;font-size:11px}.surprise-button:hover svg{transform:rotate(18deg)}.color-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.color-choice{border:1px solid transparent;border-radius:13px;min-height:55px;padding:7px 3px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;line-height:1.2}.color-choice:hover{background:#f7efea;transform:translateY(-2px)}.color-choice[aria-pressed=true]{border-color:#d995a1;background:#fff1f1}.swatch{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;box-shadow:inset 0 0 0 1px #0001;transition:transform .18s}.color-choice[aria-pressed=true] .swatch{transform:scale(1.12)}.swatch svg{width:14px;height:14px;background:#fff;border-radius:50%;padding:2px;color:#513a32}.editor-footer{display:flex;gap:12px;padding:16px 26px 22px;border-top:1px solid #f1e8e2}.primary-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;flex:1;border-radius:28px;background:#4b3029;color:#fff;font-size:13px;font-weight:600}.primary-button:hover:not(:disabled){background:#6a433a}.primary-button:hover:not(:disabled) svg{transform:translateX(3px)}.back-button{min-height:44px;padding:0 8px;color:var(--muted);font-size:12px}.photo-drop{width:100%;border:1px dashed #d7abae;border-radius:20px;background:#fff6f3;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:10px}.photo-drop>svg{width:35px;height:35px;padding:8px;background:#f6dedf;border-radius:50%;color:#aa5a6a}.photo-drop strong{font:20px Georgia,serif}.photo-drop small,.photo-drop span{font-size:11px;color:var(--muted)}.photo-drop.is-dragging{background:#f8e0e2;border-style:solid}.photo-drop.has-photo{min-height:120px;gap:5px}.photo-drop.has-photo strong{font-size:16px}.photo-drop.has-photo svg{width:28px;height:28px;padding:5px}.placement-controls{border:0;padding:0;margin:18px 0 0}.studio-range{display:block;margin:14px 0}.studio-range>span{display:flex;justify-content:space-between;font-size:11px;margin-bottom:0}.studio-range output{color:#9e5064;font-weight:700}.studio-range input{width:100%;height:32px;accent-color:#bf7381;cursor:pointer}.zoom-actions{display:flex;justify-content:space-between;gap:8px}.zoom-actions button{border:1px solid #e7d9d0;border-radius:24px;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px}.zoom-actions button:nth-child(2){padding:0 16px}.zoom-actions svg{width:14px}.small-note{font-size:11px;line-height:1.7;color:var(--muted);margin:14px 0}.design-summary{margin:20px 0}.design-summary>div{display:flex;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid #eee3dc;font-size:12px}.design-summary dt{color:var(--muted)}.design-summary dd{margin:0;text-align:right;display:flex;align-items:center;gap:7px}.saved-design{display:flex;align-items:center;gap:12px;background:#f4ede7;padding:18px;border-radius:18px;animation:case-appear .3s ease-out}.saved-design>svg{height:32px;width:32px;color:#a65a6d}.saved-design strong{font:24px Georgia,serif}.saved-design p{font-size:11px;margin:5px 0 0}.preview-disclosure{font-size:11px;padding:12px;border-radius:12px;background:#f7eee8;color:#80675e}.studio-error{font-size:12px;line-height:1.6;padding:12px;border-radius:12px;background:#fff0ef;color:#8c344a;margin-top:16px}.studio-error button{text-decoration:underline;min-height:44px}.studio-footnote{text-align:center;padding:25px;font-size:11px;color:#897369}@keyframes case-appear{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(min-width:0px){.studio-header{height:60px;padding:0 18px}.studio-brand{font-size:11px;gap:8px}.studio-brand img{height:30px}.studio-header-label{font-size:8px;letter-spacing:.08em}.studio-intro{margin:22px auto 20px;padding:0 18px}.studio-intro h1{font-size:31px;max-width:350px}.studio-intro>p:last-child{font-size:12px}.studio-eyebrow{font-size:9px}.studio-workspace{display:flex;flex-direction:column;gap:14px;padding:0 12px}.studio-preview{position:sticky;top:0;z-index:20;width:100%;border-radius:20px;box-shadow:0 5px 16px #50352e0b}.preview-topline{padding:9px 14px}.magnetic-badge{font-size:9px;padding:4px 8px}.studio-stage{min-height:0;height:210px;padding:0;background:#fff}.live-preview{height:210px}.stage-note{display:none}.preview-caption{padding:8px 14px;font-size:10px}.preview-hint{font-size:9px;margin:0 8px 9px;gap:4px}.preview-hint svg{width:12px;height:12px}.studio-editor{width:100%;border-radius:20px}.studio-steps{padding:6px 10px}.editor-body{padding:21px 18px 14px}.editor-title h2{font-size:25px}.editor-title p{margin-bottom:17px}.editor-footer{padding:14px 18px 18px}.color-palette{gap:6px}.color-choice{min-height:53px}.studio-footnote{padding:20px 12px;font-size:10px}}@media(prefers-reduced-motion:reduce){.case-studio *,.case-studio :after,.case-studio :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.case-studio .preview-tools{display:flex;justify-content:center;gap:8px;padding:4px 12px}.case-studio .preview-tools button{min-width:44px;min-height:44px;border:1px solid #e5d5ce;border-radius:24px;padding:0 16px;font-size:12px}.case-studio .preview-tools button[aria-pressed=true]{background:#f8e8eb;border-color:#b7687b;color:#914359}.case-studio .text-controls{margin-top:24px;padding-top:16px;border-top:1px solid #eadfd7;display:grid;gap:12px}.case-studio .text-controls legend{font-family:Georgia,serif;font-size:22px;padding-top:20px}.case-studio .text-controls label{display:grid;gap:8px;font-size:12px}.case-studio .text-controls select,.case-studio .text-controls textarea{width:100%;padding:12px;border:1px solid #d9bab5;border-radius:12px;background:#fff;font-size:16px;color:#4b3029}.case-studio .text-controls input[type=color]{width:100%;height:44px;border:1px solid #d9bab5;border-radius:10px}.case-studio .text-controls small{font-size:11px;color:#80675e}.case-studio .text-controls>button{min-height:44px;text-decoration:underline}@media(min-width:0px){.case-studio input,.case-studio select,.case-studio textarea{scroll-margin-top:380px}}.case-studio .text-selection{position:absolute;border:1px dashed #a95468;pointer-events:none;box-sizing:border-box}.case-studio input[aria-label="Curve amount"]{width:100%;accent-color:#bd7183;min-height:32px}.case-studio .photo-layers{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.case-studio .photo-layers>div{border:1px solid #e5d5ce;border-radius:12px;display:flex;align-items:center;padding:4px}.case-studio .photo-layers button{min-height:44px;min-width:44px;border-radius:8px;font-size:12px;padding:6px}.case-studio .photo-layers button[aria-pressed=true]{background:#f8e8eb;outline:1px solid #bd7183}.case-studio .photo-layers img{height:48px;width:48px;-o-object-fit:contain;object-fit:contain;display:block;margin:auto auto 4px}.case-studio .design-download{display:inline-block;padding:12px 0;text-decoration:underline;font-size:13px}.case-studio .background-picker{display:grid;gap:8px;margin-top:20px;font-size:12px}.case-studio .background-picker select{width:100%;padding:12px;border:1px solid #d9bab5;border-radius:12px;background:#fff;font-size:16px;color:#4b3029}.case-studio .background-picker small{font-size:11px;line-height:1.6;color:#80675e}.case-studio .case-offer{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #eadfd7}.case-studio .case-offer>strong{font-size:24px;color:#4b3029}.case-studio .case-offer p{margin-top:8px;font-size:12px;line-height:1.65;color:#71584e}.case-studio .case-offer>strong small{font-size:12px;font-weight:400}.case-studio .quantity-label{display:block;margin:16px 0 8px;font-size:12px}.case-studio .quantity-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}.case-studio .quantity-control{display:flex;border:1px solid #d9bab5;border-radius:12px;overflow:hidden}.case-studio .quantity-control button{width:44px;min-height:44px;font-size:18px}.case-studio .quantity-control input{width:64px;text-align:center;background:#fff;color:#4b3029;font-size:16px;border:0}.case-studio .quantity-control button:disabled{opacity:.4}.case-studio .verification-retry{min-height:44px;padding:0 16px;border:1px solid #d9bab5;border-radius:22px;font-size:12px;color:#914359}.mobile-tabs{display:none}@media(min-width:0px){.case-studio{position:fixed;top:var(--studio-top,0);left:0;width:100%;height:var(--studio-height,100dvh);min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.studio-header{height:42px;min-height:42px;width:100%;padding:0 14px;flex-shrink:0}.studio-brand img{height:25px}.studio-brand{font-size:10px}.studio-header-label{font-size:8px}.studio-footnote,.studio-intro{display:none}.studio-workspace{display:flex;flex:1;min-height:0;width:100%;max-width:none;padding:0;gap:0}.studio-preview{position:relative;top:auto;z-index:auto;display:flex;flex-direction:column;flex:1;min-height:140px;width:100%;border:0;border-radius:0;box-shadow:none;overflow:hidden}.preview-topline{padding:5px 12px;flex-shrink:0}.preview-topline .studio-eyebrow{font-size:8px}.studio-stage{flex:1;min-height:0;height:auto;padding:0;background:#fff;overflow:hidden}.live-preview{height:100%;max-height:100%;width:auto;aspect-ratio:330/545;max-width:100%;flex-shrink:0}.phone-canvas{display:block;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.preview-caption{padding:4px 12px;font-size:10px;flex-shrink:0}.preview-hint{min-height:18px;margin:2px 8px 4px;font-size:10px;flex-shrink:0}.studio-preview>.preview-tools{display:none}.studio-editor{display:flex;flex-direction:column;flex:0 0 auto;width:100%;height:min(340px,45%);min-height:230px;border:0;border-top:1px solid #eadfd7;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #57382e09;overflow:hidden}.mobile-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:5px 10px;border-bottom:1px solid #eadfd7;flex-shrink:0}.mobile-tabs button{min-height:40px;border-radius:12px;font-size:12px}.mobile-tabs button[aria-pressed=true]{background:#f9e7eb;color:#9e5064;font-weight:700}.editor-body>.preview-tools,.editor-title,.production-intro,.studio-steps{display:none!important}.editor-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:10px 14px;animation:none}.editor-footer{flex-shrink:0;padding:7px 14px;gap:10px;background:#fffdfb}.primary-button{min-height:42px;font-size:12px}.back-button{min-height:42px}.model-picker{margin:0 0 6px}.model-picker legend{display:none}.model-picker>div{gap:8px}.model-picker button{min-height:40px}.palette-title{margin:0 0 3px}.palette-title p{display:flex;align-items:center;gap:6px;font-size:10px}.palette-title strong{margin:0;font-size:11px}.surprise-button{min-height:32px;font-size:10px}.color-palette{grid-template-columns:repeat(8,minmax(0,1fr));gap:0}.color-choice{min-height:44px;padding:3px;gap:0}.color-choice>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.swatch{width:27px;height:27px}.photo-drop,.photo-drop.has-photo{min-height:64px;padding:8px;gap:3px;border-radius:13px}.photo-drop.has-photo>svg,.photo-drop>svg{display:none}.photo-drop strong,.photo-drop.has-photo strong{font:15px Georgia,serif}.photo-drop span{display:none}.photo-drop small{font-size:10px}.case-studio .background-picker{margin-top:8px;gap:4px;font-size:11px}.case-studio .background-picker select{padding:7px 9px;min-height:40px}.background-picker small{display:none}.case-studio .photo-layers{margin:8px 0;gap:5px}.case-studio .photo-layers img{width:35px;height:35px}.case-studio .photo-layers button{font-size:10px}.case-studio .text-controls{margin:0;padding:0;border:0;gap:8px;grid-template-columns:1fr 1fr}.text-controls legend,.text-controls>.small-note,.text-controls>small{display:none}.text-controls>label:first-of-type{grid-column:1/-1}.case-studio .text-controls textarea{height:58px;min-height:44px;padding:8px}.case-studio .text-controls select{padding:8px}.case-studio .text-controls label{font-size:11px;gap:4px}.case-studio input,.case-studio select,.case-studio textarea{scroll-margin-top:8px}.case-studio .case-offer{margin-bottom:10px;padding-bottom:8px}.case-offer>strong{font-size:20px}.case-studio .case-offer p{font-size:11px}.design-summary{margin:8px 0}.design-summary>div{padding:7px 0}}@media(max-width:359px){.color-palette{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:0px) and (max-height:530px){.studio-header{display:none}.studio-editor{min-height:190px;height:52%}.preview-caption,.preview-topline{display:none}.studio-preview{min-height:80px}}.mobile-panel-title{display:none}@media(min-width:0px){.tools-closed .studio-editor{height:auto;min-height:0;flex-shrink:0}.tools-closed .editor-body,.tools-closed .mobile-panel-title,.tools-closed.panel-frame .editor-footer{display:none}.tools-open .mobile-panel-title{display:flex;align-items:center;justify-content:space-between;padding:0 14px;min-height:36px;font-size:12px;flex-shrink:0}.mobile-panel-title button{min-height:36px;min-width:44px;color:#914359;font-size:12px}.tools-open .studio-editor{height:min(360px,48%)}.tools-open.panel-frame .editor-footer{display:none}.mobile-tabs button{min-height:44px}.studio-stage .live-preview{max-width:calc(100vw - 16px)}.tools-closed .preview-hint{margin-bottom:8px}.studio-stage .live-preview{height:min(100%,calc((100vw - 16px)*545/330));max-width:none}.tools-open.panel-frame .studio-editor{height:auto;max-height:48%;min-height:0}.tools-open.panel-frame .editor-body{flex:0 1 auto}.case-studio[data-keyboard=open] .studio-header{display:none}.case-studio[data-keyboard=open] .studio-preview{min-height:80px}.case-studio[data-keyboard=open] .studio-editor{min-height:190px;height:55%}.case-studio[data-keyboard=open] .preview-caption,.case-studio[data-keyboard=open] .preview-topline{display:none}}.case-studio .history-controls{display:flex;gap:4px;position:absolute;left:12px;bottom:82px;z-index:3}.history-controls button{width:44px;height:44px;background:#fffdfb;border:1px solid #eadfd7;border-radius:50%;display:grid;place-items:center}.history-controls svg{width:18px;height:18px}.history-controls button:disabled{opacity:.35}.case-studio .context-tools{display:flex;justify-content:space-evenly;gap:3px;padding:5px 8px;border-bottom:1px solid #eadfd7;background:#fffaf7;flex-shrink:0}.context-tools button{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;min-width:44px;min-height:48px;font-size:10px}.context-tools svg{width:18px;height:18px}.context-tools button:disabled{opacity:.35}@media(min-width:0px){.tools-closed.panel-image .editor-footer,.tools-closed.panel-text .editor-footer,.tools-open .context-tools{display:none}.history-controls{bottom:58px!important;left:8px!important}.history-controls button{width:36px;height:36px}.mobile-tabs{order:4}.tools-open.panel-image .editor-footer,.tools-open.panel-text .editor-footer{display:none}.tools-open .studio-editor{min-height:0}.case-studio[data-keyboard=open] .studio-editor{height:45%;min-height:126px}.case-studio[data-keyboard=open] .history-controls,.case-studio[data-keyboard=open] .mobile-tabs,.case-studio[data-keyboard=open] .preview-hint,.case-studio[data-keyboard=open] .text-controls>label:not(:first-of-type){display:none}.case-studio[data-keyboard=open] .studio-preview{min-height:100px}}.compact-error{padding:8px 14px;font-size:12px;color:#914359;background:#fff2f2}.selection-controls{position:absolute;inset:0;pointer-events:none}.case-studio .selection-handle{position:absolute;z-index:5;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle,#fff 11px,#ba7386 0,#ba7386 12px,transparent 0);color:#914359;display:grid;place-items:center;pointer-events:auto;touch-action:none;box-shadow:none}.selection-handle svg{width:14px;height:14px;pointer-events:none}.selection-handle:focus-visible{outline:2px solid #914359;outline-offset:1px}@media(min-width:761px){.case-studio .studio-workspace{max-width:1200px;margin:0 auto}.case-studio .studio-editor{width:min(100%,680px);margin:0 auto}.case-studio .studio-header{padding:0 24px;height:52px;min-height:52px}.case-studio .studio-stage .live-preview{height:100%;max-width:100%}.case-studio .studio-preview{background:#fff}}.case-studio .verification-panel{flex:0 0 auto;padding:0 14px;background:#fffdfb;max-height:190px;overflow-y:auto}.verification-panel .small-note{margin:6px 0;font-size:11px;line-height:1.4}.case-studio .verification-panel .verification-retry{display:block;min-height:40px;width:100%;margin-top:5px;background:#f9e7eb;border:1px solid #ba7386;color:#783d4e;font-weight:600}.case-studio .empty-photo-prompt{position:absolute;z-index:2;left:50%;top:59%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:64px;width:62%;padding:8px 4px;border:0;background:transparent;color:#8c5c68;cursor:pointer}.empty-photo-prompt>span{font-size:24px;font-weight:300;line-height:1}.empty-photo-prompt strong{font-size:clamp(11px,1.2vw,15px);font-weight:500}.empty-photo-prompt small{font-size:10px;color:#927f79}.empty-photo-prompt:focus-visible{outline:2px solid #b7687b;outline-offset:2px;border-radius:12px}.upload-stay-notice{flex-shrink:0;display:grid;gap:4px;padding:12px 18px;background:#f9e8ed;color:#65333f;border-top:1px solid #edc8d2;font-size:12px;line-height:1.5}.upload-stay-notice strong{font-size:14px}.upload-stay-notice span{display:block}.studio-brand{color:inherit}.studio-back-shop,.studio-brand{text-decoration:none;min-height:44px}.studio-back-shop{display:inline-flex;align-items:center;padding:0 8px;color:var(--muted);font-size:12px;white-space:nowrap}.studio-back-shop:hover{text-decoration:underline}.studio-back-shop:focus-visible,.studio-brand:focus-visible{outline:2px solid #b9677e;outline-offset:2px;border-radius:4px}.case-studio .studio-header{min-height:44px}.studio-measurement{width:100%;max-width:42rem;max-height:24dvh;overflow-y:auto;flex:0 0 auto;margin:0 auto;padding:.25rem .75rem;font-size:.75rem;line-height:1.5;color:#604b48}.studio-measurement p{margin:0 0 .5rem}.studio-measurement a{text-decoration:underline}.studio-measurement button{min-height:44px;padding:.5rem .75rem;margin:.25rem .5rem .25rem 0;border:1px solid #bba6a0;border-radius:.5rem;background:#fffaf7;color:#493530}.studio-measurement button:focus-visible{outline:2px solid #493530;outline-offset:2px}.case-offer select{display:block;width:100%;padding:12px;margin:8px 0;border:1px solid #ddc9c0;border-radius:10px;background:white;color:#4b3029}.backplate-add,.basket-open,.saved-basket button{display:block;min-height:44px;padding:10px 14px;border:1px solid #ddc9c0;border-radius:12px;background:#fff8f8;color:#633b43;margin-top:8px}.saved-basket{padding:14px;border:1px solid #eadbd4;border-radius:12px;margin:12px 0;font-size:12px}.saved-basket>div{padding:8px 0;border-bottom:1px solid #eadbd4}.basket-open{margin:0;flex-shrink:0;width:100%}.studio-next-dialog{position:fixed;inset:0;margin:auto;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #e9d9d2;border-radius:24px;padding:28px 22px;background:#fffaf7;color:#4b3029;box-shadow:0 20px 80px #38232033;text-align:center}.studio-next-dialog::backdrop{background:#38232080}.studio-next-dialog h2{font-size:26px;line-height:1.2;margin:12px 0}.studio-next-dialog p{font-size:14px;line-height:1.6;margin:12px 0 20px}.studio-next-dialog button{display:block;width:100%;min-height:48px;border-radius:14px;padding:12px;margin:10px 0 0;font-size:14px;line-height:1.4;cursor:pointer}.studio-next-dialog .next-primary{background:#4b3029;color:#fff;border:1px solid #4b3029;font-weight:600}.studio-next-dialog .next-secondary{background:#f9e7ed;color:#874458;border:1px solid #ebc9d4}.studio-next-dialog .next-dismiss{background:transparent;border:0;color:#7e6860;font-size:12px}.studio-next-dialog button:focus-visible{outline:3px solid #bb7188;outline-offset:3px}.next-success{width:40px;height:40px;margin:auto;color:#a65d74}.next-error{color:#9a3546}.checkout-spinner{display:block;width:36px;height:36px;margin:8px auto 20px;border:3px solid #eddbdf;border-top-color:#a65d74;border-radius:50%;animation:checkout-spin 1s linear infinite}@keyframes checkout-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.checkout-spinner{animation:none}}.studio-next-dialog .rights-checkbox{display:flex;align-items:flex-start;gap:12px;text-align:left;font-size:13px;line-height:1.6;padding:12px;background:#fff;border:1px solid #eadbd4;border-radius:12px;cursor:pointer}.studio-next-dialog .rights-checkbox input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:20px;height:20px;min-width:20px;margin:3px 0;accent-color:#a65d74}.studio-next-dialog .rights-notice{font-size:11px;line-height:1.5;color:#7e6860}.studio-next-dialog button:disabled{opacity:.45;cursor:not-allowed}.studio-next-dialog .rights-checkbox{max-height:35dvh;overflow-y:auto;overscroll-behavior:contain}.studio-next-dialog .rights-checkbox span{min-width:0}