@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-ext-wght-normal.20g3-bbbhdq0_.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-wght-normal.2cxlyxah-fd35.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-ext-wght-normal.0mkxydxl0e43d.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-wght-normal.1rx9vjatjkdar.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-vietnamese-wght-normal.2kcj5i_8uff48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-ext-wght-normal.3gdi_th3seg1n.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-wght-normal.0gsaq8ukbf34m.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{color:var(--text);font-synthesis:none;--accent:#ff0071;--accent-ink:#101010;--accent-soft:color-mix(in srgb, var(--accent) 14%, #141416);--accent-hover:color-mix(in srgb, var(--accent) 80%, white);--surface-raised:#1c1c20;--text:#f7f7f8;--green:var(--accent);--lime:var(--accent);--muted:#a3a3ad;--line:#343439;background:#101010;font-family:Inter Variable,Arial,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,label,input,select{-webkit-tap-highlight-color:transparent}button,a,input,select{touch-action:manipulation}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button:disabled,.disabled{opacity:.45;cursor:not-allowed}input:disabled,select:disabled{opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{border:0}input[type=range],input[type=radio]{accent-color:var(--green)}.app-shell{max-width:1440px;margin:auto;padding:0 68px}.site-header{border-bottom:1px solid var(--line);align-items:center;gap:54px;height:96px;display:flex}.brand{letter-spacing:-1.6px;align-items:center;font-size:29px;font-weight:800;display:flex}.brand-dot{color:var(--accent)}.brand-mark{width:35px;height:35px;color:var(--lime);background:var(--green);text-align:center;border-radius:50%;margin-right:10px;font-size:31px;font-style:italic;line-height:33px;position:relative;overflow:hidden}.brand-mark-line{width:18px;height:18px;position:absolute;top:-1px;right:0}.site-header nav{gap:32px;font-size:13px;display:flex}.site-header nav a:first-child{font-weight:600}.site-header nav span{background:var(--surface-raised);border-radius:4px;margin-left:5px;padding:2px 6px;font-size:10px}.private-label{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}.private-label>span{background:var(--accent);border-radius:50%;width:6px;height:6px}.hero{align-items:center;padding:55px 0 44px;display:flex;position:relative}.eyebrow{letter-spacing:1.9px;align-items:center;gap:10px;font-size:10px;font-weight:700;display:flex}.little-line{background:var(--green);width:22px;height:1px;display:inline-block}h1{letter-spacing:-4px;margin:23px 0 20px;font-size:clamp(48px,5.1vw,74px);font-weight:600;line-height:1.04}h1>span{color:var(--accent)}p{line-height:1.65}.hero p{color:var(--muted);margin:0;font-size:14px}.hero-note{width:215px;color:var(--muted);margin-left:auto;margin-right:11%;transform:rotate(-5deg)}.hero-note svg{width:210px;height:115px}.hero-note span{padding-left:43px;font-size:13px;line-height:1.6;display:block}.hero-index{writing-mode:vertical-rl;letter-spacing:2px;color:var(--muted);font-size:9px;position:absolute;bottom:48px;right:0}.studio-heading{justify-content:space-between;align-items:center;margin:11px 0 18px;scroll-margin-top:20px;display:flex}.saved{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.studio-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:start;gap:24px;display:grid}.card{border:1px solid var(--line);background:#131315;border-radius:16px;padding:25px}.section-heading{align-items:center;gap:11px;margin-bottom:23px;display:flex}.section-heading h2{letter-spacing:-.5px;margin:0;font-size:19px;font-weight:600}.section-heading>svg{color:var(--muted);margin-left:auto}.step{border:1px solid var(--line);width:26px;height:26px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;display:grid}.small-tag{letter-spacing:1.5px;color:var(--muted);margin-left:auto;font-size:8px}.viewfinder{aspect-ratio:1.05;color:var(--text);background:#121215;background-image:radial-gradient(ellipse at 65% 15%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 60%), linear-gradient(120deg, #121215, #121215);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.viewfinder video{object-fit:cover;width:100%;height:100%;position:absolute}.viewfinder-top,.viewfinder-bottom{letter-spacing:1.4px;z-index:1;justify-content:space-between;font-size:8px;display:flex;position:absolute;left:22px;right:22px}.viewfinder-top{top:22px}.viewfinder-top>span:first-child{align-items:center;gap:7px;display:flex}.viewfinder-top i{background:var(--muted);border-radius:50%;width:5px;height:5px}.viewfinder-top i.record-dot{background:#ef766d;box-shadow:0 0 0 4px #ed736c25}.viewfinder-top>span:last-child{font-variant-numeric:tabular-nums;letter-spacing:1px;font-size:11px}.viewfinder-bottom{color:var(--text);font-size:7px;bottom:22px}.camera-placeholder{text-align:center;padding:45px 10px}.camera-circle{width:63px;height:63px;color:var(--text);background:#ffffff07;border:1px solid #ffffff17;border-radius:50%;place-items:center;display:inline-grid}.camera-placeholder h3{letter-spacing:-.6px;margin:20px 0 9px;font-size:21px;font-weight:500}.camera-placeholder p{color:var(--muted);margin:0;font-size:12px}.camera-enable{color:var(--text);background:0 0;align-items:center;gap:12px;margin-top:22px;padding:7px;font-size:11px;display:inline-flex}.corner{pointer-events:none;border-style:solid;border-color:#b1bd9c50;width:15px;height:15px;position:absolute}.tl{border-width:1px 0 0 1px;top:48px;left:17px}.tr{border-width:1px 1px 0 0;top:48px;right:17px}.bl{border-width:0 0 1px 1px;bottom:46px;left:17px}.br{border-width:0 1px 1px 0;bottom:46px;right:17px}.button{background:var(--green);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:47px;padding:13px 18px;font-size:12px;font-weight:600;transition:background .15s,transform .15s;display:flex}.button:hover:not(:disabled){background:var(--accent-hover)}.button:active:not(:disabled){transform:translateY(1px)}.capture-actions{grid-template-columns:1.1fr 1fr;gap:9px;margin-top:16px;display:grid}.secondary{border:1px solid var(--line);color:var(--text);background:#131315}.record-button{background:var(--accent);color:var(--text)}.record-button:hover:not(:disabled){background:var(--accent-soft)}.record-symbol{background:var(--accent);border-radius:50%;width:10px;height:10px}.stop .record-symbol{background:#ad5142;border-radius:2px}.capture-tip{color:var(--muted);margin:13px 1px 22px;font-size:10px;line-height:1.6}.file-button{cursor:pointer;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.file-button:focus-within{outline:3px solid var(--accent);outline-offset:3px}.source-picker{border-top:1px solid var(--line);padding-top:19px}.source-picker>label,.field-label{margin-bottom:10px;font-size:11px;font-weight:600;display:block}.source-picker select{font-size:12px}select{background:var(--surface-raised);border:1px solid var(--line);width:100%;color:var(--text);border-radius:7px;min-width:0;height:44px;padding:13px 32px 13px 13px}.hint{color:var(--muted);margin:9px 0 0;font-size:11px}.right-column{gap:20px;display:grid}.music-row{gap:9px;display:flex}.icon-button{border:1px solid var(--line);background:var(--surface-raised);width:44px;color:var(--muted);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.music-preview,.source-video-preview{margin-top:12px}.music-preview audio{width:100%;height:34px}.music-preview>span{color:var(--muted);margin-top:6px;font-size:10px;display:block}.volume-grid{grid-template-columns:1fr 1fr;gap:21px;margin-top:25px;display:grid}.volume label{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.volume strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:19px;font-weight:500}.volume strong small{margin-left:2px;font-size:10px}.volume input{cursor:pointer;width:100%;margin:15px 0 8px}.range-ends{color:var(--muted);justify-content:space-between;font-size:8px;display:flex}.timing-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin:26px 0 15px;padding-top:20px;display:flex}.timing-heading h3{margin:0;font-size:12px;font-weight:600}.timing-heading>span{color:var(--muted);font-size:9px}.timing-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.time-field{font-size:10px;font-weight:600}.time-field>div{margin-top:9px;position:relative}.time-field input{border:1px solid var(--line);background:var(--surface-raised);width:100%;min-width:0;color:var(--text);font-variant-numeric:tabular-nums;border-radius:7px;padding:12px 29px 12px 12px;font-size:16px}.time-field>div>span{color:var(--muted);pointer-events:none;font-size:11px;position:absolute;top:14px;right:13px}.time-field input::-webkit-inner-spin-button{appearance:none}.time-field small{color:var(--muted);margin-top:8px;font-size:9px;font-weight:400;line-height:1.55;display:block}.timing-example{border-left:2px solid var(--accent-soft);color:var(--muted);margin:18px 0 0;padding-left:10px;font-size:10px}.finish{background:var(--surface-raised);border-color:var(--line);padding:23px 25px}.finish .section-heading{margin-bottom:18px}.finish .section-heading h2{font-size:18px}.format-options{grid-template-columns:1.1fr 1fr;gap:10px;margin-bottom:17px;display:grid}.format-options>label{border:1px solid var(--line);cursor:pointer;background:var(--surface-raised);border-radius:8px;align-items:flex-start;gap:6px;padding:12px 8px;display:flex}.format-options>label.selected{border-color:var(--accent);background:var(--surface-raised)}.format-options input{flex-shrink:0;margin:1px 0}.format-options strong{font-size:11px;font-weight:600;display:block}.format-options small{color:var(--muted);margin-top:5px;font-size:8px;line-height:1.5;display:block}.render-button{background:var(--accent);justify-content:space-between;width:100%;padding:16px 19px;font-size:13px}.export-spec{color:var(--muted);justify-content:space-between;gap:10px;margin-top:12px;font-size:8px;display:flex}.exports{margin:48px 0 60px;scroll-margin-top:24px}.exports-heading{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.exports-heading h2{letter-spacing:-.8px;margin:10px 0 0;font-size:26px;font-weight:500}.count{color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:6px 11px;font-size:10px}.empty-exports{border:1px dashed var(--line);border-radius:12px;align-items:center;gap:18px;padding:25px;display:flex}.empty-icon{background:var(--accent-soft);width:43px;height:48px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.empty-exports strong{font-size:12px;font-weight:500}.empty-exports p{color:var(--muted);margin:5px 0 0;font-size:11px}.tiny-arrow{color:var(--muted);flex-shrink:0;margin-left:auto}.export-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.export-card{border:1px solid var(--line);background:#131315;border-radius:12px;padding:16px;overflow:hidden}.export-top{color:var(--muted);justify-content:space-between;align-items:center;gap:5px;margin-bottom:12px;font-size:9px;display:flex}.status-pill{background:var(--surface-raised);color:var(--muted);border-radius:4px;padding:5px 8px;font-size:9px}.status-pill.done{background:var(--accent-soft);color:#a1cb83}.status-pill.failed{color:#ffb3a5;background:#3c272a}.export-card video{background:#121215;border-radius:6px;width:100%;max-height:350px;display:block}.export-caption{margin:15px 0}.export-caption strong{justify-content:space-between;font-size:12px;display:flex}.export-caption strong span{color:var(--muted);font-size:9px;font-weight:400}.export-caption p{color:var(--muted);overflow-wrap:anywhere;margin:6px 0;font-size:9px}.download{background:var(--accent-soft);color:var(--accent);font-size:11px}.download:hover{color:#fff}.render-state{background:var(--surface-raised);text-align:center;min-height:185px;color:var(--muted);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:22px;display:flex}.render-state strong{font-size:17px}.render-state p{margin:0;font-size:11px}.render-state progress{width:100%}progress{accent-color:var(--accent);border:0;height:7px}.notice{background:var(--accent-soft);border:1px solid var(--line);border-radius:9px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;padding:14px 18px;font-size:12px;line-height:1.6;display:flex}.notice.error{color:#ffb3a5;background:#3c272a;border-color:#704143}.notice button{color:inherit;background:0 0;font-size:24px}.notice progress{flex-shrink:0;width:100px}.draft{background:var(--surface-raised);border:1px solid var(--line);border-radius:9px;margin-bottom:22px;padding:16px}.draft>strong{font-size:12px}.draft p,.draft small{color:var(--muted);font-size:10px}.draft>div{align-items:center;gap:13px;margin:12px 0;display:flex}.draft small{line-height:1.5;display:block}.text-button{color:var(--muted);background:0 0;font-size:11px;text-decoration:underline}footer{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:28px;padding:26px 0 32px;display:flex}footer .brand{color:var(--muted);font-size:20px}footer p{font-size:10px}footer>span{margin-left:auto;font-size:9px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1450px){.app-shell{max-width:1350px}.hero{padding-top:66px}.viewfinder{aspect-ratio:1}}@media (max-width:1100px){.app-shell{padding:0 32px}.card{padding:21px}.studio-grid{grid-template-columns:1fr 1.15fr;gap:18px}.capture-actions{grid-template-columns:1fr}.viewfinder{aspect-ratio:.82}.timing-grid{gap:8px}.time-field{font-size:9px}.format-options{grid-template-columns:1fr}.hero-note{margin-right:8%}.finish{padding:21px}.small-tag{display:none}}@media (max-width:760px){.app-shell{padding:0 20px}.site-header{justify-content:space-between;gap:25px;height:76px}.brand{font-size:26px}.site-header nav{gap:18px;font-size:11px}.private-label{display:none}.hero{padding:35px 0 30px}.hero .eyebrow{letter-spacing:1.2px;font-size:8px}h1{letter-spacing:-3px;margin:20px 0 17px;font-size:57px}.hero p{font-size:12px}.hero-note{display:none}.hero-index{font-size:7px;bottom:38px}.studio-heading{margin-top:0}.saved{text-align:right;max-width:62%;font-size:8px}.studio-grid{grid-template-columns:1fr;gap:18px}.card{border-radius:13px;padding:20px}.section-heading{margin-bottom:18px}.section-heading h2{font-size:18px}.small-tag{display:block}.viewfinder{aspect-ratio:1.1}.capture-actions{grid-template-columns:1.1fr 1fr}.capture-tip,.time-field{font-size:10px}.time-field input{font-size:16px}.format-options{grid-template-columns:1.1fr 1fr}.right-column{gap:18px}.exports{margin:33px 0}.exports-heading h2{font-size:24px}.export-grid{grid-template-columns:1fr 1fr}.empty-exports{gap:13px;padding:20px}.empty-exports p{font-size:10px}.empty-exports strong{font-size:11px}footer{flex-wrap:wrap;gap:12px}footer p{font-size:9px}footer>span{width:100%;margin-left:0;font-size:8px}.notice{font-size:11px}.button{min-height:48px}select{font-size:16px!important}}@media (max-width:390px){.app-shell{padding:0 14px}.site-header nav{gap:12px}.site-header nav a:first-child{display:none}.card{padding:16px}.button{padding:12px;font-size:11px}.time-field{font-size:9px}.hero h1{font-size:52px}.export-grid{grid-template-columns:1fr}.export-spec,.saved{font-size:7px}}.viewfinder.has-stream{aspect-ratio:9/16}@media (max-width:600px){.export-grid{grid-template-columns:1fr}.time-field{font-size:11px}.time-field small,.range-ends,.format-options small{font-size:10px}.capture-tip,.hint,.timing-example{font-size:11px}.volume input{height:28px}footer{padding-bottom:max(32px, env(safe-area-inset-bottom))}}.calibration{background:var(--surface-raised);border:1px solid var(--line);border-radius:10px;margin-top:22px;padding:18px}.calibration-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.calibration h3{margin:0;font-size:15px}.calibration-heading span{letter-spacing:1px;color:var(--muted);font-size:8px}.calibration p{color:var(--muted);font-size:11px}.calibration-screen{background:#121215;border-radius:8px;max-width:100%;margin:16px auto;overflow:hidden}.calibration-screen video{object-fit:contain;width:100%;max-height:400px;display:block}.calibration-screen.portrait{aspect-ratio:9/16;width:225px}.calibration-screen.portrait video{object-fit:cover;height:100%}.preview-buttons{gap:8px;display:flex}.preview-buttons .button{flex:1;padding:12px 8px}.preview-scrub{margin:17px 0;font-size:11px;display:block}.preview-scrub output{font-variant-numeric:tabular-nums;color:var(--muted);margin-top:7px;display:block}.preview-scrub input{width:100%;accent-color:var(--green);height:32px;margin:7px 0;display:block}.calibration .preview-error{color:#ffb3a5}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-image:radial-gradient(#515158 .65px,#0000 .65px);background-size:20px 20px}.app-shell{max-width:1440px}.site-header{gap:40px}.brand-mark{color:var(--accent-ink)}h1{letter-spacing:-3.8px;font-size:clamp(48px,5.4vw,78px);font-weight:900}.hero{background:radial-gradient(ellipse at 77% 55%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 52%)}.hero p{color:#d0d0d6}.hero-note{color:var(--muted)}.section-heading{border-bottom:1px solid var(--line);padding-bottom:16px}.section-heading h2{letter-spacing:-.5px;font-size:18px;font-weight:700}.card{border-radius:14px;position:relative}.card:before,.card:after{content:"";background:#9295a2;border:1px solid #101010;border-radius:50%;width:8px;height:8px;position:absolute;top:36px}.card:before{left:-5px}.card:after{right:-5px}.button{color:var(--accent-ink);border-radius:8px}.secondary{color:var(--text)}.secondary:hover:not(:disabled){background:#25252b}.record-button{color:var(--accent-ink)}.record-symbol{background:currentColor}.render-button{color:var(--accent-ink)}.stop{color:#ffb7b7;background:#542e37}.download{color:var(--text);border:1px solid var(--line)}.empty-icon{color:var(--accent)}.viewfinder{background:radial-gradient(ellipse at 70% 10%, color-mix(in srgb, var(--accent) 12%, #17171b), #111114 75%)}.camera-placeholder h3{font-weight:700}.camera-enable{color:var(--text)}.exports-heading h2{font-weight:700}.format-options>label{background:#17171b}.format-options>label.selected{background:var(--accent-soft);border-color:var(--accent)}.accent-picker{border:1px solid var(--line);background:#141416;border-radius:9px;align-items:center;gap:10px;margin-left:auto;padding:9px 12px;display:flex}.accent-picker>span{color:var(--muted);font-size:11px}.accent-picker output{font-variant-numeric:tabular-nums;font-size:11px}.accent-picker input{appearance:none;cursor:pointer;background:0 0;border:0;width:32px;height:28px;padding:0}.accent-picker input::-webkit-color-swatch-wrapper{padding:4px 0}.accent-picker input::-webkit-color-swatch{border:1px solid #ffffff30;border-radius:3px}@media (max-width:760px){.site-header{flex-wrap:wrap;gap:16px;height:auto;min-height:80px;padding:18px 0}.accent-picker{width:100%;margin-left:0}.accent-picker input{width:40px;height:36px}.accent-picker output{margin-left:auto;font-size:13px}h1{letter-spacing:-2.6px}}.music-preview,.source-video-preview{border:1px solid var(--line);background:var(--surface-raised);border-radius:10px;margin-top:18px;padding:16px}.music-preview>strong,.source-video-preview>strong{font-size:14px}.music-preview .preview-error,.source-video-preview .preview-error{color:#ffb3a5;font-size:13px}.standalone-music{width:100%;height:54px;margin-top:12px;display:block}.duration-setting{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:grid}.duration-unlimited{align-items:center;gap:8px;min-height:44px;padding-top:15px;font-size:12px;display:flex}.duration-unlimited input{accent-color:var(--accent);width:17px;height:17px}.duration-setting p{color:var(--muted);grid-column:1/-1;margin:0;font-size:11px}.media-select{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;flex:1;align-items:center;min-width:0;min-height:52px;padding:13px 42px 13px 14px;display:flex;position:relative}.media-select-name{overflow-wrap:anywhere;min-width:0;color:var(--text);line-height:1.5}.media-select-arrow{border:solid var(--muted);border-width:0 2px 2px 0;width:8px;height:8px;position:absolute;top:calc(50% - 5px);right:17px;transform:rotate(45deg)}.media-select select{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.media-select:focus-within{outline:3px solid var(--accent);outline-offset:3px}.music-row{align-items:flex-start}.music-row .icon-button{min-width:52px;min-height:52px}.music-upload-label{display:none}.close-camera{width:100%;margin-top:12px}.duration-unlimited{cursor:pointer}.duration-unlimited input,.format-options input{flex-shrink:0;width:24px;height:24px;margin:0}.format-options>label{align-items:center;gap:12px;min-height:64px}@media (max-width:760px){.media-select-name{font-size:16px}.music-row{flex-direction:column;gap:12px}.music-row .media-select{width:100%}.music-row .icon-button{width:100%;color:var(--text);justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.music-upload-label{display:inline}.capture-actions,.volume-grid,.timing-grid,.format-options,.duration-setting{grid-template-columns:minmax(0,1fr);gap:16px}.duration-unlimited{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;gap:12px;min-height:56px;padding:14px;font-size:15px}.duration-unlimited:has(:checked){border-color:var(--accent);background:var(--accent-soft)}.format-options>label{padding:16px}.format-options strong,.volume label,.source-picker>label,.field-label,.time-field,.timing-heading h3{font-size:14px}.time-field input,.button{min-height:52px}.button,.preview-buttons .button{padding:14px;font-size:14px;line-height:1.4}.time-field small,.format-options small,.hint,.duration-setting p,.calibration p{font-size:12px}.volume input,.preview-scrub input{height:44px;margin:8px 0}.preview-buttons{flex-direction:column;gap:12px}.camera-enable,.text-button{min-height:48px;padding:12px;font-size:13px}.accent-picker input{width:48px;height:44px}.calibration{padding:14px}.site-header nav a{align-items:center;min-height:44px;display:inline-flex}.capture-tip,.timing-example,.preview-scrub{font-size:12px}.draft>div{flex-direction:column;align-items:stretch}.notice button{min-width:44px;min-height:44px}.viewfinder:not(.has-stream){aspect-ratio:auto;min-height:390px}.camera-placeholder{padding:52px 12px}.camera-circle{width:48px;height:48px}.camera-placeholder h3{margin:14px 0 8px;font-size:18px}.camera-placeholder p{line-height:1.5}.camera-enable{margin-top:12px}}.header-tools{align-items:center;gap:12px;margin-left:auto;display:flex}.header-tools .accent-picker{margin-left:0}.language-switch{border:1px solid var(--line);background:var(--surface-raised);border-radius:9px;flex-shrink:0;gap:2px;padding:3px;display:flex}.language-switch button{min-width:44px;min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px;font-size:12px;font-weight:600}.language-switch button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.language-switch button:focus-visible{outline:2px solid var(--text);outline-offset:2px}@media (max-width:760px){.header-tools{width:100%;margin-left:0}.header-tools .accent-picker{flex:1;width:auto;min-width:0}}@media (max-width:420px){.header-tools .accent-picker output{display:none}.header-tools .accent-picker input{margin-left:auto}}.slime-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.calibration-screen{position:relative}.slime-controls{border:1px solid var(--accent);border-radius:12px;min-width:0;margin:20px 0;padding:18px}.slime-controls legend{letter-spacing:.08em;padding:0 8px;font-size:12px;font-weight:800}.slime-toggle{align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.slime-toggle input{accent-color:var(--accent);width:18px;height:18px}.slime-live{color:var(--accent);letter-spacing:.1em;margin-left:auto;font-size:10px}.slime-sliders{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;display:grid}.slime-slider{min-width:0;font-size:13px}.slime-slider>span:first-child{justify-content:space-between;gap:6px;display:flex}.slime-slider output{white-space:nowrap;font-weight:700}.slime-slider input{width:100%;accent-color:var(--accent);margin:14px 0 5px}@media (max-width:420px){.slime-sliders{grid-template-columns:1fr;gap:16px}}.slime-color{align-items:center;gap:12px;margin-top:18px;font-size:13px;display:flex}.slime-color input{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:6px;width:44px;height:34px;padding:2px}.slime-color output{color:var(--muted);font-family:monospace;font-size:12px}.upload-progress{border:1px solid var(--accent);background:var(--accent-soft);overflow-wrap:anywhere;border-radius:10px;gap:10px;margin:14px 0;padding:16px;font-size:13px;display:grid}.upload-progress progress{width:100%;height:12px}.upload-progress span{color:var(--muted);line-height:1.5}.effect-actions,.export-actions{gap:12px;margin-top:14px;display:grid}.effect-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.slime-swatch{background:#10111a;border-radius:8px;width:100%;height:90px;margin-top:12px;display:block}.overlay-controls{border:1px solid var(--accent);border-radius:12px;min-width:0;margin:24px 0;padding:18px}.overlay-controls legend{letter-spacing:.12em;color:var(--accent);font:700 12px monospace}.overlay-field{gap:9px;margin:16px 0;font-size:14px;display:grid}.overlay-field input,.overlay-field select{border:1px solid var(--line);background:var(--surface-raised);width:100%;min-width:0;min-height:52px;color:var(--text);font:inherit;border-radius:8px;padding:12px;font-size:16px}.effect-toggle{cursor:pointer;align-items:center;gap:12px;min-height:52px;font-size:14px;line-height:1.5;display:flex}.effect-toggle input,.slime-toggle input{width:26px;height:26px;accent-color:var(--accent);flex-shrink:0}.slime-toggle{min-height:52px}.share-caption{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;background:var(--surface-raised);border:1px solid var(--line);border-radius:8px;padding:14px;font-size:14px}.delete-button{color:#ffb3a5;width:100%;margin-top:12px}input[type=range]{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:48px}input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:8px;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--text);background:var(--accent);border-radius:50%;width:30px;height:30px;margin-top:-11px;box-shadow:0 2px 6px #0006}input[type=range]::-moz-range-track{background:var(--line);border-radius:8px;height:8px}input[type=range]::-moz-range-thumb{border:3px solid var(--text);background:var(--accent);border-radius:50%;width:26px;height:26px}button,.button,.file-button{touch-action:manipulation}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (max-width:760px){.effect-actions,.slime-sliders{grid-template-columns:minmax(0,1fr)}.slime-color input{width:52px;height:48px}.slime-controls,.overlay-controls{padding:14px}.text-button{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;text-decoration:none}.export-actions .button{width:100%}.format-options{grid-template-columns:minmax(0,1fr)}}.source-video-preview video{background:#000;border-radius:8px;width:100%;max-height:440px;display:block}.source-video-preview .button{width:100%}.auth-shell{max-width:520px;margin:0 auto;padding:32px 20px}.auth-top{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.auth-card h1{letter-spacing:-.04em;font-size:clamp(30px,7vw,42px);line-height:1.1}.auth-card form,.account-password{gap:18px;margin:24px 0;display:grid}.auth-card label,.account-password label{gap:8px;font-weight:600;display:grid}.auth-card input,.account-password input{border:1px solid var(--line);background:var(--surface-raised);width:100%;min-height:52px;color:var(--text);border-radius:8px;padding:12px 14px;font-size:16px}.auth-card .button,.account-panel .button{min-height:48px}.account-panel{border-bottom:1px solid var(--line);margin:0 0 24px;padding:16px 0}.account-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.account-row>span{overflow-wrap:anywhere;flex:160px;min-width:0}.account-row small{color:var(--muted);margin-top:4px;display:block}.account-password{max-width:480px}@media (max-width:520px){.account-row>span{flex-basis:100%}.account-row .button{flex:1}}