:root{--cs-hero-h1: clamp(36px, 3.67vw, 44px);--cs-hero-sub: clamp(20px, 1.83vw, 22px)}@media(min-width:1200px){:root{--cs-hero-h1: clamp(36px, 3.67vw, 44px);--cs-hero-sub: clamp(20px, 1.83vw, 22px)}}@media(min-width:768px)and (max-width:1199px){:root{--cs-hero-h1: clamp(32px, 3vw + 13px, 36px);--cs-hero-sub: clamp(19px, 1vw + 12.3px, 20px)}}@media(max-width:767px){:root{--cs-hero-h1: clamp(28px, 4.5vw + 14.7px, 32px);--cs-hero-sub: clamp(17px, 2vw + 11.3px, 19px)}}body{background-color:var(--bg);background-image:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px);background-size:32px 32px;overflow-x:hidden}#cs-app,#cs-view{padding-top:104px!important;padding-top:clamp(88px,12vh,120px)!important}.cs-app,.cs-view{width:100%;max-width:1080px;margin:0 auto;padding-left:var(--safe-x, 20px);padding-right:var(--safe-x, 20px);padding-bottom:72px;padding-bottom:max(72px,calc(env(safe-area-inset-bottom,0px) + 48px));box-sizing:border-box;font-family:var(--font-main);color:var(--text-primary)}.cs-app [hidden],.cs-view [hidden]{display:none!important}.cs-head{text-align:center;max-width:860px;margin:0 auto}.cs-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--type-metadata);line-height:var(--type-metadata-lh);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:14px}.cs-eyebrow:before,.cs-eyebrow:after{content:"";display:block;width:24px;height:1px;background:currentColor}h1.cs-title,h2.cs-title,.cs-head h1.cs-title,.cs-head h2.cs-title,.cs-head h1,.cs-head h2,.cs-view h1.cs-title,.cs-view-panel h1.cs-title,.cs-title{font-family:var(--font-main);font-size:var(--cs-hero-h1, clamp(36px, 3.67vw, 44px));line-height:var(--type-h1-lh, 1.1);letter-spacing:var(--type-h1-tracking, -.03em);font-weight:700;color:var(--black);margin:0 0 10px;outline:none;text-wrap:balance}.cs-accent{font-family:var(--font-accent);color:var(--primary);font-size:1.25em;font-weight:700;letter-spacing:0;display:inline-block;transform:rotate(-2deg);line-height:1.05;margin-right:.04em}.cs-sub,p.cs-sub,.cs-head p,.cs-head p.cs-sub{font-family:var(--font-main);font-size:var(--cs-hero-sub, clamp(20px, 1.83vw, 22px));line-height:1.45;letter-spacing:var(--type-lead-tracking, -.01em);font-weight:500;color:var(--black);margin:0 auto;max-width:58ch;text-wrap:balance}.cs-status,p.cs-status{min-height:1.6em;font-family:var(--font-main);font-size:clamp(15.5px,1.2vw + 11px,18px);line-height:var(--type-body-lh, 1.55);font-weight:600;color:var(--black);text-align:center;margin:18px auto 0}@media(max-width:767px){.cs-head{max-width:100%;padding-inline:4px}h1.cs-title,h2.cs-title,.cs-head h1.cs-title,.cs-head h2.cs-title,.cs-head h1,.cs-head h2,.cs-view h1.cs-title,.cs-view-panel h1.cs-title,.cs-title{font-size:var(--cs-hero-h1, clamp(28px, 4.5vw + 14.7px, 32px))!important;line-height:1.12!important;letter-spacing:-.03em!important;margin-bottom:8px}.cs-sub,p.cs-sub,.cs-head p,.cs-head p.cs-sub{font-size:var(--cs-hero-sub, clamp(17px, 2vw + 11.3px, 19px))!important;line-height:1.45!important;max-width:44ch}.cs-status,p.cs-status{font-size:15.5px;line-height:1.5}.cs-hint,p.cs-hint{font-size:14px;line-height:1.45}.cs-note,p.cs-note{font-size:clamp(24px,6vw,28px)}}@media(max-width:360px){h1.cs-title,h2.cs-title,.cs-head h1.cs-title,.cs-head h2.cs-title,.cs-head h1,.cs-head h2,.cs-view h1.cs-title,.cs-view-panel h1.cs-title,.cs-title{font-size:clamp(24px,4.5vw + 12px,28px)!important}.cs-sub,p.cs-sub,.cs-head p,.cs-head p.cs-sub{font-size:clamp(15px,2vw + 9px,16.5px)!important}}@media(min-width:768px)and (max-width:1199px){.cs-head{max-width:800px}.cs-view{max-width:680px}h1.cs-title,h2.cs-title,.cs-head h1.cs-title,.cs-head h2.cs-title,.cs-head h1,.cs-head h2,.cs-view h1.cs-title,.cs-view-panel h1.cs-title,.cs-title{font-size:var(--cs-hero-h1, clamp(32px, 3vw + 13px, 36px))!important;line-height:1.1!important;letter-spacing:-.03em!important;margin-bottom:10px}.cs-sub,p.cs-sub,.cs-head p,.cs-head p.cs-sub{font-size:var(--cs-hero-sub, clamp(19px, 1vw + 12.3px, 20px))!important;line-height:1.45!important;max-width:54ch}.cs-status,p.cs-status{font-size:17px;line-height:1.55}.cs-hint,p.cs-hint{font-size:15px;line-height:1.5}.cs-note,p.cs-note{font-size:clamp(28px,3.2vw,32px)}.cs-group-label{font-size:15px}.cs-progress-hint{font-size:14px}}@media(min-width:1200px){.cs-head{max-width:860px}.cs-view{max-width:680px}h1.cs-title,h2.cs-title,.cs-head h1.cs-title,.cs-head h2.cs-title,.cs-head h1,.cs-head h2,.cs-view h1.cs-title,.cs-view-panel h1.cs-title,.cs-title{font-size:var(--cs-hero-h1, clamp(36px, 3.67vw, 44px))!important;line-height:1.1!important;letter-spacing:var(--type-h1-tracking, -.03em)!important;margin-bottom:12px}.cs-sub,p.cs-sub,.cs-head p,.cs-head p.cs-sub{font-size:var(--cs-hero-sub, clamp(20px, 1.83vw, 22px))!important;line-height:1.45!important;max-width:60ch}.cs-status,p.cs-status{font-size:17.5px;line-height:1.55}.cs-hint,p.cs-hint{font-size:14.5px}.cs-note,p.cs-note{font-size:32px}}.cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;border:2px solid var(--black);border-radius:14px;background:var(--white);color:var(--black);font-family:var(--font-main);font-size:var(--type-btn, 16px);font-weight:700;line-height:1.1;text-decoration:none!important;cursor:pointer;box-sizing:border-box;-webkit-appearance:none;appearance:none;transition:transform .2s cubic-bezier(.23,1,.32,1),background-color .18s ease,border-color .18s ease,color .18s ease}.cs-btn svg{width:18px;height:18px;flex-shrink:0}.cs-btn--primary{background:var(--black);color:var(--white)!important}.cs-btn--small{min-height:42px;padding:0 14px;font-size:14px;border-radius:12px}.cs-btn--quiet{border-color:transparent;background:transparent;color:var(--text-secondary);min-height:44px;padding:0 10px}.cs-btn[disabled]{opacity:.45;cursor:default}@media(hover:hover){.cs-btn:not([disabled]):not(.cs-btn--primary):not(.cs-btn--quiet):hover{background:#f0f0f0;border-color:var(--black);color:var(--black);transform:translateY(-1px)}.cs-btn--primary:not([disabled]):hover{background:var(--black-hover, #1a1a1a);border-color:var(--black-hover, #1a1a1a);color:var(--white)!important;transform:translateY(-1px)}.cs-btn--quiet:not([disabled]):hover{background:#0000000d;border-color:transparent;color:var(--black)}}.cs-btn:not([disabled]):active{transform:translateY(0)}.cs-btn--primary:not([disabled]):active{background:var(--black);border-color:var(--black)}.cs-btn:focus-visible{outline:none!important}.cs-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:28px auto 0;max-width:560px}@media(max-width:599px){.cs-actions .cs-btn:not(.cs-btn--quiet){flex:1 1 140px;padding:0 12px;font-size:14px;gap:6px;white-space:nowrap}}.cs-input{width:100%;box-sizing:border-box;min-height:50px;font-family:var(--font-main);font-size:16px;line-height:1.4;font-weight:500;padding:12px 14px;border:2px solid var(--black)!important;border-radius:var(--radius-input);background:var(--white);color:var(--text-primary);-webkit-appearance:none;appearance:none}.cs-input::placeholder{color:var(--text-placeholder)}.cs-alert{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;max-width:520px;margin:16px auto 0;padding:12px 14px 12px 16px;border:2px solid #dc2626;border-radius:14px;background:#fff5f5;color:#991b1b;font-size:var(--type-body-small);line-height:1.45;font-weight:600;box-sizing:border-box}.cs-alert p{margin:0;flex:1 1 220px}.cs-carousel-wrap{position:relative;width:100%;max-width:720px;margin:28px auto 0;display:flex;align-items:center;justify-content:center;padding:0 4px;box-sizing:border-box}.cs-carousel-stage{position:relative;width:100%;height:320px;perspective:1400px;perspective-origin:50% 50%;display:flex;align-items:center;justify-content:center;overflow:visible;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none}.cs-carousel-stage:focus-visible{outline:2px dashed var(--primary);outline-offset:8px;border-radius:20px}.cs-designs{position:relative;width:100%;height:100%;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.cs-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:var(--white);border:2px solid var(--black);color:var(--black);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:25;box-shadow:none;transition:transform .2s cubic-bezier(.23,1,.32,1),background-color .18s ease;-webkit-tap-highlight-color:transparent;padding:0}.cs-carousel-prev{left:4px}.cs-carousel-next{right:4px}@media(hover:hover){.cs-carousel-arrow:hover{transform:translateY(-50%) scale(1.06);box-shadow:none;background:var(--surface-hover, #e8e8e2)}}.cs-carousel-arrow:active{transform:translateY(-50%) scale(.94);box-shadow:none}.cs-carousel-arrow:focus-visible{outline:none!important}.cs-carousel-arrow svg{width:22px;height:22px;display:block}.cs-design{position:absolute;width:clamp(260px,34vw,360px);max-width:82vw;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:16px 14px 14px;background:var(--white);border:2px solid var(--black);border-radius:22px;cursor:pointer;transform-origin:50% 50%;transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .3s ease,box-shadow .35s ease,filter .35s ease;will-change:transform,opacity;-webkit-tap-highlight-color:transparent}.cs-design-input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.cs-design-art{display:block;padding:4px 2px 0}.cs-design-art img{display:block;width:100%;height:auto;pointer-events:none}.cs-design-name,#cs-designs .cs-design-name{font-family:var(--font-main);font-size:14.5px;line-height:1.35;font-weight:500;letter-spacing:-.01em;text-align:center;color:var(--black);transition:font-weight .2s ease,font-size .2s ease,color .2s ease}#cs-designs>label.cs-design.is-selected>span.cs-design-name,.cs-design.is-selected .cs-design-name,.cs-design[data-pos=center] .cs-design-name{font-size:15.5px;font-weight:600;letter-spacing:-.015em;color:var(--black)}.cs-design-tick{position:absolute;top:-10px;right:-10px;width:30px;height:30px;border-radius:50%;background:var(--primary);color:var(--white);border:2px solid var(--black);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:opacity .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1);z-index:12}.cs-design[data-pos=center]{transform:translateZ(42px) scale(1.02);opacity:1;z-index:10;box-shadow:6px 6px 0 var(--black);filter:none;pointer-events:auto;cursor:default}.cs-design[data-pos=center] .cs-design-tick{opacity:1;transform:scale(1)}.cs-design[data-pos=left]{transform:translate3d(-78%,0,-36px) scale(.58) rotateY(-8deg);opacity:.65;z-index:5;box-shadow:3px 3px 0 var(--black);filter:none;cursor:pointer;pointer-events:auto}.cs-design[data-pos=right]{transform:translate3d(78%,0,-36px) scale(.58) rotateY(8deg);opacity:.65;z-index:5;box-shadow:3px 3px 0 var(--black);filter:none;cursor:pointer;pointer-events:auto}@media(hover:hover){.cs-design[data-pos=left]:hover{opacity:.95;transform:translate3d(-75%,-4px,-20px) scale(.64) rotateY(-4deg);box-shadow:4px 4px 0 var(--black)}.cs-design[data-pos=right]:hover{opacity:.95;transform:translate3d(75%,-4px,-20px) scale(.64) rotateY(4deg);box-shadow:4px 4px 0 var(--black)}}.cs-design[data-pos=hidden-left]{transform:translate3d(-130%,0,-90px) scale(.45) rotateY(-14deg);opacity:0;z-index:1;pointer-events:none}.cs-design[data-pos=hidden-right]{transform:translate3d(130%,0,-90px) scale(.45) rotateY(14deg);opacity:0;z-index:1;pointer-events:none}.cs-carousel-dots{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px auto 0}.cs-carousel-dot{width:10px;height:10px;padding:0;border-radius:50%;border:1.5px solid var(--black);background:var(--white);cursor:pointer;transition:all .24s cubic-bezier(.23,1,.32,1);-webkit-tap-highlight-color:transparent}.cs-carousel-dot:hover{background:var(--surface-hover, #e8e8e2)}.cs-carousel-dot.is-active{width:26px;border-radius:999px;background:var(--black);border-color:var(--black)}.cs-carousel-dot:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media(max-width:767px){.cs-carousel-wrap{margin-top:20px;padding:0;overflow:visible;width:100%;max-width:100%}.cs-carousel-stage{height:250px;perspective:1000px;overflow:visible;width:100%}.cs-design{width:min(244px,68vw);padding:12px 10px 10px;border-radius:18px}.cs-design[data-pos=center]{transform:translateZ(24px) scale(1);box-shadow:4px 4px 0 var(--black);opacity:1}.cs-design[data-pos=left]{transform:translate3d(-68%,0,-22px) scale(.54) rotateY(-4deg);box-shadow:2px 2px 0 var(--black);opacity:.6}.cs-design[data-pos=right]{transform:translate3d(68%,0,-22px) scale(.54) rotateY(4deg);box-shadow:2px 2px 0 var(--black);opacity:.6}.cs-carousel-arrow{width:40px;height:40px;box-shadow:none}.cs-carousel-arrow svg{width:18px;height:18px}.cs-carousel-prev{left:4px}.cs-carousel-next{right:4px}.cs-design-name,#cs-designs .cs-design-name{font-size:13.5px;font-weight:500}#cs-designs>label.cs-design.is-selected>span.cs-design-name,.cs-design[data-pos=center] .cs-design-name{font-size:14px;font-weight:600}.cs-carousel-dots{margin-top:14px}}@media(min-width:768px)and (max-width:1024px){.cs-carousel-wrap{max-width:660px;padding:0 4px}.cs-carousel-stage{height:300px;perspective:1200px}.cs-design{width:clamp(260px,34vw,310px)}.cs-design[data-pos=center]{transform:translateZ(30px) scale(1);box-shadow:5px 5px 0 var(--black);opacity:1}.cs-design[data-pos=left]{transform:translate3d(-72%,0,-30px) scale(.56) rotateY(-6deg);box-shadow:3px 3px 0 var(--black);opacity:.65}.cs-design[data-pos=right]{transform:translate3d(72%,0,-30px) scale(.56) rotateY(6deg);box-shadow:3px 3px 0 var(--black);opacity:.65}.cs-carousel-arrow{width:46px;height:46px}.cs-carousel-prev{left:2px}.cs-carousel-next{right:2px}.cs-design-name,#cs-designs .cs-design-name{font-size:14px;font-weight:500}#cs-designs>label.cs-design.is-selected>span.cs-design-name,.cs-design[data-pos=center] .cs-design-name{font-size:15px;font-weight:600}}.cs-cover{display:flex;flex-direction:column;gap:18px;max-width:980px;margin:28px auto 0}@media(min-width:768px){.cs-cover{flex-direction:row;align-items:stretch;gap:24px;margin-bottom:46px}.cs-preview-col{flex:1.35 1 0;min-width:0;position:relative;display:flex;flex-direction:column}.cs-preview-frame{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.cs-preview-col .cs-hint{position:absolute;top:calc(100% + 8px);left:0;right:0;margin:0}.cs-panel{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.cs-group{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.cs-group+.cs-group{margin-top:0;padding-top:16px;border-top:1.5px dashed rgba(0,0,0,.18)}}.cs-preview-frame{position:relative;background-color:var(--white);background-image:radial-gradient(rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px;border:2px solid var(--black);border-radius:20px;padding:22px 18px;outline:none}.cs-preview-frame:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.cs-preview{position:relative;min-height:120px}.cs-preview .cs-art,.cs-final-art .cs-art{display:block;width:100%;height:auto;overflow:visible}.cs-preview.is-loading{opacity:.5}.cs-art-handle{pointer-events:none}.cs-preview.is-adjusting{touch-action:none}.cs-preview.is-adjusting .cs-art-handle{pointer-events:all;cursor:-webkit-grab;cursor:grab;stroke:var(--white);stroke-width:3;stroke-dasharray:12 9;vector-effect:non-scaling-stroke;animation:cs-march 1.2s linear infinite}.cs-preview.is-dragging .cs-art-handle{cursor:-webkit-grabbing;cursor:grabbing}@keyframes cs-march{to{stroke-dashoffset:-21}}.cs-hint,p.cs-hint{margin:12px 0 0;text-align:center;font-family:var(--font-main);font-size:var(--type-body-small, 14px);line-height:var(--type-body-small-lh, 1.5);font-weight:500;color:var(--text-secondary)}.cs-panel{background:var(--white);border:2px solid var(--black);border-radius:20px;padding:18px;box-sizing:border-box}.cs-group+.cs-group{margin-top:18px;padding-top:18px;border-top:1.5px dashed rgba(0,0,0,.18)}.cs-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px}.cs-group-label{font-size:var(--type-label);line-height:var(--type-label-lh);font-weight:700;margin:0}.cs-count{font-size:12px;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.cs-count.is-full{color:#b45309}.cs-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cs-row .cs-input{flex:1 1 180px;width:auto}.cs-group>.cs-btn{width:100%}.cs-group>.cs-row>.cs-btn:not(.cs-btn--quiet){flex:1 1 140px}.cs-adjust{margin-top:12px;padding:12px;border-radius:14px;background:var(--surface-subtle);border:1.5px solid var(--border)}.cs-zoom{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.cs-zoom input[type=range]{flex:1 1 auto;min-width:0;height:32px;accent-color:var(--black)}.cs-adjust .cs-row{margin-top:8px;justify-content:space-between}.cs-adjust-tip{font-family:var(--font-main);font-size:var(--type-caption, 13px);line-height:1.45;font-weight:500;color:var(--text-secondary)}input.cs-input[type=date]{min-width:0}.cs-deck-mount{max-width:460px;margin:28px auto 0;position:relative;z-index:3;transition:margin-top .55s cubic-bezier(.23,1,.32,1)}.cs-deck-mount.is-making-room{margin-top:280px;margin-top:calc(min(100vw - 40px,460px)*.66)}.cs-deck-mount.is-instant{transition:none}.cs-deck{--deck-w: 320px;--deck-body: #ffffff;position:relative;width:100%;background:var(--deck-body);border:2px solid var(--black);border-radius:26px;box-shadow:6px 6px 0 var(--black);box-sizing:border-box}.cs-deck-stage{position:relative;height:calc(var(--deck-w) * .69)}.cs-deck-bay{position:absolute;left:calc(var(--deck-w) * .055);width:calc(var(--deck-w) * .89);top:calc(var(--deck-w) * .052);height:calc(var(--deck-w) * .56);border-radius:calc(var(--deck-w) * .035);background-color:var(--surface-placeholder, #F0EDE8);background-image:radial-gradient(rgba(0,0,0,.12) 1px,transparent 1px);background-size:12px 12px}.cs-deck-cassette{position:absolute;top:calc(var(--deck-w) * .07);left:8%;width:84%;opacity:0;pointer-events:none;will-change:transform}.cs-deck-cassette.is-visible{opacity:1}.cs-deck-cassette .cs-art{display:block;width:100%;height:auto}.cs-deck-front{position:absolute;inset:0;overflow:hidden;border-radius:24px 24px 0 0;pointer-events:none}.cs-deck-window{position:absolute;left:calc(var(--deck-w) * .055);width:calc(var(--deck-w) * .89);top:calc(var(--deck-w) * .052);height:calc(var(--deck-w) * .56);border-radius:calc(var(--deck-w) * .035);border:2px solid var(--black);box-shadow:0 0 0 var(--deck-w) var(--deck-body);box-sizing:border-box}.cs-deck-plate{position:absolute;left:calc(var(--deck-w) * .055);right:calc(var(--deck-w) * .055);top:calc(var(--deck-w) * .612);bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.cs-deck-brand{font-size:14px;font-size:calc(var(--deck-w) * .036);line-height:1;font-weight:800;letter-spacing:-.01em;color:var(--black)}.cs-deck-brand-lens{color:#dc1f47}.cs-deck-model{font-size:10px;font-size:calc(var(--deck-w) * .024);line-height:1;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.cs-deck-slot{position:absolute;left:6%;right:6%;top:calc(var(--deck-w) * -.014);height:calc(var(--deck-w) * .03);min-height:9px;border-radius:999px;background:#111;border:2px solid var(--black);box-sizing:border-box;overflow:hidden;pointer-events:none}.cs-deck-flap{position:absolute;left:3%;right:3%;top:0;height:55%;background:#4a4a4a;border-radius:0 0 6px 6px;transform-origin:top center}.cs-deck-panel{position:relative;padding:4px 16px 18px;padding:calc(var(--deck-w) * .01) calc(var(--deck-w) * .05) calc(var(--deck-w) * .05)}.cs-deck-readout{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 12px;margin-bottom:14px;background:#111;color:var(--white);border-radius:10px;font-size:13px;font-weight:700}.cs-deck-rec{display:inline-flex;align-items:center;gap:6px;letter-spacing:.1em;color:#ffffff8c;transition:color .2s ease}.cs-deck-rec-dot{width:9px;height:9px;border-radius:50%;background:currentColor}.cs-deck[data-state=RECORDING] .cs-deck-rec,.cs-deck[data-state=PAUSED_RECORDING] .cs-deck-rec{color:var(--primary)}.cs-deck[data-state=RECORDING] .cs-deck-rec-dot{animation:cs-blink 1s steps(1,end) infinite}@keyframes cs-blink{50%{opacity:.15}}.cs-deck-meter{flex:1 1 auto;height:4px;border-radius:2px;background:#ffffff2e;overflow:hidden}.cs-deck-meter-fill{display:block;height:100%;background:var(--white);transform:scaleX(0);transform-origin:left center}.cs-deck[data-state=RECORDING] .cs-deck-meter-fill,.cs-deck[data-state=PAUSED_RECORDING] .cs-deck-meter-fill{background:var(--primary)}.cs-deck-counter{min-width:3.1em;text-align:right;font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.cs-deck-keys{display:flex;gap:10px;padding-bottom:4px}.cs-key{flex:1 1 0;min-width:0;min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 8px;border:2px solid var(--black);border-radius:12px;background:var(--white);color:var(--black);font-family:var(--font-main);font-size:15px;font-weight:700;line-height:1;white-space:nowrap;box-sizing:border-box;cursor:pointer;transform:translateY(0);transition:transform .15s ease,background-color .15s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}.cs-key--primary{background:var(--black);color:var(--white)}.cs-key-icon{display:inline-flex;flex-shrink:0}.cs-key-icon svg{display:block}.cs-key--rec .cs-key-icon{color:var(--primary)}@media(hover:hover){.cs-key:not([disabled]):not(.cs-key--primary):hover{background:#f0f0f0;transform:translateY(-1px)}.cs-key--primary:not([disabled]):hover{background:var(--black-hover, #1a1a1a);border-color:var(--black-hover, #1a1a1a);transform:translateY(-1px)}}.cs-key:not([disabled]):active{transform:translateY(0) scale(.98)}.cs-key[disabled]{opacity:.45;cursor:default}.cs-key:focus-visible{outline:none!important}@media(max-width:480px){.cs-deck-keys{gap:6px}.cs-key{flex:1 1 auto;font-size:13px;letter-spacing:-.01em;gap:5px;padding:0 7px;min-height:48px}.cs-key-icon svg{width:14px;height:14px}}@media(max-width:360px){.cs-deck-keys{gap:4px}.cs-key{font-size:12px;gap:4px;padding:0 5px;min-height:46px}.cs-key-icon svg{width:13px;height:13px}}.cs-record .cs-status{margin-top:22px}.cs-final-art{max-width:460px;margin:28px auto 0;transform:rotate(-2deg)}.cs-progress{max-width:320px;margin:18px auto 0;text-align:center}.cs-progress-track{position:relative;height:6px;border-radius:3px;background:var(--gray-medium);overflow:hidden}.cs-progress-bar{position:absolute;top:0;bottom:0;width:40%;border-radius:3px;background:var(--black);animation:cs-indeterminate 1.1s ease-in-out infinite}@keyframes cs-indeterminate{0%{left:-40%}to{left:100%}}.cs-progress-fill{position:absolute;top:0;bottom:0;left:0;width:100%;border-radius:3px;background:var(--black);transform:scaleX(0);transform-origin:left center;transition:transform .2s linear}.cs-video-progress{max-width:360px;margin-top:20px}.cs-progress-hint{display:block;margin-top:4px;font-family:var(--font-main);font-size:var(--type-body-small, 13.5px);line-height:1.45;font-weight:500;color:var(--text-muted)}.cs-video-progress .cs-btn--quiet{margin-top:4px}.cs-progress-text{display:block;margin-top:8px;font-family:var(--font-main);font-size:var(--type-body-small, 14px);line-height:1.45;font-weight:600;color:var(--text-secondary)}.cs-share-link{display:block;width:100%;max-width:460px;margin:14px auto 0;text-align:center;font-size:14px}.cs-final-more{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 12px;margin-top:14px}.cs-view{max-width:640px;text-align:center}.cs-note,p.cs-note{margin:26px auto 0;max-width:32ch;font-family:var(--font-accent);font-size:clamp(24px,3.5vw,32px);line-height:1.15;font-weight:700;color:var(--black);transform:rotate(-1.5deg);overflow-wrap:break-word}.cs-volume{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px auto 0}.cs-volume input[type=range]{width:160px;max-width:45vw;height:32px;accent-color:var(--black)}.cs-mute.is-muted{background:var(--surface-hover)}.cs-view-panel{padding-top:24px}.cs-view-panel .cs-sub{margin-top:10px}.lb-minimal-legal{width:100%;background-color:#000;border-top:1px solid rgba(255,255,255,.12);padding:24px var(--safe-x, 20px) 24px;padding-bottom:max(24px,env(safe-area-inset-bottom,24px));margin:0;box-sizing:border-box;font-family:var(--font-main);position:relative;z-index:10;box-shadow:0 500px 0 500px #000;clip-path:inset(0 0 -1000px 0);-webkit-clip-path:inset(0 0 -1000px 0)}.lb-minimal-legal-inner{max-width:860px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px 24px;flex-wrap:wrap}.lb-minimal-brand{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.lb-minimal-logo{display:inline-flex;align-items:center;line-height:1}.lb-minimal-logo .footer-logo-img{height:26px;width:auto;display:block}.lb-minimal-copy{font-size:12px;font-weight:500;color:#ffffffa6;line-height:1.4}.lb-minimal-links{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap;justify-content:flex-end}.lb-minimal-links a,.lb-minimal-links button{font-family:inherit;font-size:14px;font-weight:500;color:#fffc!important;text-decoration:none;background:transparent;border:none;padding:6px 0;margin:0;cursor:pointer;line-height:1.4;-webkit-appearance:none;appearance:none}.lb-minimal-links a:hover,.lb-minimal-links button:hover{color:#fff!important;text-decoration:underline;text-underline-offset:3px}@media(max-width:1024px){.lb-minimal-legal-inner{flex-direction:column;align-items:center;text-align:center;gap:16px}.lb-minimal-brand{flex-direction:row;justify-content:center;gap:12px;align-items:center}.lb-minimal-links{justify-content:center;gap:6px 14px}.lb-minimal-links>*:not(:last-child):after{margin-left:14px}}@media(max-width:480px){.lb-minimal-legal{padding:20px var(--safe-x, 16px) max(20px,env(safe-area-inset-bottom,20px)) var(--safe-x, 16px)!important}.lb-minimal-brand{flex-direction:column;gap:6px}.lb-minimal-copy{white-space:normal;font-size:11.5px!important}.lb-minimal-links{gap:4px 12px}.lb-minimal-links a,.lb-minimal-links button{font-size:12.5px!important;padding:4px 0!important}.lb-minimal-links>*:not(:last-child):after{margin-left:12px;font-size:12px!important}}body .pill-message.type-info{border-color:#2563eb!important;color:#2563eb!important}body .pill-message.type-success{border-color:#16a34a!important;color:#16a34a!important}body .pill-message.type-warning{border-color:#d97706!important;color:#d97706!important}body .pill-message.type-error{border-color:#dc2626!important;color:#dc2626!important}@media(prefers-reduced-motion:reduce){.cs-design,.cs-btn,.cs-key,.cs-design-tick{transition:none}.cs-design.is-selected{transform:none}.cs-deck[data-state=RECORDING] .cs-deck-rec-dot,.cs-preview.is-adjusting .cs-art-handle{animation:none}.cs-progress-bar{animation:none;left:0;width:100%;opacity:.35}}