:root{color:#f4ead5;background:#090908;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 12%,rgba(21,103,106,.18),transparent 28%),radial-gradient(circle at 80% 88%,rgba(142,35,32,.18),transparent 30%),linear-gradient(135deg,#10100e,#070707 62%,#120d0c)}.phone-frame{position:relative;width:min(100%,430px);height:min(920px,calc(100vh - 48px));min-height:720px;overflow:hidden;border-radius:42px;background:#0c0d0d;border:1px solid rgba(255,255,255,.2);box-shadow:0 32px 80px #0000008c,inset 0 0 0 8px #050505,inset 0 0 0 9px #ffffff14}.top-chrome{position:absolute;z-index:8;top:10px;left:10px;right:10px;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-radius:32px 32px 12px 12px;background:linear-gradient(180deg,#0f0f0df0,#0f0f0db8);border-bottom:1px solid rgba(241,197,108,.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.top-tools{display:flex;gap:8px}.round-tool{width:38px;height:38px;border-radius:50%;color:#f1c56c;background:linear-gradient(160deg,#252926,#0d0d0c);border:1px solid rgba(244,234,213,.18);box-shadow:inset 0 1px #ffffff1f;cursor:pointer;font-size:12px;font-weight:900}.light-tool{width:52px;border-radius:20px;font-size:10px;letter-spacing:.02em;text-transform:uppercase}.brand-logo{width:auto;max-width:86px;height:32px;border-radius:8px;object-fit:contain;background:#f4ead5eb;border:1px solid rgba(241,197,108,.2);padding:3px 5px}.round-tool.active{color:#14100a;background:#f1c56c;box-shadow:0 0 18px #f1c56c3d,inset 0 1px #ffffff47}.round-tool:disabled,.rack-toggle:disabled,.footswitch:disabled,.settings-button:disabled,.video-swatch:disabled,input:disabled{opacity:.42;cursor:not-allowed}.capture-readout{display:grid;gap:4px;justify-items:center;color:#f1c56c;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.capture-readout span{color:#f4ead5c7;font-size:10px}.raw-video{display:none}.camera-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,rgba(242,197,108,.1),transparent),radial-gradient(circle at 50% 32%,rgba(44,88,91,.48),transparent 38%),#14120e}.lamp-wash{position:absolute;z-index:4;inset:0;background:radial-gradient(circle at 50% 24%,rgba(255,230,165,.24),transparent 54%);pointer-events:none;mix-blend-mode:screen}.permission-card{position:absolute;z-index:10;left:26px;right:26px;top:128px;padding:22px;border-radius:18px;background:#0c0b09d6;border:1px solid rgba(244,234,213,.18);box-shadow:0 18px 40px #0000005c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{margin:0 0 8px;color:#f1c56c;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.permission-card h1{margin:0;color:#fff6df;font-size:28px;line-height:1.05}.permission-card p:not(.eyebrow){color:#f4ead5c2;font-size:14px;line-height:1.5}.primary-action{width:100%;min-height:48px;border:0;border-radius:12px;color:#130d08;background:#f1c56c;font-weight:900;cursor:pointer}.rack-wrap{position:absolute;z-index:7;left:10px;right:10px;bottom:10px;border-radius:12px 12px 32px 32px;background:linear-gradient(180deg,#0c0c0bbf,#060707f5);border:1px solid rgba(244,234,213,.12);box-shadow:0 -18px 44px #00000057;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.rack-panel{position:relative;margin:10px;padding:16px 14px 14px;max-height:min(520px,calc(100vh - 250px));overflow:auto;border-radius:12px;background:linear-gradient(180deg,#31302af0,#111211f5),#171815;border:1px solid rgba(244,234,213,.16);box-shadow:inset 0 1px #ffffff14,inset 0 -18px 28px #0000002e}.rack-close{position:absolute;z-index:2;top:10px;right:10px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#f4ead5ad;background:linear-gradient(160deg,#282a26eb,#090908eb);border:1px solid rgba(244,234,213,.18);box-shadow:inset 0 1px #ffffff1a;cursor:pointer;font-size:13px;font-weight:900;line-height:1;text-transform:uppercase}.rack-close:hover,.rack-close:focus-visible{color:#15110b;background:#f1c56c;outline:0}.rack-heading{display:grid;grid-template-columns:.8fr 112px 1.3fr;align-items:center;gap:12px;margin-bottom:12px;color:#f1c56c;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding-right:34px}.vu-shell{position:relative;height:54px;display:grid;place-items:end center;color:#201611;background:linear-gradient(180deg,#ecd6a0,#b8894d);border:2px solid #2d251c;border-radius:5px;box-shadow:inset 0 1px 12px #ffffff47}.vu-shell small{margin-bottom:5px;font-size:10px;font-weight:900}.vu-needle{position:absolute;bottom:12px;width:2px;height:30px;transform-origin:bottom center;background:#40140e;transition:transform 80ms linear}.range-control{display:grid;gap:6px;color:#f4ead5b3;font-size:10px;letter-spacing:.08em;text-transform:uppercase}input[type=range]{width:100%;accent-color:#f1c56c}.rack-lock{margin-bottom:10px;padding:8px 10px;border-radius:7px;color:#f4ead5b8;background:#c6424324;border:1px solid rgba(241,197,108,.14);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pedal-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pedal{min-height:154px;padding:10px;display:grid;gap:9px;border-radius:8px;color:#f4ead5c7;background:linear-gradient(180deg,#242720,#121412);border:1px solid rgba(244,234,213,.14);box-shadow:inset 0 1px #ffffff12}.pedal:nth-child(2){background:linear-gradient(180deg,#222b31,#111518)}.pedal:nth-child(3){background:linear-gradient(180deg,#552d24,#191210)}.pedal:nth-child(4){background:linear-gradient(180deg,#263a36,#101817)}.pedal.enabled{color:#fff4d2;border-color:#f1c56cc2;box-shadow:0 0 0 1px #f1c56c3d,0 0 22px #f1c56c26}.pedal-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pedal strong,.video-swatch strong{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.footswitch{width:28px;height:28px;padding:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#76695c,#1a1713);border:1px solid rgba(255,255,255,.14);cursor:pointer}.footswitch span{width:7px;height:7px;border-radius:50%;background:#f4ead559}.pedal.enabled .footswitch span{background:#f1c56c;box-shadow:0 0 12px #f1c56cbf}.pedal-sliders{display:grid;gap:8px}.lens-dial{width:78px;height:78px;display:grid;place-items:center;justify-self:center;border-radius:50%;color:#f1c56c;background:radial-gradient(circle,#24201b 0 42%,#0d0c0a 43%),conic-gradient(from 0deg,#47615e,#14120f,#6e4930,#47615e);border:1px solid rgba(244,234,213,.2)}.lens-dial b{font-size:20px}.lens-dial small{margin-top:-20px;color:#f4ead58c;font-size:9px;text-transform:uppercase}.video-masters{display:grid;gap:9px}.swatch-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.kaleid-bank{margin-top:10px;padding:12px;display:grid;gap:10px;border-radius:8px;background:linear-gradient(135deg,rgba(21,103,106,.24),transparent 44%),linear-gradient(180deg,#0a0a09b8,#080807db);border:1px solid rgba(241,197,108,.22)}.kaleid-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#f1c56c;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.kaleid-title span{color:#f4ead58f;font-size:10px}.kaleid-readout{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.kaleid-readout span{min-height:24px;display:grid;place-items:center;border-radius:5px;color:#f4ead5c2;background:#f4ead512;border:1px solid rgba(244,234,213,.1);font-size:9px;font-weight:800;letter-spacing:.06em}.kaleid-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}.video-swatch{min-height:96px;padding:8px;display:grid;gap:6px;align-content:start;border-radius:8px;color:#f4ead5bd;background:#08080780;border:1px solid rgba(244,234,213,.12);cursor:pointer}.video-swatch.selected{border-color:#f1c56ccc;box-shadow:0 0 20px #f1c56c29}.video-swatch span{min-height:42px;border-radius:5px;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent),linear-gradient(45deg,#20201d,#676052)}.swatch-bw span{filter:grayscale(1)}.swatch-sepia span{filter:sepia(.9)}.swatch-pixelate span{background:linear-gradient(90deg,#1d1c19 25%,#6c604c 25% 50%,#2e2a23 50% 75%,#9c875f 75%),#3d372d;background-size:18px 18px}.swatch-prism span{background:linear-gradient(135deg,rgba(255,0,90,.48),transparent 36%),linear-gradient(45deg,rgba(0,210,255,.48),transparent 42%),linear-gradient(90deg,#1d1b19,#8c7d57)}.swatch-cartoon span{background:linear-gradient(135deg,#0f1010 18%,#e5bd68 18% 32%,#1c4e50 32% 56%,#eee0b8 56%)}.swatch-kaleidoscope span{background:conic-gradient(#c64243,#e2bd66,#1f777c,#1e2530,#c64243)}.swatch-thermal span{background:linear-gradient(90deg,#152cff,#00b8d8,#f2dc5d,#d83b35)}.swatch-posterize span{background:linear-gradient(135deg,#151514 0 25%,#d2b366 25% 50%,#2c6e6b 50% 75%,#96332e 75%)}.swatch-halftone span{background:radial-gradient(circle,#f1c56c 0 22%,transparent 24%) 0 0 / 13px 13px,#151514}.swatch-vhs span{background:repeating-linear-gradient(0deg,rgba(255,255,255,.16) 0 1px,transparent 1px 5px),linear-gradient(90deg,#18272f,#7b3030,#d9b861)}.video-swatch small{color:#f4ead585;font-size:10px;text-transform:uppercase}.settings-heading{grid-template-columns:1fr 1fr 1fr}.settings-heading b,.settings-heading small{color:#f4ead5b8;justify-self:center}.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.settings-button,.settings-stat{min-height:72px;display:grid;place-items:center;border-radius:8px;color:#f4ead5c7;background:linear-gradient(180deg,#242720,#101211);border:1px solid rgba(244,234,213,.14);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.settings-button{cursor:pointer}.settings-button.active{color:#15110b;background:#f1c56c}.settings-stat span{color:#f1c56c;font-size:20px}.settings-stat small{color:#f4ead57a}.clip-review{display:grid;gap:10px}.clip-review video{width:100%;aspect-ratio:16 / 9;border-radius:8px;background:#050505}.clip-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.clip-actions a,.clip-actions button{min-height:42px;display:grid;place-items:center;border-radius:8px;text-decoration:none;color:#14100a;background:#f1c56c;border:0;font-weight:900;cursor:pointer}.clip-actions button{color:#f4ead5d1;background:#f4ead51a;border:1px solid rgba(244,234,213,.14)}.transport{min-height:106px;display:grid;grid-template-columns:58px 1fr 90px 1fr 58px;align-items:center;gap:10px;padding:8px 14px 16px}.clip-thumb,.download-link,.rack-toggle{border:0;text-decoration:none}.clip-thumb{width:56px;height:56px;padding:0;overflow:hidden;border-radius:10px;background:#f4ead51a;border:1px solid rgba(244,234,213,.18);cursor:pointer}.clip-thumb video,.clip-thumb span{width:100%;height:100%;display:block;object-fit:cover}.rack-toggle{min-height:54px;display:grid;gap:4px;place-items:center;color:#f4ead58a;background:transparent;cursor:pointer}.rack-toggle span{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.rack-toggle small{color:#f4ead56b;font-size:10px;text-transform:uppercase}.rack-toggle.active{color:#f1c56c}.rack-toggle.active small{color:#f1c56cb8}.record-button{width:82px;height:82px;display:grid;place-items:center;border-radius:50%;border:3px solid #3a2f26;background:radial-gradient(circle at 45% 35%,#ff6955,#b92418 62%,#40100d);box-shadow:0 8px 20px #00000061,inset 0 2px 4px #ffffff38,0 0 0 5px #f4ead514;cursor:pointer}.record-button:disabled{opacity:.48;cursor:not-allowed}.record-button span{width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.18)}.record-button.recording span{width:28px;height:28px;border-radius:5px;background:#fff3d0}.download-link{min-height:44px;display:grid;place-items:center;border-radius:10px;color:#140f0a;background:#f1c56c;font-size:12px;font-weight:900}.download-link.muted{color:#f4ead561;background:#f4ead514}.status-strip{position:absolute;z-index:6;left:24px;right:24px;bottom:130px;display:grid;gap:4px;color:#f4ead5b8;font-size:11px;line-height:1.35;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none}.rack-audio+.status-strip,.rack-video+.status-strip,.rack-settings+.status-strip,.state-review+.status-strip{bottom:390px}@media(max-width:520px){body{overflow:auto}.app-shell{padding:0;min-height:100svh}.phone-frame{width:100vw;height:100svh;min-height:0;border-radius:0;border:0;box-shadow:none}.top-chrome,.rack-wrap{left:0;right:0;border-radius:0}.rack-panel{max-height:calc(100vh - 240px)}.rack-heading{grid-template-columns:.7fr 84px 1.4fr}.vu-shell{height:48px}.pedal-row{grid-template-columns:repeat(2,minmax(145px,1fr))}.swatch-row{grid-template-columns:repeat(4,minmax(72px,1fr));overflow-x:auto}.kaleid-controls{grid-template-columns:1fr}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-height:700px){.permission-card{top:96px}.rack-panel{max-height:calc(100svh - 220px)}.transport{min-height:92px;padding-bottom:10px}.record-button{width:72px;height:72px}}