.cutz-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch);min-width:var(--touch);padding:0 var(--space-4);border-radius:var(--radius);border:var(--border);color:var(--white);font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .2s var(--ease-spring), background-color .2s var(--ease-expo), color .2s var(--ease-expo), border-color .2s var(--ease-expo);-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.cutz-btn:active:not(:disabled){transform:scale(.94)rotate(-.6deg)}.cutz-btn:after{content:"";transition:transform .55s var(--ease-expo);pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff3d 50%,#0000 100%);position:absolute;inset:-1px;transform:translate(-130%)skew(-18deg)}.cutz-btn:hover:not(:disabled){transform:translateY(-1px)scale(1.01)}.cutz-btn:hover:not(:disabled):after{transform:translate(130%)skew(-18deg)}.cutz-btn:disabled{opacity:.35;cursor:not-allowed}.cutz-btn--lg{min-height:64px;font-size:16px}.cutz-btn--primary{background:var(--white);color:var(--black);border-color:var(--white)}.cutz-btn--primary:hover:not(:disabled){background:var(--gray-100)}.cutz-btn--outline{color:var(--white);border-color:var(--white);background:0 0}.cutz-btn--outline:hover:not(:disabled){background:#ffffff14}.cutz-btn--ghost{color:var(--gray-300);background:0 0;border-color:#0000}.cutz-btn--ghost:hover:not(:disabled){color:var(--white)}.cutz-btn--record{background:var(--record);border-color:var(--record);color:var(--white)}.cutz-btn--record:hover:not(:disabled){transform:translateY(-1px)scale(1.02)}.cutz-text{margin:0}.cutz-text--display{font-size:var(--text-display);letter-spacing:-.03em;text-transform:uppercase;font-weight:900;line-height:.92}.cutz-text--title{font-size:var(--text-title);letter-spacing:-.02em;text-transform:uppercase;font-weight:800;line-height:1.05}.cutz-text--label{font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.cutz-text--body{letter-spacing:0;font-size:16px;font-weight:600;line-height:1.4}.cutz-text--small{font-size:var(--text-small);letter-spacing:.04em;color:var(--gray-300);font-weight:500;line-height:1.4}.home{gap:var(--space-5);flex-direction:column;flex:1;display:flex}.home__header{gap:var(--space-3);padding-top:var(--space-4);flex-direction:column;display:flex}.home__wordmark{letter-spacing:-.04em}.home__wordmark-wrap{padding-right:.08em;display:inline-block;position:relative}.home__slash{background:var(--record);transform-origin:0;height:.09em;position:absolute;top:54%;left:.02em;right:.02em}.home__tagline{color:var(--gray-300)}.home__marquee{margin-top:calc(var(--space-3) * -1)}.home__action{gap:var(--space-3);flex-direction:column;display:flex}.home__cta{width:100%;min-height:80px;font-size:20px}.home__recent{gap:var(--space-3);flex-direction:column;margin-top:auto;display:flex}.home__recent-empty{max-width:30ch}.home__recent-row{gap:var(--space-3);padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.recent-tile{gap:var(--space-1);width:104px;color:inherit;text-align:left;cursor:pointer;transform-origin:50% 100%;background:0 0;border:0;flex-direction:column;flex:none;padding:0;display:flex}.recent-tile__thumb{background:var(--gray-900);border:var(--border);border-radius:var(--radius);width:104px;height:148px;color:var(--gray-700);place-items:center;font-size:28px;display:grid;overflow:hidden}.recent-tile__thumb img{object-fit:cover;width:100%;height:100%}.recent-tile__name{font-size:var(--text-small);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.recent-tile__meta{font-size:var(--text-small);color:var(--gray-700)}.home__notice{bottom:var(--safe-bottom);background:var(--white);color:var(--black);padding:var(--space-2) var(--space-3);border-radius:var(--radius);animation:notice-in .45s var(--ease-spring) both;position:sticky}.waveform{background:var(--gray-900);border:var(--border);border-radius:var(--radius);touch-action:none;cursor:pointer;width:100%;height:120px;animation:rise-in .62s var(--ease-expo) both;transition:transform .2s var(--ease-expo);display:block}.waveform:hover{transform:translateY(-1px)}.import{gap:var(--space-4);flex-direction:column;flex:1;display:flex}.import__header{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.import__pick,.import__review{gap:var(--space-3);flex-direction:column;display:flex}.import__pick--working{animation:1.25s ease-in-out infinite breathe}.import__cta{width:100%}.import__block{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--gray-700);flex-direction:column;display:flex}.import__bpm-row,.import__lengths{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.import__bpm input,.import__start input[type=range]{width:100%}.import__bpm input{width:96px;min-height:var(--touch);background:var(--black);color:var(--white);border:var(--border);border-radius:var(--radius);font:inherit;letter-spacing:.06em;padding:0 var(--space-2);font-weight:700}.import__start{gap:var(--space-2);flex-direction:column;display:flex}.import__notice{background:var(--white);color:var(--black);padding:var(--space-2) var(--space-3);border-radius:var(--radius);animation:notice-in .45s var(--ease-spring) both}.import__notice .cutz-text{color:inherit}.record{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.record__header{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.record__stage{background:var(--gray-900);border:var(--border);border-radius:var(--radius);flex:1;place-items:center;min-height:260px;display:grid;position:relative;overflow:hidden}.record__preview{object-fit:contain;width:100%;height:100%}.record__preview--mirrored{transform:scaleX(-1)}.record__rec{top:var(--space-3);left:var(--space-3);width:14px;height:14px;transition:top .5s var(--ease-expo), left .5s var(--ease-expo), transform .5s var(--ease-expo);position:absolute}.record__rec-dot{background:var(--record);border-radius:50%;width:14px;height:14px;animation:1.1s ease-in-out infinite record-pulse;position:absolute;inset:0}.record__rec-ring{border:2px solid var(--record);border-radius:999px;animation:1.2s ease-out infinite ping;position:absolute;inset:0}.record__rec-ring--2{animation-delay:.33s}@keyframes record-pulse{0%,to{opacity:1}50%{opacity:.3}}.record__status{background:var(--black);place-items:center;display:grid;position:absolute;inset:0}.record__progress{gap:var(--space-2);flex-direction:column;display:flex}.record__bar{background:var(--gray-700);border-radius:999px;height:6px;overflow:hidden}.record__bar-fill{background:var(--white);height:100%;transition:width .2s;display:block}.record__controls{justify-content:center;display:flex}.record__clips{gap:var(--space-2);flex-direction:column;display:flex}.record__clip-row{gap:var(--space-2);padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.clip-tile{gap:var(--space-1);transform-origin:50% 100%;flex-direction:column;flex:none;width:96px;display:flex;position:relative}.clip-tile__thumb{background:var(--gray-900);border:var(--border);border-radius:var(--radius);width:96px;height:128px;color:var(--gray-700);place-items:center;font-size:20px;display:grid;overflow:hidden}.clip-tile__thumb img{object-fit:cover;width:100%;height:100%}.clip-tile__meta{gap:var(--space-1);flex-direction:column;display:flex}.clip-tile__label{font-size:var(--text-small);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.clip-tile__duration{font-size:var(--text-small);color:var(--gray-700)}.clip-tile__delete{top:var(--space-1);right:var(--space-1);width:28px;height:28px;color:var(--white);cursor:pointer;background:#0009;border:0;border-radius:50%;place-items:center;font-size:18px;line-height:1;display:grid;position:absolute}.record__notice{background:var(--white);color:var(--black);padding:var(--space-2) var(--space-3);border-radius:var(--radius);animation:notice-in .45s var(--ease-spring) both}.record__notice .cutz-text{color:inherit}.record__header,.record__clips,.record__notice,.record__progress>*{transition:opacity .18s}.record--chrome-off>.record__header,.record--chrome-off>.record__clips,.record--chrome-off>.record__notice,.record--chrome-off>.cutz-btn--primary,.record--chrome-off .record__progress>*{opacity:0;pointer-events:none}.record--capturing .record__controls{bottom:calc(var(--safe-bottom) + var(--space-4));z-index:35;animation:notice-in .45s var(--ease-spring) .15s both;position:fixed;left:0;right:0}.record--capturing .record__rec{top:calc(var(--safe-top) + var(--space-3));left:var(--space-4);transform:scale(1.3)}.timeline{touch-action:none}.timeline__ruler{height:18px;margin-bottom:var(--space-1);position:relative}.timeline__tick{letter-spacing:.04em;color:var(--gray-700);font-size:10px;font-weight:700;position:absolute;transform:translate(-50%)}.timeline__track{background:var(--gray-900);border:var(--border);border-radius:var(--radius);touch-action:none;cursor:pointer;height:72px;position:relative;overflow:hidden}.timeline__slot{border-right:1px solid var(--black);background:var(--gray-700);transform-origin:50% 100%;position:absolute;top:0;bottom:0;overflow:hidden}.timeline__slot img{object-fit:cover;opacity:.85;pointer-events:none;width:100%;height:100%;display:block}.timeline__slot--selected{outline:2px solid var(--white);outline-offset:-2px;z-index:1;animation:slot-bump .35s var(--ease-spring) both}.timeline__slot--selected img{opacity:1}.timeline__slot-label{letter-spacing:.04em;text-transform:uppercase;color:var(--white);text-shadow:0 0 4px #000c;pointer-events:none;font-size:10px;font-weight:700;position:absolute;bottom:2px;left:4px}.timeline__playhead{background:var(--record);z-index:2;pointer-events:none;width:2px;position:absolute;top:-6px;bottom:-6px;box-shadow:0 0 12px #ff2d2db3}@keyframes slot-bump{0%{transform:scaleY(1)}50%{transform:scaleY(1.08)}to{transform:scaleY(1)}}.editor{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.editor__header{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.editor__summary{max-width:40ch}.editor__canvas{aspect-ratio:9/16;background:var(--gray-900);border:var(--border);border-radius:var(--radius);height:min(40vh,320px);animation:rise-in .62s var(--ease-expo) both;margin-inline:auto;display:block}.editor__empty{gap:var(--space-3);flex-direction:column;flex:1;align-items:flex-start;display:flex}.editor__inspector{gap:var(--space-2);padding:var(--space-2);border:var(--border);border-radius:var(--radius);background:#ffffff0a;flex-direction:column;display:flex}.editor__inspector-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.editor__tray{gap:var(--space-2);padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.editor__tray-tile{gap:var(--space-1);color:inherit;cursor:pointer;text-align:left;animation:pop-in .44s var(--ease-spring) both;background:0 0;border:0;flex-direction:column;flex:none;padding:0;display:flex}.editor__tray-thumb{background:var(--gray-900);border:var(--border);border-radius:var(--radius);width:64px;height:86px;color:var(--gray-700);place-items:center;font-size:16px;display:grid;overflow:hidden}.editor__tray-thumb img{object-fit:cover;width:100%;height:100%}.editor__tray-tile--active .editor__tray-thumb{outline:2px solid var(--white);outline-offset:2px;box-shadow:0 0 0 5px #ffffff1a}.editor__tray-label{font-size:var(--text-small);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.editor__controls{gap:var(--space-2);justify-content:center;display:flex}.preview{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.preview__header{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.preview__canvas{aspect-ratio:9/16;background:var(--gray-900);border:var(--border);border-radius:var(--radius);width:100%;animation:rise-in .62s var(--ease-expo) both;display:block}.preview__controls{justify-content:center;display:flex}.preview__hint{text-align:center}.preview__error{text-align:center;animation:notice-in .45s var(--ease-spring) both;flex:1;place-items:center;display:grid}:root{--black:#000;--white:#fff;--gray-900:#111;--gray-700:#3a3a3a;--gray-300:#c8c8c8;--gray-100:#f2f2f2;--record:#ff2d2d;--font-sans:Inter, system-ui, -apple-system, "SF Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;--text-display:clamp(56px, 18vw, 96px);--text-title:32px;--text-label:14px;--text-small:12px;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--space-6:64px;--radius:4px;--border:2px solid currentColor;--touch:48px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-cut:cubic-bezier(.76, 0, .24, 1)}.reveal{vertical-align:bottom;margin-bottom:-.12em;padding-bottom:.12em;display:inline-block;overflow:hidden}.reveal__inner{animation:reveal-rise .85s var(--ease-expo) both;will-change:transform;display:inline-block}.screen-enter{animation:screen-enter .52s var(--ease-expo) both}@keyframes screen-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-rise{0%{opacity:0;transform:translateY(120%)rotate(5deg)}35%{opacity:1}to{opacity:1;transform:translateY(0)rotate(0)}}.enter{animation:rise-in .6s var(--ease-expo) both}.enter--pop{animation:pop-in .55s var(--ease-spring) both}.enter--1{animation-delay:50ms}.enter--2{animation-delay:.12s}.enter--3{animation-delay:.19s}.enter--4{animation-delay:.26s}.enter--5{animation-delay:.33s}.enter--6{animation-delay:.4s}.enter--7{animation-delay:.47s}.enter--8{animation-delay:.54s}@keyframes rise-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.65)}70%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.notice-in{animation:notice-in .45s var(--ease-spring) both}@keyframes notice-in{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.screen-cut{pointer-events:none;z-index:40;width:135%;animation:cut-exit .55s var(--ease-cut) both;will-change:transform;position:absolute;top:-10%;bottom:-10%;left:-15%}.screen-cut--lead{background:var(--record)}.screen-cut--trail{background:var(--white);animation-delay:60ms}@keyframes cut-exit{0%{transform:translate(0)skew(-7deg)}to{transform:translate(-125%)skew(-7deg)}}.slash-draw{animation:slash-draw .5s var(--ease-cut) both}@keyframes slash-draw{0%{transform:rotate(-8deg)scaleX(0)}to{transform:rotate(-8deg)scaleX(1)}}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,2%)}50%{transform:translate(2%,-1%)}75%{transform:translate(-1%,-2%)}to{transform:translate(0)}}.marquee{border-block:var(--border);padding:var(--space-2) 0;display:flex;overflow:hidden}.marquee__inner{will-change:transform;flex-shrink:0;min-width:100%;animation:16s linear infinite marquee;display:flex}.marquee__content{white-space:nowrap;flex-shrink:0;align-items:center;display:flex}.marquee__item{font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;padding:0 var(--space-3);font-weight:700}.marquee__x{color:var(--record);padding-left:var(--space-3)}@keyframes marquee{to{transform:translate(-50%)}}@keyframes ping{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(2.6)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 #ff2d2d00}50%{box-shadow:0 0 0 9px #ff2d2d38}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.55}}*{box-sizing:border-box}html,body{background:var(--gray-900);color:var(--white);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{overscroll-behavior-y:none}#root{min-height:100dvh}.app-shell{background:var(--black);width:100%;max-width:430px;min-height:100dvh;color:var(--white);isolation:isolate;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.app-shell:before,.app-shell:after{content:"";pointer-events:none;position:absolute;inset:0}.app-shell:before{z-index:-2;background:radial-gradient(120% 60% at 100% 0,#ff2d2d29,#0000 60%),radial-gradient(100% 70% at 0 100%,#ffffff0f,#0000 60%)}.app-shell:after{z-index:50;opacity:.08;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 0 0,#fff 0 1px,#0000 1px 3px);animation:7s steps(6,end) infinite grain-shift}.app-main{padding:calc(var(--safe-top) + var(--space-3)) calc(var(--space-3) + var(--safe-right)) calc(var(--safe-bottom) + var(--space-3)) calc(var(--space-3) + var(--safe-left));z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.app-route{flex-direction:column;flex:1;display:flex}.t-display{font-size:var(--text-display);letter-spacing:-.03em;text-transform:uppercase;margin:0;font-weight:900;line-height:.92}.t-title{font-size:var(--text-title);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-weight:800;line-height:1.05}.t-label{font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:700}.t-small{font-size:var(--text-small);letter-spacing:.04em;color:var(--gray-300);margin:0;font-weight:500}:where(button,a,input,[tabindex]):focus-visible{outline:3px solid var(--white);outline-offset:2px}button{font-family:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}