@font-face{font-family:Pretendard;src:url(/fonts/PretendardVariable.woff2)format("woff2-variations");font-weight:45 920;font-display:swap}:root{--bg:#fdfdff;--surface:#fff;--fg:#0b0d12;--muted:#f3f4f7;--muted-fg:#696f78;--border:#e1e4e8;--primary:#1565d7;--primary-fg:#fafafa;--primary-soft:#1565d714;--ring:#1565d759;--shorts:#1565d7;--lecture:#7447c8;--works:#007d58;--capcut:#00afb0;--danger:#e40017;--danger-soft:#ffecea;--warn:#da950b;--warn-soft:#fff3df;--ok:#2c965d;--radius:.625rem;--shadow:0 1px 2px #0b0d120d;--shadow-lift:0 8px 24px -8px #0b0d1224}@supports (color:lab(0% 0 0)){:root{--bg:lab(99.4143% -.120431 -.747669);--surface:lab(100% 0 0);--fg:lab(3.67686% -.246584 -2.43062);--muted:lab(96.2765% -.23824 -1.49385);--muted-fg:lab(46.591% -.786543 -5.54408);--border:lab(90.4705% -.353158 -2.23824);--primary:lab(43.5979% 12.0703 -66.083);--primary-fg:lab(98.26% 0 0);--primary-soft:lab(43.5979% 12.0703 -66.083/.08);--ring:lab(43.5979% 12.0703 -66.083/.35);--shorts:lab(43.5979% 12.0703 -66.083);--lecture:lab(41.1853% 41.2657 -61.241);--works:lab(46.0351% -45.3127 12.7244);--capcut:lab(64.3543% -45.8397 -13.6704);--danger:lab(48.4419% 77.5107 60.3309);--danger-soft:lab(95.0932% 9.04813 5.32234);--warn:lab(67.3506% 20.5018 70.1014);--warn-soft:lab(96.5689% 3.82534 15.0702);--ok:lab(55.2848% -41.5517 21.4388);--shadow:0 1px 2px lab(3.67686% -.246584 -2.43062/.05);--shadow-lift:0 8px 24px -8px lab(3.67686% -.246584 -2.43062/.14)}}@media (prefers-color-scheme:dark){:root{--bg:#0a0d12;--surface:#12161c;--fg:#f0f2f4;--muted:#1e2228;--muted-fg:#9399a2;--border:#292e36;--primary:#5897f9;--primary-fg:#0a0d12;--primary-soft:#5897f924;--ring:#5897f966;--shorts:#5897f9;--lecture:#a787f6;--works:#46b68c;--capcut:#1ad1d1;--danger:#ff655a;--danger-soft:#4f1a17;--warn:#eeb154;--warn-soft:#3f2903;--ok:#57bc80;--shadow:0 1px 2px #0000004d;--shadow-lift:0 8px 24px -8px #00000080}@supports (color:lab(0% 0 0)){:root{--bg:lab(3.67069% -.267088 -2.96448);--surface:lab(6.96052% -.49492 -5.01031);--fg:lab(95.3485% -.23824 -1.49381);--muted:lab(12.9475% -.611439 -5.11937);--muted-fg:lab(62.8325% -.812739 -5.5573);--border:lab(18.7408% -.712246 -5.85621);--primary:lab(61.7346% 2.79817 -56.2168);--primary-fg:lab(3.67069% -.267088 -2.96448);--primary-soft:lab(61.7346% 2.79817 -56.2168/.14);--ring:lab(61.7346% 2.79817 -56.2168/.4);--shorts:lab(61.7346% 2.79817 -56.2168);--lecture:lab(62.9933% 30.3804 -52.0993);--works:lab(66.7944% -40.9057 11.637);--capcut:lab(75.8547% -42.5297 -12.7784);--danger:lab(63.3599% 59.2703 38.092);--danger-soft:lab(18.0264% 24.9431 15.979);--warn:lab(76.7321% 16.4406 55.1357);--warn-soft:lab(18.7387% 8.09276 25.6372);--ok:lab(69.2183% -41.2547 21.2454);--shadow:0 1px 2px lab(0% 0 0/.3);--shadow-lift:0 8px 24px -8px lab(0% 0 0/.5)}}}:root[data-theme=light]{--bg:#fdfdff;--surface:#fff;--fg:#0b0d12;--muted:#f3f4f7;--muted-fg:#696f78;--border:#e1e4e8;--primary:#1565d7;--primary-fg:#fafafa;--primary-soft:#1565d714;--shorts:#1565d7;--lecture:#7447c8;--works:#007d58;--capcut:#00afb0;--danger-soft:#ffecea;--warn-soft:#fff3df}@supports (color:lab(0% 0 0)){:root[data-theme=light]{--bg:lab(99.4143% -.120431 -.747669);--surface:lab(100% 0 0);--fg:lab(3.67686% -.246584 -2.43062);--muted:lab(96.2765% -.23824 -1.49385);--muted-fg:lab(46.591% -.786543 -5.54408);--border:lab(90.4705% -.353158 -2.23824);--primary:lab(43.5979% 12.0703 -66.083);--primary-fg:lab(98.26% 0 0);--primary-soft:lab(43.5979% 12.0703 -66.083/.08);--shorts:lab(43.5979% 12.0703 -66.083);--lecture:lab(41.1853% 41.2657 -61.241);--works:lab(46.0351% -45.3127 12.7244);--capcut:lab(64.3543% -45.8397 -13.6704);--danger-soft:lab(95.0932% 9.04813 5.32234);--warn-soft:lab(96.5689% 3.82534 15.0702)}}:root[data-theme=dark]{--bg:#0a0d12;--surface:#12161c;--fg:#f0f2f4;--muted:#1e2228;--muted-fg:#9399a2;--border:#292e36;--primary:#5897f9;--primary-fg:#0a0d12;--primary-soft:#5897f924;--shorts:#5897f9;--lecture:#a787f6;--works:#46b68c;--capcut:#1ad1d1;--danger-soft:#4f1a17;--warn-soft:#3f2903}@supports (color:lab(0% 0 0)){:root[data-theme=dark]{--bg:lab(3.67069% -.267088 -2.96448);--surface:lab(6.96052% -.49492 -5.01031);--fg:lab(95.3485% -.23824 -1.49381);--muted:lab(12.9475% -.611439 -5.11937);--muted-fg:lab(62.8325% -.812739 -5.5573);--border:lab(18.7408% -.712246 -5.85621);--primary:lab(61.7346% 2.79817 -56.2168);--primary-fg:lab(3.67069% -.267088 -2.96448);--primary-soft:lab(61.7346% 2.79817 -56.2168/.14);--shorts:lab(61.7346% 2.79817 -56.2168);--lecture:lab(62.9933% 30.3804 -52.0993);--works:lab(66.7944% -40.9057 11.637);--capcut:lab(75.8547% -42.5297 -12.7784);--danger-soft:lab(18.0264% 24.9431 15.979);--warn-soft:lab(18.7387% 8.09276 25.6372)}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum";margin:0;font-family:Pretendard,system-ui,-apple-system,sans-serif;line-height:1.6}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875em}.site-header{z-index:50;background:color-mix(in oklab, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header .inner{justify-content:space-between;align-items:center;gap:1rem;max-width:68rem;height:3.75rem;margin:0 auto;padding:0 1.25rem;display:flex}.brand{letter-spacing:-.01em;color:var(--fg);flex-shrink:0;align-items:center;gap:.5rem;font-weight:700;text-decoration:none;display:flex}.brand .mark{background:var(--primary);width:1.75rem;height:1.75rem;color:var(--primary-fg);border-radius:.5rem;place-items:center;font-size:.8125rem;font-weight:800;display:grid}.brand-group{flex-shrink:0;align-items:center;gap:.875rem;display:flex}.works-link{border:1px solid var(--border);background:var(--surface);color:var(--muted-fg);white-space:nowrap;border-radius:.5rem;padding:.4375rem .75rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:color .12s,border-color .12s}.works-link:hover{color:var(--works);border-color:var(--works)}.works-link:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.nav{gap:.125rem;display:flex;overflow-x:auto}.nav a{color:var(--muted-fg);white-space:nowrap;border-radius:.5rem;padding:.4375rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .12s,background .12s}.nav a:hover{background:var(--muted);color:var(--fg)}.nav a:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.container{max-width:68rem;margin:0 auto;padding:2.25rem 1.25rem 5rem}.page-title{letter-spacing:-.025em;text-wrap:balance;margin:0 0 .375rem;font-size:1.75rem;font-weight:700}.page-sub{color:var(--muted-fg);max-width:44rem;margin:0 0 2rem}.hero{text-align:center;padding:3rem 0 2.5rem}.hero-badge{border:1px solid var(--border);background:var(--surface);color:var(--muted-fg);letter-spacing:.02em;border-radius:999px;align-items:center;gap:.375rem;margin-bottom:1.5rem;padding:.3125rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.hero h1{letter-spacing:-.04em;text-wrap:balance;margin:0 0 1.125rem;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.15}.hero .accent{color:var(--primary)}.hero p{color:var(--muted-fg);text-wrap:pretty;max-width:34rem;margin:0 auto;font-size:1.0625rem;line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:center;gap:.625rem;margin-top:1.75rem;display:flex}.hero-cta button{padding:.6875rem 1.375rem;font-size:.9375rem;font-weight:600}.hero-stat{color:var(--muted-fg);margin-top:1.75rem;font-size:.8125rem}.hero-stat b{color:var(--fg);font-weight:600}.hub{gap:.75rem;display:grid}.hub-card{--tool:var(--primary);color:inherit;align-items:center;gap:1.125rem;margin-bottom:0;padding:1.375rem 1.5rem;text-decoration:none;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex;position:relative;overflow:hidden}.hub-card:before{content:"";background:var(--tool);opacity:0;width:3px;transition:opacity .14s;position:absolute;top:0;bottom:0;left:0}.hub-card:hover{border-color:color-mix(in oklab, var(--tool) 45%, var(--border));box-shadow:var(--shadow-lift);transform:translateY(-1px)}.hub-card:hover:before{opacity:1}.hub-card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.hub-card:hover .hub-arrow{color:var(--tool);transform:translate(3px)}.hub-card[data-tool=shorts]{--tool:var(--shorts)}.hub-card[data-tool=lecture]{--tool:var(--lecture)}.hub-card[data-tool=works]{--tool:var(--works)}.hub-card[data-tool=capcut]{--tool:var(--capcut)}.guide{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.875rem;display:grid}.guide-step{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;padding:1.125rem 1rem 1rem;position:relative}.guide-step .num{color:var(--muted-fg);font-size:.6875rem;font-weight:700;position:absolute;top:.625rem;left:.75rem}.guide-step .icon{margin:.5rem 0 .625rem;font-size:1.75rem}.guide-step .label{margin-bottom:.25rem;font-size:.8125rem;font-weight:650}.guide-step .desc{color:var(--muted-fg);font-size:.75rem;line-height:1.5}.capcut-hero{text-align:center;padding:1.5rem 0 .5rem}.capcut-hero h1{letter-spacing:-.03em;margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.capcut-hero p{color:var(--muted-fg);max-width:34rem;margin:0 auto}.prompt-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lift);border-radius:1.25rem;margin:1.75rem 0 1rem;padding:1.375rem 1.5rem 1.125rem}.prompt-card textarea{resize:none;background:0 0;min-height:4.5rem;font-size:1.0625rem;border:none!important;padding:.25rem 0!important}.prompt-card textarea:focus{box-shadow:none;outline:none}.prompt-toolbar{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;padding-top:.875rem;display:flex}.prompt-left{flex-wrap:wrap;gap:.5rem;display:flex}.pill-select{border:1px solid var(--border);background:var(--muted);color:var(--fg);appearance:none;cursor:pointer;border-radius:999px;align-items:center;gap:.375rem;padding:.4375rem .75rem .4375rem .625rem;font-size:.8125rem;font-weight:600;display:inline-flex}.pill-select:focus{outline:2px solid var(--ring)}.prompt-right{align-items:center;gap:.625rem;display:flex}.ghost-chip{border:1px dashed var(--border);color:var(--muted-fg);background:0 0;border-radius:999px;align-items:center;gap:.375rem;padding:.4375rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.ghost-chip:hover:not(:disabled){color:var(--fg);border-color:var(--capcut);filter:none;background:0 0}.prompt-cta{color:#04282b;box-shadow:0 8px 20px -8px color-mix(in oklab, var(--capcut) 70%, transparent);background:linear-gradient(90deg,#4ad7fc 0%,#04e1ed 50%,#09c4b2 100%);border:none;border-radius:999px;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:750}.prompt-cta:hover:not(:disabled){filter:brightness(1.05)}.prompt-cta:disabled{opacity:.5;box-shadow:none}.example-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.example-chip{border:1px solid var(--border);background:var(--surface);color:var(--muted-fg);cursor:pointer;border-radius:999px;padding:.4375rem .875rem;font-size:.8125rem}.example-chip:hover:not(:disabled){border-color:var(--capcut);color:var(--fg);filter:none;background:var(--surface)}.feature-block{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:2.5rem;padding:2.25rem 0;display:flex}.feature-block:first-child{border-top:none}.feature-block.reverse{flex-direction:row-reverse}.feature-text{flex:20rem;min-width:16rem}.feature-text h3{letter-spacing:-.02em;margin:0 0 .625rem;font-size:1.25rem;font-weight:750}.feature-text p{color:var(--muted-fg);margin:0;font-size:.9375rem;line-height:1.7}.feature-glow{flex:16rem;min-width:13rem}.feature-glow-inner{background:radial-gradient(120% 140% at 20% 15%, color-mix(in oklab, var(--capcut) 35%, transparent), transparent 55%), linear-gradient(160deg, #1c2530 0%, #10151b 100%);border-radius:1.15rem;min-height:11rem;position:relative;overflow:hidden}.feature-glow-inner .step-tag{letter-spacing:.03em;color:color-mix(in oklab, var(--capcut) 85%, white);text-transform:uppercase;font-size:.6875rem;font-weight:700;position:absolute;top:.875rem;left:1rem}.feature-glow-inner .play{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff2e;background:lab(100% -.0000298023 .0000119209/.18);border:1.5px solid #ffffff73;border:1.5px solid lab(100% -.0000298023 .0000119209/.45);border-radius:999px;place-items:center;width:3.25rem;height:3.25rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feature-glow-inner .play:after{content:"";border-top:.625rem solid #0000;border-bottom:.625rem solid #0000;border-left:.8125rem solid #fff;width:0;height:0;margin-left:.25rem}.feature-glow-inner .caption{color:#ffffffd1;color:lab(100% -.0000298023 .0000119209/.82);font-size:.75rem;font-weight:600;position:absolute;bottom:.875rem;left:1rem;right:1rem}.section-heading{text-align:center;margin:3.5rem 0 .5rem}.section-heading h2{letter-spacing:-.025em;margin:0 0 .5rem;font-size:1.625rem;font-weight:800}.section-heading p{color:var(--muted-fg);max-width:32rem;margin:0 auto;font-size:.9375rem}.carousel{scroll-snap-type:x proximity;gap:.75rem;margin:1.75rem 0 1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.carousel-card{scroll-snap-align:start;background:radial-gradient(120% 140% at 30% 20%, color-mix(in oklab, var(--capcut) 30%, transparent), transparent 55%), linear-gradient(165deg, #1c2530 0%, #10151b 100%);border-radius:1rem;flex:0 0 9.5rem;height:15rem;position:relative;overflow:hidden}.carousel-card.has-photo{background-image:url(/capcut-ref/carousel-photo.jpg);background-position:50%;background-size:cover}.carousel-card.has-photo:before{content:"";background:linear-gradient(#0000 55%,#00000059 100%);position:absolute;inset:0}.carousel-card .play{background:#ffffff2e;background:lab(100% -.0000298023 .0000119209/.18);border:1.5px solid #ffffff73;border:1.5px solid lab(100% -.0000298023 .0000119209/.45);border-radius:999px;place-items:center;width:2.75rem;height:2.75rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.carousel-card .play:after{content:"";border-top:.5rem solid #0000;border-bottom:.5rem solid #0000;border-left:.6875rem solid #fff;width:0;height:0;margin-left:.1875rem}.carousel-card .tag{color:#ffffffd9;color:lab(100% -.0000298023 .0000119209/.85);font-size:.6875rem;font-weight:650;position:absolute;bottom:.75rem;left:.75rem;right:.75rem}.feature-section{background:color-mix(in oklab, var(--capcut) 6%, var(--bg));margin:3rem calc(50% - 50vw) 0;padding:3rem calc(50vw - 50%) 3.5rem}.feature-section .feature-block{border-top:1px solid color-mix(in oklab, var(--capcut) 18%, var(--border))}.feature-photo{width:100%;height:auto;box-shadow:var(--shadow-lift);border-radius:1.15rem;display:block}.feature-buttons{gap:.625rem;margin-top:1.125rem;display:flex}.btn-try{border:1.5px solid var(--capcut);color:color-mix(in oklab, var(--capcut) 70%, var(--fg));background:0 0;border-radius:999px;padding:.5625rem 1.125rem;font-size:.8125rem;font-weight:650}.btn-try:hover:not(:disabled){background:color-mix(in oklab, var(--capcut) 10%, transparent);filter:none}.btn-download{background:var(--fg);color:var(--bg);border:none;border-radius:999px;padding:.5625rem 1.125rem;font-size:.8125rem;font-weight:650}.promo-widget{z-index:40;color:#04282b;box-shadow:var(--shadow-lift);background:linear-gradient(90deg,#4ad7fc 0%,#04e1ed 55%,#09c4b2 100%);border-radius:999px;align-items:center;gap:.875rem;max-width:calc(100vw - 2rem);padding:.5rem .5rem .5rem .875rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.promo-widget .logo{color:#fff;background:#04282b;border-radius:999px;flex-shrink:0;place-items:center;width:1.75rem;height:1.75rem;font-size:.875rem;font-weight:800;display:grid}.promo-widget .title{white-space:nowrap;font-size:.8125rem;font-weight:700}.promo-widget button{color:#fff;white-space:nowrap;background:#0a1614;border:none;border-radius:999px;flex-shrink:0;padding:.625rem 1.125rem;font-size:.8125rem;font-weight:700}.promo-widget .close{background:var(--fg);color:var(--bg);border:2px solid var(--bg);opacity:1;border-radius:999px;place-items:center;width:1.375rem;height:1.375rem;padding:0;font-size:.6875rem;line-height:1;display:grid;position:absolute;top:-.5rem;right:-.5rem}@media (max-width:640px){.promo-widget .title{display:none}}.hub-emoji{background:color-mix(in oklab, var(--tool) 10%, transparent);border-radius:.75rem;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;font-size:1.375rem;display:grid}.hub-body{flex:1;min-width:0}.hub-title{letter-spacing:-.015em;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.1875rem;font-size:1.0625rem;font-weight:650;display:flex}.hub-arrow{color:var(--muted-fg);flex-shrink:0;font-size:1.0625rem;transition:transform .14s,color .14s}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:.875rem;padding:1.25rem}.card>h2{letter-spacing:-.01em;margin:0 0 1rem;font-size:.9375rem;font-weight:650}.card-hint{color:var(--muted-fg);margin-top:.5rem;font-size:.8125rem;line-height:1.6}.card.empty{text-align:center;padding:3rem 1.25rem}.card.empty p{margin:0 0 1rem}.card.fresh-box{border-color:color-mix(in oklab, var(--primary) 40%, var(--border));background:var(--primary-soft)}.field{margin-bottom:1rem}.field>label{letter-spacing:.005em;margin-bottom:.4375rem;font-size:.8125rem;font-weight:600;display:block}input[type=text],input[type=url],input[type=number],select,textarea{width:100%;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:.5rem;outline:none;padding:.5625rem .75rem;font-size:.9375rem;transition:border-color .12s,box-shadow .12s}input::placeholder,textarea::placeholder{color:var(--muted-fg);opacity:.7}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}textarea{resize:vertical;min-height:8rem;line-height:1.65}input[type=color]{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:.375rem;width:2.75rem;height:2.25rem;padding:2px}input[type=range]{width:100%;accent-color:var(--primary)}.row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.row>*{flex:1;min-width:8rem}.check{cursor:pointer;align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.check input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary);flex-shrink:0}button{font:inherit;cursor:pointer;background:var(--primary);color:var(--primary-fg);border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.4375rem;padding:.5625rem .9375rem;font-size:.9375rem;font-weight:550;transition:filter .12s,background .12s,border-color .12s;display:inline-flex}button:hover:not(:disabled){filter:brightness(1.08)}button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:var(--surface);color:var(--fg);border-color:var(--border)}button.secondary:hover:not(:disabled){background:var(--muted);filter:none}.actions{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}a:has(button){text-decoration:none}.alert{border:1px solid var(--border);background:var(--muted);border-radius:.5rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem;line-height:1.6}.alert.error{background:var(--danger-soft);border-color:color-mix(in oklab, var(--danger) 40%, transparent);color:var(--danger)}.alert.warn{background:var(--warn-soft);border-color:color-mix(in oklab, var(--warn) 40%, transparent);color:color-mix(in oklab, var(--warn) 80%, var(--fg))}.badge{letter-spacing:.01em;background:var(--muted);color:var(--muted-fg);white-space:nowrap;border-radius:.375rem;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600;display:inline-block}.badge.fresh{background:var(--primary-soft);color:var(--primary)}.badge.pub{background:var(--danger-soft);color:var(--danger)}.badge.paid{background:var(--warn-soft);color:color-mix(in oklab, var(--warn) 75%, var(--fg))}.muted{color:var(--muted-fg);font-size:.875rem;line-height:1.6}.section-head{justify-content:space-between;align-items:center;gap:1rem;margin:0 0 .875rem;display:flex}.section-head h2{letter-spacing:-.015em;margin:0;font-size:1.0625rem;font-weight:650}.steps{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1.75rem;padding:0;list-style:none;display:flex}.steps li{color:var(--muted-fg);align-items:center;gap:.4375rem;font-size:.8125rem;display:flex}.steps li:not(:last-child):after{content:"";background:var(--border);width:1.25rem;height:1px;margin-left:.5rem}.steps .dot{background:var(--muted);border-radius:999px;place-items:center;width:1.375rem;height:1.375rem;font-size:.6875rem;font-weight:700;display:grid}.steps li.on{color:var(--fg);font-weight:600}.steps li.on .dot{background:var(--primary);color:var(--primary-fg)}.steps li.done .dot{background:var(--primary);color:var(--primary-fg);opacity:.4}.preset{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.preset-name{flex-wrap:wrap;align-items:center;gap:.4375rem;margin-bottom:.1875rem;font-weight:600;display:flex}.preset-actions{flex-shrink:0;gap:.5rem;display:flex}.choice{cursor:pointer;align-items:center;gap:1.125rem;transition:border-color .14s,box-shadow .14s;display:flex}.choice:hover{border-color:var(--primary);box-shadow:var(--shadow-lift)}.choice-emoji{background:var(--primary-soft);border-radius:.75rem;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;font-size:1.375rem;display:grid}.choice-name{margin-bottom:.125rem;font-weight:650}.quick-links{flex-wrap:wrap;gap:.375rem;margin-top:.625rem;display:flex}.chip{padding:.3125rem .625rem;font-size:.8125rem}.settings-grid{grid-template-columns:1fr 17rem;align-items:start;gap:1.75rem;display:grid}.preview-wrap{position:sticky;top:5rem}.phone{aspect-ratio:9/16;border:1px solid var(--border);width:100%;box-shadow:var(--shadow-lift);background:linear-gradient(170deg,#ffe9c9,#fdf3e6);border-radius:.875rem;flex-direction:column;display:flex;overflow:hidden}.phone-bar{text-align:center;padding:.625rem .75rem;font-size:.8125rem;font-weight:700}.phone-body{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:1.25rem;padding-bottom:1rem;display:flex}.phone-sub{text-align:center;text-shadow:0 1px 4px #00000073;padding:0 .75rem;font-size:1.0625rem;font-weight:800;line-height:1.35}.phone-wm{color:#fff;background:#0009;border-radius:.3125rem;padding:.25rem .5625rem;font-size:.625rem}.tx-head{align-items:flex-start;gap:1rem;display:flex}.tx-thumb{background:var(--muted);border-radius:.5rem;flex-shrink:0;width:6rem}.tx-title{letter-spacing:-.01em;margin-bottom:.1875rem;font-weight:650}.tx-text{white-space:pre-wrap;max-height:22rem;padding:.25rem;font-size:.9375rem;line-height:1.75;overflow-y:auto}.tx-segments{max-height:24rem;overflow-y:auto}.tx-seg{border-top:1px solid var(--border);gap:.875rem;padding:.5rem 0;font-size:.9375rem;display:flex}.tx-seg:first-child{border-top:0}.tx-time{color:var(--muted-fg);font-variant-numeric:tabular-nums;flex-shrink:0;width:2.75rem;padding-top:.125rem;font-size:.75rem}.tx-summary{border:1px solid var(--border);border-left:3px solid var(--lecture);background:var(--muted);border-radius:.5rem;margin-top:.75rem;padding:.875rem 1rem}.tx-summary:first-of-type{margin-top:0}.tx-summary-lb{letter-spacing:.03em;color:var(--lecture);margin-bottom:.375rem;font-size:.75rem;font-weight:700}.tx-summary-body{white-space:pre-wrap;font-size:.875rem;line-height:1.6}.filters{padding:1.125rem 1.25rem}.filter-label{letter-spacing:.04em;color:var(--muted-fg);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.filter-row{flex-wrap:wrap;gap:.375rem;display:flex}.filter-row button{padding:.375rem .75rem;font-size:.8125rem}.cnt{background:color-mix(in oklab, var(--primary-fg) 25%, transparent);border-radius:.25rem;margin-left:.25rem;padding:.0625rem .3125rem;font-size:.6875rem}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:.75rem;display:grid}.skill{flex-direction:column;margin-bottom:0;display:flex}.skill-top{flex-wrap:wrap;align-items:center;gap:.375rem;margin-bottom:.625rem;display:flex}.skill-stars{color:var(--muted-fg);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.75rem;font-weight:600}.skill-name{letter-spacing:-.01em;word-break:break-word;margin-bottom:.3125rem;font-size:1rem;font-weight:650}.skill-desc{flex:1}.skill-usage{background:var(--muted);border:1px solid var(--border);border-radius:.5rem;margin-top:.75rem;padding:.625rem .75rem}.skill-usage .lb{letter-spacing:.03em;color:var(--muted-fg);margin-bottom:.25rem;font-size:.6875rem;font-weight:700}.skill-usage code{word-break:break-all;color:var(--fg);font-size:.75rem;line-height:1.5}.skill-actions{gap:.5rem;margin-top:.875rem;display:flex}.skill-actions a,.skill-actions button{flex:1}.skill-actions button{width:100%;padding:.4375rem .625rem;font-size:.8125rem}.modal{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;background:lab(0% 0 0/.55);justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:40rem;box-shadow:var(--shadow-lift);padding:1.25rem}.modal-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.875rem;display:flex}.modal-video{aspect-ratio:16/9;background:#000;border:0;border-radius:.5rem;width:100%;display:block}.track-row{gap:.5rem;display:flex}.slide-card{align-items:flex-start;gap:1rem;display:flex}.slide-no{background:color-mix(in oklab, var(--lecture) 12%, transparent);width:1.625rem;height:1.625rem;color:var(--lecture);border-radius:999px;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:700;display:grid}.slide-body{flex:1;min-width:0}.bullets{color:var(--muted-fg);margin:0 0 1rem;padding-left:1.125rem;font-size:.9375rem}.bullets li{margin-bottom:.25rem}.code{background:var(--muted);border-radius:.375rem;margin:0 0 1rem;padding:.75rem;font-size:.8125rem;overflow-x:auto}.slide-grid{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.75rem;display:grid}.slide-grid img{border:1px solid var(--border);border-radius:.5rem;width:100%;transition:border-color .12s,transform .12s;display:block}.slide-grid a:hover img{border-color:var(--lecture);transform:scale(1.015)}.slide-script-grid{flex-direction:column;gap:1rem;display:flex}.slide-script-row{border:1px solid var(--border);border-radius:.75rem;grid-template-columns:minmax(0,22rem) 1fr;align-items:stretch;gap:1.25rem;padding:.75rem;display:grid}.slide-thumb{aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:.5rem;width:100%;display:block}.slide-thumb-play{cursor:pointer;border-radius:.5rem;position:relative;overflow:hidden}.slide-thumb-play img{object-fit:cover;width:100%;height:100%;display:block}.slide-play-badge{color:#fff;white-space:nowrap;background:#000000a6;border-radius:999px;padding:.4rem .75rem;font-size:.8125rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slide-script-text{flex-direction:column;justify-content:center;padding:.5rem .25rem;display:flex}.slide-script-n{color:var(--muted-fg);margin-bottom:.4rem;font-size:.75rem;font-weight:700}.slide-script-text p{margin:0;font-size:.9375rem;line-height:1.6}.tabs{background:var(--muted);border:1px solid var(--border);border-radius:.625rem;gap:.25rem;width:fit-content;margin-bottom:1.25rem;padding:.3125rem;display:flex}.tab{color:var(--muted-fg);background:0 0;border:0;border-radius:.4375rem;padding:.5rem 1rem;font-size:.9375rem;font-weight:600}.tab:hover:not(.on){color:var(--fg);filter:none}.tab.on{background:var(--surface);color:var(--fg);box-shadow:var(--shadow)}.tab-n{font-variant-numeric:tabular-nums;opacity:.7;margin-left:.125rem;font-size:.75rem}.skill-field{border-radius:.5rem;margin-top:.625rem;padding:.625rem .75rem;font-size:.8125rem;line-height:1.55}.skill-field .lb{margin-bottom:.25rem;font-size:.75rem;font-weight:700}.skill-field.pop{background:var(--warn-soft);color:color-mix(in oklab, var(--warn) 78%, var(--fg))}.skill-field.use{background:var(--muted);border:1px solid var(--border)}.skill-field.use code{word-break:break-all;white-space:pre-wrap}.skill-field.case{background:color-mix(in oklab, var(--works) 8%, transparent);color:color-mix(in oklab, var(--works) 70%, var(--fg))}.work{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.work-body{flex:1;min-width:12rem}.work-name{word-break:break-all;margin-bottom:.1875rem;font-weight:600}.work-actions{flex-wrap:wrap;flex-shrink:0;gap:.5rem;display:flex}.work-player{width:100%;margin-top:1rem}.work-player video{border:1px solid var(--border);background:#000;border-radius:.5rem;width:100%;max-width:20rem;display:block}video{max-width:100%}@media (max-width:48rem){.settings-grid{grid-template-columns:1fr}.preview-wrap{max-width:15rem;margin-top:1rem;position:static}.preset,.work{flex-direction:column;align-items:stretch}.preset-actions,.work-actions{justify-content:stretch}.preset-actions button,.work-actions button{flex:1}.hub-card{gap:.875rem;padding:1.125rem}.site-header .inner{flex-direction:column;align-items:stretch;gap:.5rem;height:auto;padding:.625rem 1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.hub-card:hover{transform:none}}