.cst{--cst-text:#141414;--cst-muted:#5C5C5C;--cst-faint:#676767;--cst-surface:#F6F6F6;--cst-surface2:#ECECEC;--cst-border:rgba(21,21,21,.112);--cst-border-hi:rgba(128,128,128,.45);--cst-grad:var(--caseit-grad,linear-gradient(135deg,#CBB196 0%,#CBB196 100%));--cst-ease:cubic-bezier(.22,.61,.36,1);background:var(--caseit-bg,#FFFFFF);color:var(--cst-text);font-family:var(--caseit-font-body,"Inter",-apple-system,sans-serif);padding:clamp(28px,5vw,56px) clamp(16px,4vw,32px) clamp(32px,4.5vw,52px);min-height:70vh;position:relative;isolation:isolate;overflow:hidden}.cst:before,.cst:after{content:"";position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;z-index:-1;pointer-events:none}.cst:before{background-image:var(--cst-backdrop);background-size:cover;background-position:center 35%;filter:blur(40px) saturate(1.9) brightness(1.85)}.cst:after{background:radial-gradient(80% 50% at 50% 0%,rgba(255,255,255,.34),transparent 65%),linear-gradient(180deg,#ffffff4d,#ffffff70,#ffffff9e)}@media(max-width:700px){.cst:before{filter:blur(28px) saturate(1.7) brightness(1.7)}}.cst *,.cst *:before,.cst *:after{box-sizing:border-box}.cst__wrap{max-width:1240px;margin:0 auto}.cst__head{text-align:center;margin-bottom:clamp(24px,4vw,40px)}.cst__eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--caseit-primary-ink,#323232)}.cst__title{font-family:var(--caseit-font-display,"Sora",sans-serif);font-weight:700;letter-spacing:-.02em;font-size:clamp(26px,3.6vw,42px);margin:10px 0 6px}.cst__sub{color:var(--cst-muted);font-size:15px;margin:0}.cst__reassure{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;margin:10px 0 0;padding:0;font-size:13px;line-height:1.4;color:var(--cst-muted)}.cst__reassure li{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.cst__reassure li+li:before{content:"";width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.55;flex:none}.cst__crumbs{display:flex;justify-content:center;gap:6px;margin:26px 0 0;flex-wrap:wrap}.cst-crumb{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:#1c1725;background:#241c1412;border:1px solid var(--cst-border);transition:color .2s var(--cst-ease),background .2s var(--cst-ease),border-color .2s var(--cst-ease),opacity .2s var(--cst-ease)}.cst-crumb:hover:not(:disabled){color:#15121c;background:#241c141f}.cst-crumb:disabled{opacity:.6;cursor:not-allowed}.cst-crumb.is-active{color:#2b2118;background:var(--cst-grad);background-origin:border-box;border-color:transparent}.cst-crumb.is-done{color:#15121c;border-color:var(--cst-border-hi)}.cst-crumb span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#00000052;font-size:11px;font-weight:700}.cst-crumb.is-active span{background:#00000047}.cst-card{position:relative;display:flex;flex-direction:column;gap:8px;text-align:left;cursor:pointer;padding:16px;border-radius:16px;font:inherit;color:var(--cst-text);background:var(--cst-surface);border:1px solid var(--cst-border);transition:transform .2s var(--cst-ease),border-color .2s var(--cst-ease),box-shadow .2s var(--cst-ease)}.cst-card:hover{transform:translateY(-3px);border-color:var(--cst-border-hi);box-shadow:0 18px 40px -22px #775d4362}.cst-card:focus-visible{outline:2px solid #775D43;outline-offset:3px}.cst-card.is-sel{border-color:transparent;box-shadow:0 0 0 2px #775d43,0 18px 40px -22px #775d4370}.cst__brands{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding:5px;margin:0 auto 22px;width:max-content;max-width:100%;border-radius:999px;background:#241c140d;border:1px solid var(--cst-border)}@media(max-width:420px){.cst__brands{border-radius:20px}}.cst__brands button{padding:9px 22px;border-radius:999px;border:0;cursor:pointer;font:inherit;font-size:14px;font-weight:600;color:var(--cst-muted);background:transparent;transition:color .2s,background .2s}.cst__brands button.is-active{color:#2b2118;background:var(--cst-grad);background-origin:border-box}.cst__grid{display:grid;gap:14px}.cst__cases{display:flex;gap:clamp(14px,1.8vw,22px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding:4px 10px 16px;margin:0 -10px;scroll-padding-inline:10px;cursor:grab}.cst__cases.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.cst__cases,.cst__series{scrollbar-width:none;-ms-overflow-style:none}.cst__cases::-webkit-scrollbar,.cst__series::-webkit-scrollbar{width:0;height:0;display:none}.cst__swipe{display:none}@media(hover:none)and (pointer:coarse){.cst__swipe{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 auto 2px;font-size:12px;line-height:1;color:var(--cst-muted);opacity:0;transition:opacity .3s var(--cst-ease);pointer-events:none}.cst__swipe.is-on{opacity:1}.cst__swipe svg{animation:cst-swipe 1.8s ease-in-out infinite}}@keyframes cst-swipe{0%,to{transform:translate(-2px)}50%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.cst__swipe svg{animation:none}}.cst__scrollbar{position:relative;height:6px;border-radius:999px;margin:2px auto 10px;background:#1515150f;overflow:hidden}.cst__scrollbar[hidden]{display:none}.cst__scrollbar span{position:absolute;top:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(135deg,#111 0% 100%);background-origin:border-box;transform-origin:left center;transition:opacity .2s var(--cst-ease)}.cst__scrollbar:hover span{filter:brightness(1.15)}.cst__series{display:flex;gap:12px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:8px 10px 14px;margin:0 auto 8px;width:fit-content;max-width:min(920px,100%);scroll-snap-type:x proximity;scroll-padding-inline:10px;cursor:grab}.cst__series.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.cst-series{flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 20px;border-radius:16px;cursor:pointer;font:inherit;color:var(--cst-text);min-width:120px;background:var(--cst-surface);border:1px solid var(--cst-border);transition:transform .2s var(--cst-ease),border-color .2s var(--cst-ease),box-shadow .2s var(--cst-ease)}.cst-series:hover{transform:translateY(-3px);border-color:var(--cst-border-hi)}.cst-series.is-active{border-color:transparent;box-shadow:0 0 0 2px #775d43,0 16px 34px -20px #775d4370}.cst-series:focus-visible{outline:2px solid #775D43;outline-offset:3px}.cst-series__shape{position:relative;width:38px;height:70px;border-radius:9px;overflow:hidden;background:var(--cst-grad);background-origin:border-box;border:1px solid rgba(36,28,20,.2);box-shadow:inset 0 1px #ffffff38,0 6px 14px -8px #775d4362}.cst-series__shape:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#ffffffa8;transition:background .22s var(--cst-ease)}.cst-series__shape:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(150deg,#241c1438,#241c140a 38%,#241c1400 55%,#0003);background-origin:border-box}.cst-series:hover .cst-series__shape:before{background:#ffffff70}.cst-series.is-active .cst-series__shape{border-color:#241c1438;box-shadow:inset 0 1px #ffffff4d,0 10px 20px -8px #775d4377}.cst-series.is-active .cst-series__shape:before{background:#ffffff1f}.cst-series__shape span{position:absolute;z-index:3;background:#fefefe;border:1px solid rgba(36,28,20,.22);box-shadow:0 1px 3px #241c1431,inset 0 1px #ffffff1a}.cst-series__cut{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;overflow:visible}.cst-series__cut polygon{fill:#0c0906;stroke:#15121c42;stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cst-series__label{font-size:13.5px;font-weight:600;white-space:nowrap}.cst__variants{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:720px;margin:0 auto}.cst-variant{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;font:inherit;color:var(--cst-text);padding:12px 22px;border-radius:12px;background:#241c140d;border:1px solid var(--cst-border);transition:background .2s var(--cst-ease),border-color .2s var(--cst-ease),transform .15s var(--cst-ease)}.cst-variant:hover{background:#241c141a;transform:translateY(-2px)}.cst-variant.is-sel{border-color:transparent;color:#2b2118;background:var(--cst-grad);background-origin:border-box;box-shadow:0 12px 26px -12px #775d4369}.cst-variant:focus-visible{outline:2px solid #775D43;outline-offset:3px}.cst-variant span{font-size:14px;font-weight:600}.cst-variant em{font-style:normal;font-size:11px;opacity:.7}.cst-case{flex:0 0 clamp(220px,64vw,264px);scroll-snap-align:start;padding:0;gap:0;overflow:hidden}.cst-case__media{position:relative;aspect-ratio:5/4;overflow:hidden;display:grid;place-items:center;background:radial-gradient(120% 100% at 50% 0%,rgba(203,177,150,.24),transparent 62%)}.cst-case__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;-webkit-mask-image:radial-gradient(105% 100% at 50% 44%,#000 60%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(105% 100% at 50% 44%,#000 60%,#0000)}.cst-case,.cst-case *,.cst-series,.cst-series *{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.cst-case__ph{position:relative;width:52px;height:100px;border-radius:12px;background:linear-gradient(160deg,#f5f0ea,#faf8f6);background-origin:border-box;border:1px solid rgba(36,28,20,.15)}.cst-case__ph:before{content:"";position:absolute;top:7px;left:7px;width:18px;height:18px;border-radius:6px;background:#fefefd;border:1px solid rgba(36,28,20,.22)}.cst-case__flag{position:absolute;bottom:12px;left:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:10px;line-height:1;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffd9a0;background:#130e0af0;border:1px solid rgba(255,196,107,.55);box-shadow:0 4px 14px -6px #000000d9;text-rendering:geometricPrecision}.cst-case__flag svg{flex:none;color:#b45309}.cst-case__body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 20px}.cst-case__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.cst-case__top strong{font-size:15px}.cst-case__top em{font-style:normal;font-weight:600;color:var(--caseit-primary-ink,#775D43)}.cst-case__blurb{font-size:13px;line-height:1.5;color:var(--cst-muted)}.cst-tag{align-self:flex-start;margin-top:2px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#cbb19645;border:1px solid rgba(119,93,67,.4);color:var(--caseit-primary-ink,#775D43)}.cst-case__finish{margin-top:2px;font-size:11.5px;letter-spacing:.04em;font-weight:600;width:fit-content;background-origin:border-box;background-image:linear-gradient(100deg,#fff0 38%,#ffffffe6,#fff0 62%),var(--cst-grad);background-size:260% 100%,100% 100%;background-position:180% 0,0 0;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;animation:cst-shine 4.5s ease-in-out infinite}@keyframes cst-shine{0%{background-position:180% 0,0 0}45%,to{background-position:-80% 0,0 0}}@media(prefers-reduced-motion:reduce){.cst-case__finish{animation:none;background-position:-80% 0,0 0}}.cst-case__tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.cst-case__tags .cst-tag{margin-top:0;align-self:center}.cst-case__badge{position:relative;overflow:hidden;isolation:isolate;padding:7px 16px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#2b2118;background:var(--cst-grad);background-origin:border-box;box-shadow:inset 0 1px #ffffff47,0 10px 24px -12px #775d4377;transition:transform .25s var(--cst-ease),box-shadow .25s var(--cst-ease)}.cst-case__badge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.4) 50%,transparent 66%);background-origin:border-box;transform:translate(-130%);transition:transform .65s var(--cst-ease)}.cst-case:hover .cst-case__badge,.cst-case:focus-visible .cst-case__badge{transform:translate(3px);box-shadow:inset 0 1px #ffffff61,0 14px 30px -12px #775d438c}.cst-case:hover .cst-case__badge:after,.cst-case:focus-visible .cst-case__badge:after{transform:translate(130%)}@media(prefers-reduced-motion:reduce){.cst-case__badge,.cst-case__badge:after{transition:none}}.cst__note{margin:0 0 14px;font-size:13px;line-height:1.55;color:var(--cst-muted);text-align:center}.cst-link{padding:0;border:0;background:none;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;color:var(--caseit-primary-ink,#323232)}.cst-link:hover{color:#141414}.cst__editor{display:grid;grid-template-columns:270px minmax(0,1fr) 290px;gap:18px;align-items:start}.cst__tools,.cst__props{min-width:0}.cst__panel{padding:18px;border-radius:18px;background:var(--cst-surface);border:1px solid var(--cst-border)}.cst__tools,.cst__props{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto}.cst__panel h3{margin:0 0 12px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--cst-muted)}[data-props-slot]>*>h3:first-child{margin-top:18px}.cst__rule{border:0;border-top:1px solid var(--cst-border);margin:18px 0}.cst-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.cst-palette--shapes{grid-template-columns:repeat(6,1fr)}.cst-shape{aspect-ratio:1;border:1px solid var(--cst-border);border-radius:10px;background:#241c140a;cursor:pointer;background-size:62% 62%;background-position:center;background-repeat:no-repeat}.cst-shape:hover{background-color:#241c141a}select.cst-input{background:#f6f6f6;color:var(--cst-text);cursor:pointer}.cst-input option{background:#ececec;color:#141414}.cst-color{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--cst-muted);cursor:pointer;border:1px solid var(--cst-border);border-radius:10px;padding:6px 10px;background:#1515150a;min-height:40px}.cst-color input[type=color]{width:26px;height:26px;padding:0;border:0;border-radius:6px;background:none;cursor:pointer}.cst-input{width:100%;padding:9px 11px;border-radius:10px;font:inherit;font-size:13px;color:var(--cst-text);background:#1515150d;border:1px solid var(--cst-border);resize:vertical}.cst-input:focus{outline:none;border-color:gray}.cst-layers{display:flex;flex-direction:column;gap:6px;max-height:230px;overflow-y:auto}.cst-layer{display:flex;align-items:center;gap:4px;padding:5px 6px;border-radius:10px;min-width:0;background:#1515150a;border:1px solid var(--cst-border)}.cst-layer.is-sel{border-color:gray;background:#7b7b7b24}.cst-layer__name{flex:1;min-width:0;text-align:left;background:none;border:0;color:var(--cst-text);font:inherit;font-size:12.5px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px}.cst-layer__ic{width:24px;height:24px;flex:none;border:0;border-radius:7px;background:transparent;color:var(--cst-muted);cursor:pointer;font-size:12px;line-height:1;display:grid;place-items:center;padding:0}.cst-layer__ic:hover{background:#1515151a;color:#141414}.cst-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;padding:0 18px;border-radius:12px;cursor:pointer;font:inherit;font-size:14px;font-weight:600;border:1px solid var(--cst-border);background:#241c140d;color:var(--cst-text);transition:background .2s var(--cst-ease),transform .15s var(--cst-ease),opacity .2s}.cst-btn:hover:not(:disabled){background:#241c141a}.cst-btn:disabled{opacity:.4;cursor:not-allowed}.cst-btn:focus-visible{outline:2px solid #775D43;outline-offset:3px}.cst-btn--primary{border-color:transparent;color:#2b2118;background:var(--cst-grad);background-origin:border-box;box-shadow:0 14px 30px -12px #775d4369}.cst-btn--primary:hover:not(:disabled){transform:translateY(-2px);background:var(--cst-grad);background-origin:border-box}.cst-btn--primary[data-add],.cst-btn--primary[data-lb-add],.cst-btn--primary[data-mockup],.cst-btn--sm.cst-btn--primary[data-upload],.cst-btn--primary[data-add-text]{color:#fff;text-shadow:0 1px 2px rgba(43,33,24,.45)}.cst-btn.is-on{border-color:var(--cst-border-hi);background:#cbb1963d}.cst-btn--sm{min-height:40px;font-size:13px;padding:0 12px}.cst-cur{margin-left:4px;font-size:.66em;font-weight:600;opacity:.65;letter-spacing:.04em}.cst__row{display:flex;gap:8px;margin-top:8px}.cst__row>*{flex:1;min-width:0}.cst__field{margin-top:16px}.cst__field label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:8px}.cst__field label b{font-weight:600;color:var(--cst-muted)}.cst__field input[type=range]{width:100%;height:20px;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}.cst__field input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:var(--cst-surface2);border:1px solid var(--cst-border)}.cst__field input[type=range]::-moz-range-track{height:5px;border-radius:999px;background:var(--cst-surface2);border:1px solid var(--cst-border)}.cst__field input[type=range]::-moz-range-progress{height:5px;border-radius:999px;background:#6a6a6a}.cst__field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;margin-top:-6px;border-radius:50%;background:gray;border:2px solid #121212;box-shadow:0 0 0 1px #8080804d}.cst__field input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:gray;border:2px solid #121212;box-shadow:0 0 0 1px #8080804d}.cst__field input[type=range]:focus-visible{outline:2px solid #808080;outline-offset:4px}@media(pointer:coarse){.cst__field input[type=range]{height:40px}.cst__field input[type=range]::-webkit-slider-runnable-track{height:6px}.cst__field input[type=range]::-moz-range-track{height:6px}.cst__field input[type=range]::-moz-range-progress{height:6px}.cst__field input[type=range]::-webkit-slider-thumb{width:26px;height:26px;margin-top:-10px}.cst__field input[type=range]::-moz-range-thumb{width:26px;height:26px}.cst__field label{margin-bottom:2px}}.cst__hint{margin:14px 0 0;font-size:12px;line-height:1.55;color:var(--cst-faint)}.cst__warn{margin-top:14px;padding:11px 13px;border-radius:11px;font-size:12.5px;line-height:1.5;color:#585858;background:#b1b1b11a;border:1px solid rgba(177,177,177,.35)}.cst__warn--float{position:absolute;z-index:3;left:12px;right:12px;bottom:12px;margin:0;background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cst__stagewrap{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--cst-border);min-height:520px;display:grid;place-items:center;background-color:#f3f3f3;background-size:cover;background-position:center}.cst__stagewrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 42%,rgba(0,0,0,0),transparent 70%)}.cst__stagewrap.is-drop{border-color:gray;box-shadow:inset 0 0 0 2px #80808054}.cst__stagecol{position:relative;min-width:0}.cst__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:10px;padding:10px 14px;border-radius:14px;pointer-events:none;background:var(--cst-surface);border:1px solid var(--cst-border)}.cst__legend[hidden]{display:none}.cst__legend-row{display:flex;align-items:center;gap:8px;font-size:11.5px;line-height:1.3;color:var(--cst-muted)}.cst__legend-swatch{flex:none;width:16px;height:0;border-top:2px dashed}.cst__legend-swatch--fold{border-color:#9f9f9ff2}.cst__legend-swatch--out{height:12px;border-top:0;border-radius:3px;background:#ffffffbf;box-shadow:inset 0 0 0 1px #ffffff29}.cst__legend-swatch--cam{height:11px;width:13px;border-top:0;border-radius:3px;background:#e7e7e7;box-shadow:inset 0 0 0 1px #ffffff47}.cst__legend-swatch--wrap{height:12px;border-top:0;border-radius:3px;background:repeating-linear-gradient(-45deg,rgba(128,128,128,.5) 0 1px,transparent 1px 7px),#fff9;box-shadow:inset 0 0 0 1px #fff3}.cst__egs{margin:12px 0 0}.cst__egs[hidden]{display:none}.cst__egs-cap{margin:0 0 8px;font-size:11.5px;line-height:1.5;color:var(--cst-faint);text-align:center}.cst__egs-thumbs{display:flex;gap:10px;padding:4px 2px 10px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;justify-content:flex-start;width:fit-content;max-width:100%;margin-inline:auto;scrollbar-width:none;-ms-overflow-style:none}.cst__egs-thumbs::-webkit-scrollbar{width:0;height:0;display:none}.cst__egs-thumb{position:relative;flex:0 0 auto;width:clamp(96px,28vw,124px);aspect-ratio:1/1;padding:0;cursor:zoom-in;overflow:hidden;border-radius:14px;border:1px solid var(--cst-border);background:#f3f3f3;box-shadow:0 8px 20px -12px #00000059;transition:border-color .2s var(--cst-ease),transform .2s var(--cst-ease),box-shadow .2s var(--cst-ease)}.cst__egs-thumb img{position:absolute;left:50%;top:50%;width:175.44%;height:auto;max-width:none;transform:translate(-50%,-50%);-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.cst__egs-thumb:hover{transform:translateY(-3px);border-color:var(--cst-border-hi);box-shadow:0 14px 26px -14px #00000073}.cst__egs-thumb:focus-visible{outline:2px solid #808080;outline-offset:3px}@media(min-width:561px){.cst__egs-thumbs{width:100%;justify-content:center;overflow:visible}.cst__egs-thumb{flex:1 1 0;width:auto;min-width:0;max-width:124px}}.cst-dlg{--cst-text:#141414;--cst-muted:#5C5C5C;--cst-border:rgba(21,21,21,.112);--cst-grad:var(--caseit-grad,linear-gradient(135deg,#CBB196 0%,#CBB196 100%));--cst-ease:cubic-bezier(.22,.61,.36,1);font-family:var(--caseit-font-body,"Inter",-apple-system,sans-serif);position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:grid;place-items:center;padding:20px;color:var(--cst-text)}.cst-dlg[hidden]{display:none}.cst-dlg__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#040404db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cst-dlg__panel{position:relative;z-index:1;width:min(430px,100%);padding:26px 26px 22px;border-radius:18px;text-align:center;background:#f6f6f6;border:1px solid var(--cst-border);box-shadow:0 30px 80px -30px #15151549}.cst-dlg__title{margin:0 0 10px;font-family:var(--caseit-font-display,"Sora",sans-serif);font-size:19px;font-weight:700;letter-spacing:-.01em}.cst-dlg__body{margin:0 0 20px;font-size:14px;line-height:1.6;color:var(--cst-muted)}.cst-dlg .cst-btn{width:auto;min-width:140px;margin:0 auto}.cst-lb{--cst-text:#141414;--cst-muted:#5C5C5C;--cst-faint:#676767;--cst-surface:#F6F6F6;--cst-border:rgba(21,21,21,.112);--cst-border-hi:rgba(128,128,128,.45);--cst-grad:var(--caseit-grad,linear-gradient(135deg,#CBB196 0%,#CBB196 100%));--cst-ease:cubic-bezier(.22,.61,.36,1);font-family:var(--caseit-font-body,"Inter",-apple-system,sans-serif);color:var(--cst-text);position:fixed;top:0;right:0;bottom:0;left:0;z-index:9997;display:grid;place-items:center;padding:16px}.cst-lb,.cst-lb *,.cst-lb *:before,.cst-lb *:after{box-sizing:border-box}.cst-lb[hidden]{display:none}body.cst-lb-open{overflow:hidden}.cst-lb__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#040404db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cst-lb__panel{position:relative;z-index:1;margin:0;width:min(860px,100%)}.cst-lb__frame{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--cst-border);aspect-ratio:1200/760;background-color:#090909;background-image:var(--cst-backdrop);background-size:cover;background-position:center}.cst-lb__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 42%,rgba(0,0,0,0),transparent 70%)}.cst-lb__img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block}.cst-lb__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:38px;height:38px;display:grid;place-items:center;cursor:pointer;border-radius:50%;border:1px solid var(--cst-border);background:#ffffffd1;color:var(--cst-text);transition:background .2s var(--cst-ease)}.cst-lb__nav:hover{background:#7b7b7b80}.cst-lb__nav:focus-visible{outline:2px solid #808080;outline-offset:2px}.cst-lb__nav--prev{left:10px}.cst-lb__nav--next{right:10px}.cst-lb__nav[hidden]{display:none}.cst-lb__cap{display:block;width:fit-content;max-width:100%;margin:12px auto 0;padding:6px 14px;border-radius:999px;font-size:10px;line-height:1;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#dfdfdf;background:#0b0b0be6;border:1px solid rgba(206,206,206,.45);text-align:center}.cst-lb__cap[hidden]{display:none}.cst-lb__note{max-width:46ch;margin:14px auto 0;text-align:center;font-size:12.5px;line-height:1.5;color:var(--cst-faint)}.cst-lb__note[hidden]{display:none}.cst-lb__cta{display:flex;width:min(320px,100%);margin:14px auto 0}.cst-lb__cta[hidden]{display:none}.cst-lb__x{position:absolute;top:-46px;right:0;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;border-radius:10px;border:1px solid var(--cst-border);background:#ffffffd1;color:var(--cst-muted)}.cst-lb__x:hover{background:#1515151a;color:var(--cst-text)}.cst-lb__x:focus-visible{outline:2px solid #808080;outline-offset:2px}@media(max-width:560px){.cst-lb{padding:12px}.cst-lb__x{top:auto;bottom:-46px;right:50%;transform:translate(50%)}.cst-lb__nav{width:34px;height:34px}.cst-lb.is-mockup .cst-lb__frame{aspect-ratio:auto;height:min(calc((100vw - 24px)*1.53),calc(100vh - 160px));height:min(calc((100vw - 24px)*1.53),calc(100svh - 160px))}.cst-lb.is-padded .cst-lb__img{transform:scale(1.18)}}.cst__canvas{position:relative;z-index:1;width:100%;height:560px;touch-action:pan-y;cursor:grab}.cst__stagewrap.has-img .cst__canvas{cursor:grab}.cst__canvas:active{cursor:grabbing}.cst__drop{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;gap:10px;text-align:center;pointer-events:none}.cst__stagewrap.has-img .cst__drop{display:none}.cst__canvas{transition:filter .35s var(--cst-ease)}.cst__stagewrap:not(.has-img) .cst__canvas{filter:blur(1.2px)}.cst__drop p{margin:0;font-size:13px;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.6)}.cst__drop .cst-btn{pointer-events:auto;width:auto}.cst__finishes{margin-bottom:16px}.cst__finishes h3{margin:0 0 8px}.cst__row--finish{display:flex;flex-wrap:wrap;gap:8px}.cst-finish{padding:8px 16px;border-radius:999px;font:inherit;font-size:13px;cursor:pointer;color:var(--cst-muted);background:var(--cst-surface-2,rgba(36,28,20,.04));border:1px solid var(--cst-border);transition:color .2s,border-color .2s,background .2s}.cst-finish:hover{color:#15121c;border-color:#775d4380}.cst-finish.is-sel{color:#2b2118;background:var(--cst-grad);background-origin:border-box;border-color:transparent}.cst-finish--only{flex:0 0 auto;cursor:default;color:var(--caseit-primary-ink,#775D43);background:#cbb1963d;border-color:#775d4366}.cst-finish--only:hover{color:var(--caseit-primary-ink,#775D43);border-color:#775d4366}.cst__finishes .cst__hint{margin-top:8px}.cst__sum{display:grid;gap:10px;margin-bottom:16px}.cst__sum div{display:flex;justify-content:space-between;gap:12px;font-size:13.5px}.cst__sum dt{color:var(--cst-muted)}.cst__sum dd{margin:0;font-weight:600;text-align:right}.cst__total{display:flex;justify-content:space-between;align-items:baseline;padding-top:14px;margin-top:4px;border-top:1px solid var(--cst-border);font-size:14px}.cst__total b{font-family:var(--caseit-font-display,"Sora",sans-serif);font-size:24px}.cst__toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);z-index:9999;max-width:min(520px,92vw);padding:13px 18px;border-radius:12px;font-size:14px;line-height:1.5;color:#141414;background:#ececec;border:1px solid var(--cst-border-hi);box-shadow:0 20px 50px -20px #15151541;opacity:0;pointer-events:none;transition:opacity .25s var(--cst-ease),transform .25s var(--cst-ease)}.cst__toast.is-on{opacity:1;transform:translate(-50%)}@media(max-width:1080px){.cst__editor{grid-template-columns:1fr}.cst__tools,.cst__props{position:static;max-height:none;overflow:visible}.cst__canvas{height:460px}.cst__stagewrap{min-height:420px}.cst__stagecol{order:1}.cst__tools{order:2}.cst__props{order:3}.cst__legend{flex-direction:column;align-items:flex-start;gap:7px}}@media(prefers-reduced-motion:reduce){.cst-card,.cst-btn,.cst__toast{transition:none}}.cst-fontpick{flex:1;min-width:0}.cst-fontpick__btn{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer;background:#faf8f6}.cst-fontpick__btn>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.3}.cst-fontpick__btn:after{content:"";flex:none;width:6px;height:6px;margin-right:2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.55}.cst-fontpick__btn[aria-expanded=true]:after{transform:rotate(225deg) translateY(-2px)}.cst-fontpick__panel{margin-top:8px;padding:8px;border-radius:14px;background:#fcfcfc;border:1px solid rgba(21,21,21,.175);box-shadow:0 18px 40px -14px #15151539}.cst-fontpick__panel[hidden]{display:none}.cst .cst-fontpick__search{-webkit-appearance:none;appearance:none;color-scheme:dark;width:100%;box-sizing:border-box;padding:10px 12px;border-radius:10px;border:1px solid rgba(21,21,21,.2);background-color:#fbfbfb;color:#141414;font:inherit;font-size:16px;line-height:1.3}.cst .cst-fontpick__search::placeholder{color:#5c5c5c;opacity:1}.cst .cst-fontpick__search::-webkit-search-decoration,.cst .cst-fontpick__search::-webkit-search-cancel-button{-webkit-appearance:none}.cst .cst-fontpick__search:focus{outline:none;border-color:#808080bf}.cst-fontpick__list{position:relative;margin-top:8px;max-height:min(46vh,320px);overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;overscroll-behavior:contain}.cst-fontpick__group{position:sticky;top:0;z-index:1;background:#fcfcfc;padding:9px 6px 5px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cst-muted)}.cst-fontpick__group[hidden]{display:none}.cst-fontpick__opt{appearance:none;-webkit-appearance:none;border:0;background:none;color:var(--cst-text);text-align:left;padding:7px 10px;border-radius:9px;font-size:17px;line-height:1.9;cursor:pointer;white-space:normal;word-break:break-word}.cst-fontpick__opt[hidden]{display:none}.cst-fontpick__opt:hover{background:#15151512}.cst-fontpick__opt.is-on{background:#80808038;box-shadow:inset 0 0 0 1px #8080804d}.cst-fontpick__empty{margin:8px 6px 4px;font-size:12px;color:var(--cst-muted)}.cst-fontpick__btn,.cst-fontpick__opt{touch-action:manipulation}@media(max-width:1080px){.cst [data-for=text]{position:relative}.cst .cst-fontpick__panel{position:absolute;left:0;width:100%;z-index:60}}@media(max-width:1080px){.cst .cst-input,.cst textarea.cst-input{font-size:16px}}.cst-resume{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px;padding:12px 14px;border-radius:14px;background:#8080801f;border:1px solid rgba(128,128,128,.34)}.cst-resume[hidden]{display:none}.cst-resume__txt{display:flex;flex-direction:column;gap:2px;min-width:0}.cst-resume__txt strong{font-size:14px;color:var(--cst-text)}.cst-resume__txt span{font-size:12px;color:var(--cst-muted)}.cst-resume__txt b{font-style:normal;font-weight:600;color:var(--cst-text)}.cst-resume__txt i{font-style:normal}.cst-resume__btns{display:flex;gap:8px;flex-wrap:wrap}.cst-resume__no{background:none;border-color:var(--cst-border);color:var(--cst-muted)}@media(max-width:560px){.cst-resume{flex-direction:column;align-items:stretch}.cst-resume__btns{justify-content:stretch}.cst-resume__btns .cst-btn{flex:1}}.cst:before,.cst:after{display:none}.cst__stagewrap{background:radial-gradient(70% 55% at 50% 42%,#fff,#fff0 70%),linear-gradient(180deg,#f4f4f4,#ececec 58%,#dcdcdc)!important}.cst__stagewrap:after{display:none}.cst-lb__frame{background:radial-gradient(48% 40% at 4% 3%,#fff,#ffffffd9 28%,#fff0 72%),linear-gradient(135deg,#fff9,#fff0 45%),linear-gradient(155deg,#f3f3f3,#e6e6e6 52%,#d3d3d3)!important}.cst-lb__frame:after{display:none}.cst-input:not(:focus){border-color:#11111180}.cst__brands{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:999px}.cst__brands::-webkit-scrollbar{display:none}.cst__brands button{flex:0 0 auto;white-space:nowrap;scroll-snap-align:center}@media(max-width:420px){.cst__brands{border-radius:999px}}@media(max-width:560px){.cst-lb:not(.is-mockup) .cst-lb__frame{aspect-ratio:1/1;height:auto;background:#fff!important}.cst-lb:not(.is-mockup) .cst-lb__img{position:absolute;left:50%;top:50%;width:175.44%;height:auto;max-width:none;transform:translate(-50%,-50%)}}.cst-btn.cst-btn--under-canvas{margin:12px 0 0!important}
/*# sourceMappingURL=/cdn/shop/t/4/assets/caseit-studio.css.map */