.studio{--work:#edf0f6;--dot:#d3d8de;--pin:#e54533;--t-char:#96c0fe;--t-text:#efcc83;--t-data:#82d9b4;--t-app:#cdb7f6;--t-media:#ffb4a6}@supports (color:lab(0% 0 0)){.studio{--work:lab(94.764% -.6513 -2.93602);--dot:lab(86.0595% -.805348 -3.66503);--pin:lab(54.0189% 61.8822 47.3952);--t-char:lab(76.3263% -2.70009 -35.7149);--t-text:lab(83.9925% 5.77924 41.2234);--t-data:lab(80.4547% -33.6681 9.64601);--t-app:lab(78.0057% 17.0609 -28.5904);--t-media:lab(80.5684% 29.9324 20.2263)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .studio{--work:#060709;--dot:#1c2024;--pin:#fc7756;--t-char:#4371b7;--t-text:#9c7b31;--t-data:#2c8766;--t-app:#7b63a3;--t-media:#b25f52}@supports (color:lab(0% 0 0)){:root:not([data-theme=light]) .studio{--work:lab(1.97964% -.141792 -.765163);--dot:lab(11.8146% -.713654 -3.6195);--pin:lab(66.0772% 50.2368 43.1302);--t-char:lab(47.0154% .664949 -42.1129);--t-text:lab(53.7587% 7.03237 44.105);--t-data:lab(50.2878% -34.1524 9.70528);--t-app:lab(46.4526% 20.1002 -31.3484);--t-media:lab(50.2905% 33.3622 23.1262)}}}:root[data-theme=dark] .studio{--work:#060709;--dot:#1c2024;--pin:#fc7756;--t-char:#4371b7;--t-text:#9c7b31;--t-data:#2c8766;--t-app:#7b63a3;--t-media:#b25f52}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .studio{--work:lab(1.97964% -.141792 -.765163);--dot:lab(11.8146% -.713654 -3.6195);--pin:lab(66.0772% 50.2368 43.1302);--t-char:lab(47.0154% .664949 -42.1129);--t-text:lab(53.7587% 7.03237 44.105);--t-data:lab(50.2878% -34.1524 9.70528);--t-app:lab(46.4526% 20.1002 -31.3484);--t-media:lab(50.2905% 33.3622 23.1262)}}.studio{background:var(--canvas);height:100dvh;color:var(--fg);overflow:hidden}.studio .grow{flex:1}.studio .mono{font-family:var(--mono,ui-monospace, monospace)}.studio .hint{color:var(--muted-fg);margin:0;font-size:12px;line-height:1.45}.studio .wide{width:100%}.studio .btn-danger{background:var(--danger);color:#fff}.studio .iconbtn:disabled{opacity:.35;cursor:default}.studio .iconbtn.on{color:var(--primary)}.studio .iconbtn.sm{width:30px;height:30px}.studio .iconbtn.sm svg{width:15px;height:15px}.studio-app{grid-template-columns:64px 300px minmax(0,1fr) 330px;grid-template-rows:56px minmax(0, 1fr) var(--tl-h,280px);grid-template-areas:"top top top top""rail panel stage insp""rail panel tl tl";height:100%;display:grid}.st-top{background:var(--bg);border-bottom:1px solid var(--border);grid-area:top;align-items:center;gap:10px;min-width:0;padding:0 12px;display:flex}.st-rail{background:var(--bg);border-right:1px solid var(--border);flex-direction:column;grid-area:rail;align-items:center;gap:4px;padding:10px 0;display:flex}.st-panel{background:var(--bg);border-right:1px solid var(--border);grid-area:panel;min-height:0;position:relative;overflow:auto}.st-stage{background:var(--work);background-image:radial-gradient(var(--dot) 1px, transparent 1.2px);background-size:18px 18px;flex-direction:column;grid-area:stage;min-width:0;min-height:0;display:flex;position:relative}.st-insp{background:var(--bg);border-left:1px solid var(--border);grid-area:insp;min-height:0;position:relative;overflow:auto}.st-tl{background:var(--bg);border-top:1px solid var(--border);flex-direction:column;grid-area:tl;min-width:0;min-height:0;display:flex}.st-tabbar,.studio .sheet-close,.studio .insp-toggle{display:none}.st-top .logo{flex:none;display:inline-flex}.st-top .logo svg{width:30px;height:30px}.studio .proj{flex-direction:column;min-width:0;display:flex}.studio .proj input{font:700 14px var(--font);color:var(--fg);background:0 0;border:0;border-radius:6px;width:250px;max-width:100%;padding:2px 4px}.studio .proj input:hover,.studio .proj input:focus{background:var(--muted);outline:none}.studio .proj small{color:var(--muted-fg);white-space:nowrap;text-overflow:ellipsis;padding-left:4px;font-size:11.5px;overflow:hidden}.studio .steps{align-items:center;margin-left:6px;display:flex}.studio .step-wrap{align-items:center;display:inline-flex}.studio .stp{height:30px;color:var(--muted-fg);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.studio .stp b{background:var(--muted);width:18px;height:18px;color:var(--muted-fg);border-radius:999px;justify-content:center;align-items:center;font-size:10.5px;display:inline-flex}.studio .stp b svg{width:12px;height:12px}.studio .stp.done b{background:var(--success);color:var(--bg)}.studio .stp.now{color:var(--fg);background:var(--brand-soft)}.studio .stp.now b{background:var(--primary);color:var(--primary-fg)}.studio .stp-sep{background:var(--border);width:12px;height:1px}.studio .svc{color:var(--muted-fg);white-space:nowrap;gap:10px;font-size:12px;display:flex}.studio .svc span{align-items:center;gap:5px;display:inline-flex}.studio .svc span:before{content:"";background:var(--muted-fg);opacity:.5;border-radius:999px;width:7px;height:7px}.studio .svc span.ok:before{background:var(--success);opacity:1}.studio .top-compose .btn{height:36px}.studio .seg{border-radius:calc(var(--r-control) + 2px);background:var(--muted);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:3px;display:inline-grid}.studio .seg.full{width:100%;display:grid}.studio .seg button{height:30px;color:var(--muted-fg);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.studio .seg button svg{width:15px;height:15px}.studio .seg button.on{background:var(--bg);color:var(--fg);box-shadow:0 1px 2px #0000001a}.studio .rtab{width:52px;color:var(--muted-fg);cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 0 6px;font-size:10.5px;font-weight:600;display:flex}.studio .rtab:hover{background:var(--muted);color:var(--fg)}.studio .rtab:is([aria-selected=true],[aria-pressed=true]){background:var(--brand-soft);color:var(--primary)}.studio .rtab svg{width:20px;height:20px}.studio .pn{flex-direction:column;gap:14px;padding:16px;display:flex}.studio .pn h2{margin:0;font-size:15px;font-weight:800}.studio .pn .lead{color:var(--muted-fg);margin:-8px 0 0;font-size:12.5px;line-height:1.45}.studio .row{align-items:center;gap:8px;display:flex}.studio .row.between{justify-content:space-between}.studio .wide-btn .btn{width:100%}.studio .tag{background:var(--muted);color:var(--muted-fg);border-radius:999px;flex:none;padding:3px 8px;font-size:11px;font-weight:700}.studio .tag.ok{background:var(--success-soft);color:var(--success)}.studio .chips{flex-wrap:wrap;gap:6px;display:flex}.studio .chip{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:999px;align-items:center;gap:6px;height:30px;padding:0 11px;font-size:12.5px;font-weight:600;display:inline-flex}.studio .chip.on{border-color:var(--primary);background:var(--brand-soft);color:var(--primary)}.studio .chip:hover{border-color:color-mix(in oklab, var(--primary) 40%, var(--border))}.studio .dotc{border-radius:999px;flex:none;width:14px;height:14px}.studio .exs{flex-direction:column;gap:8px;display:flex}.studio .ex{text-align:left;border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:12px;grid-template-columns:84px 1fr;align-items:center;gap:10px;padding:8px;display:grid}.studio .ex:hover{border-color:color-mix(in oklab, var(--primary) 40%, var(--border))}.studio .ex.on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.studio .ex .th{aspect-ratio:16/9;border-radius:7px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.studio .ex .th i{border-radius:3px;display:block;position:absolute}.studio .ex .th i:first-child{width:50%;height:12%;top:32%;left:12%}.studio .ex .th i:nth-child(2){opacity:.4;width:32%;height:9%;top:54%;left:12%}.studio .ex .th i:nth-child(3){aspect-ratio:1;background:#ffd23f;border-radius:999px;width:22%;top:22%;right:10%}.studio .ex b{font-size:13px;display:block}.studio .ex span span{color:var(--muted-fg);font-size:11.5px}.studio .swatches{gap:8px;display:flex}.studio .sw{border:3px solid var(--bg);width:30px;height:30px;box-shadow:0 0 0 1px var(--border);cursor:pointer;border-radius:999px;padding:0}.studio .sw.on{box-shadow:0 0 0 2px var(--fg)}.studio .mascot-prev{background:var(--work);border-radius:14px;justify-content:center;padding:12px;display:flex}.studio .mascot-prev .kiwi-wrap{width:130px;position:static}.studio .vtake{border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.studio .vtake-th{object-fit:cover;background:#2b3440;border-radius:6px;flex:none;width:64px;height:36px}.studio .vtake-tx{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.studio .vtake-tx b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.studio .vtake-tx small{color:var(--muted-fg);font-size:11.5px}.studio .vdrop{border:2px dashed color-mix(in oklab, var(--primary) 30%, var(--border));background:color-mix(in oklab, var(--brand-soft) 35%, var(--bg));text-align:center;cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;display:flex;position:relative}.studio .vdrop:hover{border-color:var(--primary)}.studio .vdrop.busy{opacity:.7;cursor:progress}.studio .vdrop>svg{width:24px;height:24px;color:var(--primary)}.studio .vdrop b{font-size:13px}.studio .vdrop small{color:var(--muted-fg);font-size:11.5px}.studio .vdrop input{opacity:0;cursor:pointer;position:absolute;inset:0}.studio .vnote{background:color-mix(in oklab, var(--brand-soft) 45%, var(--bg));color:var(--fg);border-radius:12px;gap:8px;margin:0;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.studio .vnote svg{width:15px;height:15px;color:var(--primary);flex:none;margin-top:2px}.studio .add-pn{gap:12px}.studio .ap-search{border:1px solid var(--field-border,var(--border));border-radius:var(--r-control,10px);background:var(--bg);align-items:center;gap:8px;height:40px;padding:0 6px 0 12px;display:flex}.studio .ap-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 22%, transparent)}.studio .ap-search>svg{width:16px;height:16px;color:var(--muted-fg);flex:none}.studio .ap-search input{min-width:0;font:450 13.5px var(--font);color:var(--fg);background:0 0;border:0;outline:none;flex:1}.studio .ap-kinds{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.studio .ap-kinds button{background:var(--muted);height:34px;color:var(--muted-fg);font:700 12px var(--font);cursor:pointer;border:0;border-radius:10px}.studio .ap-kinds button:hover{color:var(--fg)}.studio .ap-kinds button[aria-selected=true]{background:var(--primary);color:var(--primary-fg)}.studio .add-pn .lib-cats{margin:0;padding-bottom:4px}.studio .ap-group{flex-direction:column;gap:8px;display:flex}.studio .ap-group h3{color:var(--muted-fg);margin:0;font-size:12px;font-weight:700}.studio .ap-grid{gap:8px;display:grid}.studio .ap-grid.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.studio .ap-grid.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.studio .ap-grid.cols5{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.studio .ap-tile{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--fg);font:inherit;text-align:left;cursor:grab;border-radius:12px;flex-direction:column;gap:6px;padding:8px;display:flex;position:relative}.studio .ap-tile:hover{border-color:var(--primary)}.studio .ap-tile:active{cursor:grabbing}.studio .ap-tile img{aspect-ratio:16/10;object-fit:cover;background:#e8f0ff;border-radius:8px;width:100%;display:block}.studio .ap-cap{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;line-height:1.25;overflow:hidden}.studio .ap-tile.ap-txt{justify-content:center;min-height:58px}.studio .ap-look{text-overflow:ellipsis;white-space:nowrap;line-height:1.15;overflow:hidden}.studio .ap-row{align-items:center;gap:8px;min-width:0;display:flex}.studio .ap-ic{background:var(--muted);width:30px;height:30px;color:var(--muted-fg);border-radius:8px;flex:none;place-items:center;display:grid}.studio .ap-ic svg{width:16px;height:16px}.studio .ap-tx{flex-direction:column;min-width:0;display:flex}.studio .ap-tx b{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.studio .ap-tx small{color:var(--muted-fg);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.studio .ap-tile.ap-ico{aspect-ratio:1;justify-content:center;align-items:center;padding:6px}.studio .ap-tile.ap-ico svg{width:100%;max-width:40px;height:100%}.studio .ap-tile.ap-pose{align-items:center;padding:6px}.studio .ap-th{background:var(--work,var(--muted));border-radius:8px;justify-content:center;align-items:center;width:100%;height:76px;display:flex;overflow:hidden}.studio .ap-th .kiwi-wrap{width:46px;position:static}.studio .ap-th .kiwi-wrap svg{width:100%;height:auto;display:block}.studio .ap-tile.ap-pose .ap-cap{text-align:center;max-width:100%}.studio .ap-tile.ap-shp{color:var(--primary);align-items:center}.studio .ap-tile.ap-shp svg{width:40px;height:40px}.studio .ap-tile.ap-shp .ap-cap{color:var(--fg);text-align:center;max-width:100%}.studio .assets{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.studio .assets button{border:1px solid var(--border);cursor:pointer;aspect-ratio:16/9;background:#e8f0ff;border-radius:10px;padding:0;overflow:hidden}.studio .assets img{object-fit:cover;width:100%;height:100%;display:block}.studio .assets button:hover,.studio .icons button:hover{border-color:var(--primary)}.studio .icons{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.studio .icons button{aspect-ratio:1;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.studio .icons svg{width:18px;height:18px}.studio .fld{color:var(--muted-fg);flex-direction:column;gap:6px;min-width:0;font-size:12px;font-weight:600;display:flex}.studio .fld :is(input:not([type=range]):not([type=checkbox]):not([type=color]),select,textarea){font:450 13.5px/1.45 var(--font);color:var(--fg);background:var(--bg);border:1px solid var(--field-border,var(--border));border-radius:var(--r-control);width:100%;min-width:0;padding:8px 10px}.studio .fld select{height:38px;padding-block:0}.studio .fld textarea{resize:vertical}.studio .fld textarea.mono{font-family:var(--mono,ui-monospace, monospace);white-space:pre;font-size:12.5px;overflow-x:auto}.studio .fld :is(input,select,textarea):focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 22%, transparent);outline:none}.studio .fld :disabled{opacity:.55}.studio .fld .count{align-self:flex-end;font-size:11.5px;font-weight:500}.studio .grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.studio .grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.studio .grid4 .fld input{padding:7px 6px}.studio .range{align-items:center;gap:8px;display:flex}.studio .range input{accent-color:var(--primary);flex:1}.studio .range output{font:600 12px var(--mono,monospace);text-align:right;width:40px;color:var(--muted-fg)}.studio .checks{color:var(--fg);flex-wrap:wrap;gap:6px 14px;font-size:13px;display:flex}.studio .checks label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.studio .checks input{accent-color:var(--primary)}.studio .colors{flex-wrap:wrap;gap:6px;display:flex}.studio .colors>*{border:2px solid var(--bg);width:26px;height:26px;box-shadow:0 0 0 1px var(--border);cursor:pointer;border-radius:8px;padding:0}.studio .colors>.on{box-shadow:0 0 0 2px var(--fg)}.studio .colors .none{background:repeating-linear-gradient(135deg, var(--bg) 0 4px, var(--muted) 4px 8px)}.studio .colors .pick{background:conic-gradient(#ff5c5c,#ffd23f,#2ec27e,#06f,#7b4dff,#ff5c9a,#ff5c5c);position:relative;overflow:hidden}.studio .colors .pick input{opacity:0;cursor:pointer;position:absolute;inset:0}.studio .rec{grid-template-columns:1fr 1fr;gap:8px;display:grid}.studio .file{position:relative;overflow:hidden}.studio .file input{opacity:0;cursor:pointer;position:absolute;inset:0}.studio .take{border-radius:var(--r-control);background:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:6px 8px;padding:10px;font-size:13px;display:grid}.studio .take svg{width:16px;height:16px;color:var(--primary)}.studio .take .nm{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.studio .take audio{grid-column:1/-1;width:100%;height:36px}.studio .pv{flex-direction:column;flex:1;min-height:0;display:flex}.studio .pv-box{flex:1;justify-content:center;align-items:center;min-height:0;margin:18px 22px 6px;display:flex}.studio .pv-frame{touch-action:none;background:#0b1533;border-radius:12px;flex:none;position:relative;overflow:hidden;box-shadow:0 1px #0000000f,0 14px 44px -18px #0b153373}.studio .pv-frame:fullscreen{border-radius:0;justify-content:center;align-items:center;display:flex}.studio .pv-bar{align-items:center;gap:4px;padding:2px 18px 10px;display:flex}.studio .pv-time{font:600 12.5px/1 var(--mono,ui-monospace, monospace);color:var(--muted-fg);white-space:nowrap;padding-inline:6px}.studio .pv-play{background:var(--fg);width:40px;height:40px;color:var(--bg);cursor:pointer;border:0;border-radius:999px;flex:none;place-items:center;margin-right:4px;display:grid}.studio .pv-play:hover{opacity:.88}.studio .pv-play svg{fill:currentColor;width:17px;height:17px}.studio .pv-tog{border:1px solid var(--border);background:var(--bg);height:32px;color:var(--fg);font:600 12px var(--font);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.studio .pv-tog svg{width:15px;height:15px}.studio .pv-tog.on{border-color:color-mix(in oklab, var(--primary) 55%, var(--border));color:var(--primary);background:color-mix(in oklab, var(--brand-soft) 55%, var(--bg))}.studio .pv-bar .pv-time{color:var(--fg)}.studio .stage .el{cursor:grab}.studio .stage .el:hover{outline-offset:4px;outline:2px dashed #317de98c;outline:2px dashed lab(52.1112% 6.43036 -62.6061/.55)}.studio .stage .el.sel{outline-offset:4px;outline:3px solid #317de9;outline:3px solid lab(52.1112% 6.43036 -62.6061)}.studio .ins-tabs{z-index:2;background:var(--bg);border-bottom:1px solid var(--border);gap:2px;padding:10px 12px 0;display:flex;position:sticky;top:0}.studio .ins-tabs button{color:var(--muted-fg);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 10px 10px;font-size:13px;font-weight:700}.studio .ins-tabs button[aria-selected=true]{color:var(--fg);border-color:var(--primary)}.studio .ins-tabs button:disabled{opacity:.45;cursor:default}.studio .ins{flex-direction:column;gap:14px;padding:14px;display:flex}.studio .ins h3{align-items:center;gap:6px;margin:0;font-size:14px;font-weight:800;display:flex}.studio .ins h3 .no{background:var(--primary);width:24px;height:24px;color:var(--primary-fg);border-radius:7px;flex:none;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.studio .said{color:var(--muted-fg);margin:-6px 0 0;font-size:12.5px;line-height:1.5}.studio .ins-hd{flex-direction:column;gap:4px;padding-right:34px;display:flex}.studio .ins-hd .kick{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-fg);font-size:11px;font-weight:700}.studio .ins-hd h2{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:17px;font-weight:800;line-height:1.25}.studio .ins-hd .said{margin:2px 0 0}.studio .ins-note{margin-top:-8px}.studio .ins-back{color:var(--primary);font:700 12.5px var(--font);cursor:pointer;background:0 0;border:0;border-radius:8px;align-self:flex-start;align-items:center;gap:4px;margin:-2px 0 -6px -4px;padding:4px 6px;display:inline-flex}.studio .ins-back:hover{background:var(--muted)}.studio .ins-back svg{width:15px;height:15px}.studio .ins .linkbtn{align-items:center;gap:4px;text-decoration:none;display:inline-flex}.studio .ins .linkbtn svg{width:14px;height:14px}.studio .tone-dots{flex-wrap:wrap;gap:8px;display:flex}.studio .tone-dots button{border:1px solid color-mix(in oklab, var(--fg) 18%, transparent);cursor:pointer;border-radius:999px;width:30px;height:30px;padding:0}.studio .tone-dots button.pal{background-blend-mode:normal;background-image:linear-gradient(135deg, transparent 46%, color-mix(in oklab, var(--fg) 35%, transparent) 46% 54%, transparent 54%)!important}.studio .tone-dots button.on{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--primary)}.studio .ins-els{border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.studio .ins-els button{border:0;border-bottom:1px solid var(--border);background:var(--bg);color:var(--fg);text-align:left;cursor:pointer;font:inherit;align-items:center;gap:10px;padding:9px 10px;display:flex}.studio .ins-els button:last-child{border-bottom:0}.studio .ins-els button:hover{background:var(--muted)}.studio .el-ic{background:var(--muted);width:28px;height:28px;color:var(--muted-fg);border-radius:8px;flex:none;place-items:center;display:grid}.studio .el-ic svg{width:15px;height:15px}.studio .el-tx{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.studio .el-tx b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.studio .el-tx small{color:var(--muted-fg);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:500;overflow:hidden}.studio .el-go{width:15px;height:15px;color:var(--muted-fg);flex:none}.studio .ins-acts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.studio .ins-acts .btn{justify-content:center}.studio .btn.danger{color:var(--danger)}.studio .btn.danger:hover{border-color:var(--danger)}.studio .ai-box{border:1px dashed var(--border);background:color-mix(in oklab, var(--brand-soft) 40%, var(--bg));border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.studio .ai-box b{align-items:center;gap:6px;font-size:13px;display:flex}.studio .ai-box b svg{width:16px;height:16px;color:var(--primary)}.studio .tl2{--l-teks:#3d84ea;--l-visual:#009683;--l-maskot:#e87f25;--l-hiasan:#886acf;flex-direction:column;height:100%;min-height:0;display:flex;position:relative}@supports (color:lab(0% 0 0)){.studio .tl2{--l-teks:lab(54.6096% 4.43211 -59.2635);--l-visual:lab(55.1054% -42.3208 -.298786);--l-maskot:lab(64.3605% 37.3843 62.6392);--l-hiasan:lab(51.4718% 29.1131 -48.7274)}}.studio .tl-grip{z-index:20;cursor:ns-resize;touch-action:none;height:10px;position:absolute;top:-5px;left:0;right:0}.studio .tl-grip:after{content:"";background:var(--border);border-radius:4px;width:40px;height:4px;margin-left:-20px;position:absolute;top:3px;left:50%}.studio .tl-grip:hover:after{background:var(--primary)}.studio .tl-bar{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-width:0;padding:6px 12px;display:flex}.studio .tl-bar b{margin-right:4px;font-size:13px}.studio .tl-btn{border:1px solid var(--field-border,var(--border));background:var(--bg);height:28px;color:var(--fg);font:600 12px var(--font);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.studio .tl-btn svg{width:14px;height:14px}.studio .tl-btn.on{border-color:var(--primary);color:var(--primary);background:color-mix(in oklab, var(--brand-soft) 60%, var(--bg))}.studio .tl-hint{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.studio .tl-zoom{color:var(--muted-fg);align-items:center;gap:6px;display:inline-flex}.studio .tl-zoom svg{width:15px;height:15px}.studio .tl-zoom input{width:110px;accent-color:var(--primary)}.studio .tl-scroll{overscroll-behavior:contain;flex:1;min-height:0;position:relative;overflow:auto}.studio .tl-inner{-webkit-user-select:none;user-select:none;min-height:100%;position:relative}.studio .trk{border-bottom:1px solid var(--border);display:flex}.studio .trk-hd{z-index:6;width:var(--tl-head);background:var(--bg);border-right:1px solid var(--border);color:var(--muted-fg);flex:none;align-items:center;gap:4px;padding:0 6px 0 10px;font-size:11.5px;font-weight:700;display:flex;position:sticky;left:0}.studio .trk-hd .nm{min-width:0;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.studio .trk-hd .sw{background:var(--lc);border-radius:3px;flex:none;width:9px;height:9px}.studio .hd-btn{width:22px;height:22px;color:var(--muted-fg);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.studio .hd-btn:hover{background:var(--muted);color:var(--fg)}.studio .hd-btn.off{color:var(--pin)}.studio .hd-btn svg{width:13px;height:13px}.studio .hd-btn.chev svg{transition:transform .15s}.studio .trk.collapsed .hd-btn.chev svg{transform:rotate(-90deg)}.studio .trk-lane{cursor:pointer;flex:none;min-height:22px;position:relative}.studio .trk.ruler{z-index:8;background:var(--bg);position:sticky;top:0}.studio .trk.ruler .trk-lane{cursor:ew-resize;height:24px}.studio .tk{border-left:1px solid var(--border);font:500 10.5px var(--mono,monospace);color:var(--muted-fg);white-space:nowrap;padding-left:4px;line-height:22px;position:absolute;top:0;bottom:0}.studio .tk.minor{top:15px}.studio .trk.scenes .trk-lane{height:52px}.studio .blk{text-align:left;color:#0b1533;cursor:pointer;border:2px solid #0000;border-radius:9px;flex-direction:column;justify-content:center;gap:1px;padding:4px 8px;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.studio .blk.tone-char{background:var(--t-char)}.studio .blk.tone-text{background:var(--t-text)}.studio .blk.tone-data{background:var(--t-data)}.studio .blk.tone-app{background:var(--t-app)}.studio .blk.tone-media{background:var(--t-media)}.studio .blk b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.studio .blk>span{opacity:.78;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.studio .blk.sel{border-color:var(--fg);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 30%, transparent)}.studio .blk.cur{border-color:color-mix(in oklab, var(--fg) 35%, transparent)}.studio .blk .tools{gap:2px;display:flex;position:absolute;top:4px;right:4px}.studio .blk .tools button{cursor:pointer;color:#0b1533;background:#fffc;border:0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.studio .blk .tools svg{width:14px;height:14px}.studio .l-teks{--lc:var(--l-teks)}.studio .l-visual{--lc:var(--l-visual)}.studio .l-maskot{--lc:var(--l-maskot)}.studio .l-hiasan{--lc:var(--l-hiasan)}.studio .tbar{border:1px solid color-mix(in oklab, var(--lc) 55%, transparent);background:color-mix(in oklab, var(--lc) 20%, var(--bg));height:22px;color:var(--fg);white-space:nowrap;cursor:grab;touch-action:none;border-radius:6px;align-items:center;gap:5px;padding:0 7px 0 0;font-size:11px;font-weight:700;display:flex;position:absolute;overflow:hidden}.studio .tbar .grab{border-left:3px solid var(--lc);cursor:ew-resize;flex:none;align-self:stretch;width:7px}.studio .tbar .tb-lbl{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.studio .tbar .tb-at{font:500 10px var(--mono,monospace);color:var(--muted-fg);flex:none}.studio .tbar:hover{border-color:var(--lc)}.studio .tbar.sel{border-color:var(--lc);background:color-mix(in oklab, var(--lc) 34%, var(--bg));box-shadow:0 0 0 2px color-mix(in oklab, var(--lc) 35%, transparent)}.studio .tbar.dim{opacity:.4}.studio .tbar.locked{cursor:pointer;background-image:repeating-linear-gradient(135deg, transparent 0 5px, color-mix(in oklab, var(--lc) 14%, transparent) 5px 10px)}.studio .tbar.locked .grab{cursor:pointer}.studio .tbar.thin{border-radius:3px;height:8px;padding:0}.studio .w{background:var(--muted);height:20px;color:var(--fg);white-space:nowrap;cursor:pointer;border:0;border-radius:6px;align-items:center;padding:0 5px;font-size:11px;font-weight:600;display:flex;position:absolute}.studio .w.r0{top:3px}.studio .w.r1{top:25px}.studio .w.now{background:var(--primary);color:var(--primary-fg)}.studio .trk.wave .trk-lane{height:34px}.studio .wv{align-items:center;gap:1px;display:flex;position:absolute;top:4px;bottom:4px;left:0}.studio .wv i{background:color-mix(in oklab, var(--primary) 45%, var(--muted));border-radius:2px;flex:1;min-width:1px}.studio .tl2 .playhead{background:var(--pin);pointer-events:none;z-index:9;will-change:transform;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:0}.studio .tl2 .playhead:before{content:"";background:var(--pin);border-radius:3px 3px 6px 6px;width:12px;height:12px;position:absolute;top:0;left:-5px}.studio .tl-snap{border-left:1.5px dashed var(--pin);z-index:9;pointer-events:none;width:0;display:none;position:absolute;top:0;bottom:0;left:0}.studio .tl-tip{z-index:120;background:var(--fg);color:var(--bg);font:600 11.5px var(--font);white-space:nowrap;pointer-events:none;border-radius:8px;padding:5px 9px;display:none;position:fixed}@media (max-width:1180px){.studio-app{grid-template-columns:64px 280px minmax(0,1fr);grid-template-areas:"top top top""rail panel stage""rail panel tl"}.st-insp{top:56px;right:0;bottom:var(--tl-h,280px);z-index:30;width:340px;transition:transform .2s;position:fixed;transform:translate(105%);box-shadow:-18px 0 40px -24px #0006}.studio-app.insp-open .st-insp{transform:none}.studio .insp-toggle{z-index:5;background:var(--bg);box-shadow:0 0 0 1px var(--border);display:inline-flex;position:absolute;top:12px;right:12px}.studio-app.insp-open .st-insp .sheet-close{z-index:3;display:inline-flex;position:absolute;top:8px;right:8px}.studio .svc,.studio .steps{display:none}}@media (max-width:860px){.studio{height:auto;min-height:100dvh;overflow:visible}.studio-app{height:auto;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px));grid-template:"top""stage""tl"/minmax(0,1fr)}.st-top{top:env(safe-area-inset-top,0px);z-index:20;height:56px;position:sticky}.st-top .fmt,.st-top .dl,.st-top .iconbtn[aria-label=Urungkan],.st-top .iconbtn[aria-label=Ulangi],.studio .proj small,.studio .top-compose .btn span{display:none}.studio .top-compose .btn{width:40px;padding:0}.st-rail{display:none}.st-stage{min-height:0}.studio .pv-box{flex:none;height:calc(56.25vw - 13.5px);margin:12px 12px 4px}.studio .pv-box.portrait{height:min(64vh,560px)}.studio .insp-toggle{display:none}.st-tl{height:340px}.studio .tl-grip,.studio .tl-hint,.studio .tl-zoom,.studio .hd-btn.lockb,.studio .hd-btn.chev{display:none}.st-panel,.st-insp{z-index:60;width:auto;max-height:74vh;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px));border:0;border-radius:18px 18px 0 0;transition:transform .22s;position:fixed;inset:auto 0 0;transform:translateY(105%);box-shadow:0 -18px 50px -20px #00000073}.studio-app.sheet-panel .st-panel,.studio-app.sheet-insp .st-insp{transform:none}.studio .sheet-close{z-index:3;display:inline-flex;position:absolute;top:10px;right:10px}.st-tabbar{z-index:70;height:calc(64px + env(safe-area-inset-bottom,0px));padding:6px 8px env(safe-area-inset-bottom,0px);background:var(--bg);border-top:1px solid var(--border);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.st-tabbar .rtab{flex:1;width:auto}}@media (prefers-reduced-motion:reduce){.st-insp,.st-panel{transition:none}}.studio .stage .el{display:block;position:absolute}.studio .el-scale{transform-origin:0 0}.studio .tx-el{letter-spacing:-.02em;margin:0;line-height:1.08}.studio .tx-el.f-hand{font-family:var(--font-caveat), "Comic Sans MS", cursive;letter-spacing:0;line-height:1}.studio .tx-el.f-mono{letter-spacing:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.studio .tx-el.f-sans,.studio .theme-papan .tx-el.f-sans{font-family:var(--font)}.studio .sp-kin{width:100%;height:100%;position:relative}.studio .stage .sp-kin .pg{font-size:inherit;letter-spacing:-.02em;flex-wrap:wrap;align-content:center;gap:4px .29em;margin:0;font-weight:800;line-height:1.12;display:flex;position:absolute;inset:0}.studio .theme-papan .sp-kin .pg{letter-spacing:0;font-weight:700}.studio .sp-kar{margin:0;line-height:1.45}.studio .shp{display:block}.studio .shp-rays{background:repeating-conic-gradient(var(--ray) 0 8deg, transparent 8deg 20deg);border-radius:50%;width:100%;height:100%}.studio .img-box{background:#e8f0ff;width:100%;height:100%;overflow:hidden;box-shadow:0 22px #0b15331f}.studio .img-box.noframe{box-shadow:none}.studio .img-box img{object-fit:cover;width:100%;height:100%;display:block}.studio .theme-papan .img-box{border:6px solid var(--s-ink);box-shadow:none}.studio .ic-box{border-radius:999px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.studio .ic-box svg{width:54%;height:54%}.studio .theme-papan .ic-box[style*=background]{border:5px solid var(--s-acc);border-radius:50% 45% 55% 48%;color:var(--s-acc)!important;background:0 0!important}.studio .ln-el{fill:none;stroke-linecap:round;stroke-linejoin:round;display:block;overflow:visible}.studio .ln-el path{fill:none;stroke-dasharray:1}.studio .el-mascot .kiwi-wrap{width:100%;margin:0;position:static;bottom:auto;left:auto;right:auto}.studio .el-bubble{display:flex}.studio .el-bubble .bubble{width:max-content;max-width:100%;margin:0;position:relative;top:auto;left:auto;right:auto}.studio .bubble.tail-left:after{left:60px}.studio .bubble.tail-right:after{right:60px}.studio .bubble.tail-bottom:after{margin-left:-22px;left:50%}.studio .bubble.tail-none:after{display:none}.studio .el-scale :is(.code,.ls,.qt,.dia,.chart){width:100%}.studio .el-browser .app-win,.studio .el-phone .app-win{width:100%;height:100%}.studio .el-chart .el-scale[style*=height] .chart{flex-direction:column;height:100%;display:flex}.studio .el-chart .el-scale[style*=height] .bars{flex:1;height:auto;min-height:0}.studio .dia.vertical .nodes{flex-direction:column}.studio .dia.vertical .node{flex-direction:row;justify-content:flex-start;gap:26px;width:760px;min-height:150px;padding:22px 34px;font-size:44px}.studio .dia.vertical .n-ic{flex:none;width:96px;height:96px}.studio .dia.vertical .arrow{width:96px;height:96px;transform:rotate(90deg)}.studio .dia.vertical h2{font-size:80px}.studio .dia.tall{width:680px}.studio .dia.tall h2{margin-bottom:36px;font-size:62px}.studio .dia.tall .node{text-align:left;gap:26px;width:640px;min-height:140px;padding:20px 30px;font-size:48px}.studio .dia.tall .n-ic{width:92px;height:92px}.studio .dia.tall .arrow{width:72px;height:64px}.studio .stage{--s-on-acc:#fff;transform-origin:0 0;font-family:var(--font);--s-bg:#e8f0ff;--s-ink:#0b1533;--s-sub:#3c4a6b;--s-acc:#06f;--s-mark:#ffd23f;--s-soft:#0066ff17;--s-card:#fff;background:var(--s-bg);color:var(--s-ink);position:absolute;top:0;left:0;overflow:hidden}.studio .pv-frame:fullscreen .stage{margin:auto;position:relative}.studio .stage.pal-terang{--s-bg:#fff;--s-ink:#0b1533;--s-sub:#4a5470;--s-acc:#06f;--s-mark:#ffd23f;--s-soft:#0b15330f;--s-card:#f3f6fc}.studio .stage.pal-malam{--s-line:#dfe7fb;--s-bg:#0b1533;--s-ink:#fff;--s-sub:#aab8dd;--s-acc:#4d9bff;--s-mark:#06f;--s-soft:#ffffff12;--s-card:#16224a}.studio .stage.pal-kuning{--s-bg:#ffd23f;--s-ink:#0b1533;--s-sub:#4b3f12;--s-acc:#06f;--s-mark:#fff;--s-soft:#0b153314;--s-card:#fff6d6}.studio .sc[data-tone]:not([data-tone=palet]){background:var(--s-bg);color:var(--s-ink)}.studio .sc[data-tone=biru]{--s-bg:#e8f0ff;--s-ink:#0b1533;--s-sub:#3c4a6b;--s-mark:#ffd23f;--s-soft:#0066ff17;--s-card:#fff;--s-line:#0b1533}.studio .sc[data-tone=terang]{--s-bg:#fff;--s-ink:#0b1533;--s-sub:#4a5470;--s-mark:#ffd23f;--s-soft:#0b15330f;--s-card:#f3f6fc;--s-line:#0b1533}.studio .sc[data-tone=kuning]{--s-bg:#ffd23f;--s-ink:#0b1533;--s-sub:#4b3f12;--s-mark:#fff;--s-soft:#0b153314;--s-card:#fff6d6;--s-line:#0b1533}.studio .sc[data-tone=malam]{--s-bg:#0b1533;--s-ink:#fff;--s-sub:#aab8dd;--s-mark:#2f6fd6;--s-soft:#ffffff12;--s-card:#16224a;--s-line:#dfe7fb}.studio .sc[data-tone=langit]{--s-bg:#d6ecff;--s-ink:#0b1533;--s-sub:#2f4a6b;--s-mark:#ffd23f;--s-soft:#0066ff1a;--s-card:#fff;--s-line:#0b1533}.studio .sc[data-tone=hijau]{--s-bg:#d8f5e6;--s-ink:#0b2a1f;--s-sub:#2f5a48;--s-mark:#ffd23f;--s-soft:#0e78501a;--s-card:#fff;--s-line:#0b2a1f}.studio .sc[data-tone=pink]{--s-bg:#ffe1ec;--s-ink:#3a0f22;--s-sub:#6b3a50;--s-mark:#ffd23f;--s-soft:#d63c781a;--s-card:#fff;--s-line:#3a0f22}.studio .sc{background:var(--s-bg);visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.studio .stage.has-video{background:#0b1533}.studio .stage .sc[data-video]{background:0 0}.studio .stage .vlayer{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.studio .stage .vcam{will-change:transform;position:absolute;inset:0}.studio .stage .vcam video{object-fit:cover;width:100%;height:100%;display:block}.studio .stage .vmiss{text-align:center;color:#aab8dd;place-items:center;padding:40px;font-size:26px;font-weight:600;display:grid;position:absolute;inset:0}.studio.export-host .stage.has-video{background:0 0}.studio .tx-el.boxed{line-height:1.32}.studio .tx-el.boxed .bx{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#0b1533d6;border-radius:.22em;padding:.1em .38em}.studio .sc .cam{position:absolute;inset:0}.studio .sc .bg{position:absolute;inset:0;overflow:hidden}.studio .bg-latar svg{width:100%;height:100%;display:block}.studio .bg-grid{background-image:linear-gradient(var(--s-soft) 2px, transparent 2px), linear-gradient(90deg, var(--s-soft) 2px, transparent 2px);background-size:48px 48px}.studio .bg-dots{background-image:radial-gradient(var(--s-soft) 3px, transparent 3.5px);background-size:48px 48px}.studio .rays{background:repeating-conic-gradient(var(--s-soft) 0 8deg, transparent 8deg 20deg);width:2200px;height:2200px;margin:-1100px 0 0 -1100px;position:absolute;top:50%;left:50%}.studio .deco{display:block;position:absolute}.studio .deco.v0{background:var(--s-mark);border-radius:999px;width:120px;height:120px}.studio .deco.v1{border:12px solid var(--s-acc);opacity:.9;border-radius:22px;width:90px;height:90px}.studio .deco.v2{background:var(--s-acc);opacity:.18;border-radius:999px;width:150px;height:40px}.studio .deco.d1{top:64px;left:70px}.studio .deco.d2{bottom:120px;right:90px}.studio .l-character .deco.d1,.studio .l-split .deco.d1{top:60px;left:auto;right:80px}.studio .em .tx,.studio .kw.em{color:var(--s-acc)}.studio .hw{display:inline-block;position:relative}.studio .hw.mk .tx{z-index:1;color:var(--s-ink);position:relative}.studio .mkbar{background:var(--s-mark);transform-origin:0;z-index:0;border-radius:6px;height:42%;position:absolute;bottom:6%;left:-6px;right:2px}.studio .pal-kuning .mkbar,.studio .sc[data-tone=kuning] .mkbar{background:#fff}.studio .pal-kuning .sc[data-tone]:not([data-tone=kuning],[data-tone=palet]) .mkbar{background:var(--s-mark)}.studio .pal-malam .hw.mk .tx,.studio .sc[data-tone=malam] .hw.mk .tx{color:#fff}.studio .pal-malam .sc[data-tone]:not([data-tone=malam],[data-tone=palet]) .hw.mk .tx{color:var(--s-ink)}.studio .kin{width:1080px;height:460px;position:relative}.studio .pg{letter-spacing:-.02em;text-align:center;flex-wrap:wrap;place-content:center;gap:4px 22px;margin:0;font-size:76px;font-weight:800;line-height:1.12;display:flex;position:absolute;inset:0}.studio .kw{display:inline-block}.studio .hl{text-align:center;width:1060px;position:relative}.studio .hl h2{letter-spacing:-.03em;margin:0;font-size:96px;font-weight:800;line-height:1.08}.studio .ls{width:980px;position:relative}.studio .ls h2{letter-spacing:-.02em;margin:0 0 36px;font-size:64px;font-weight:800;line-height:1.1}.studio .ls ul{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.studio .it{background:var(--s-card);border-radius:22px;align-items:center;gap:22px;padding:18px 26px;font-size:42px;font-weight:700;display:flex}.studio .ck{background:var(--s-acc);border-radius:999px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.studio .ck svg{fill:none;stroke:#fff;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.studio .ls.tall{width:600px}.studio .ls.tall h2{margin-bottom:30px;font-size:62px}.studio .ls.tall ul{gap:22px}.studio .ls.tall .it{border-radius:26px;padding:24px 28px;font-size:44px;line-height:1.15}.studio .ls.tall .ck{width:64px;height:64px}.studio .ls.tall .ck svg{width:36px;height:36px}.studio .ls.one ul{display:grid}.studio .ls.one .it{text-align:center;flex-direction:column;grid-area:1/1;justify-content:center;gap:26px;min-height:360px;padding:44px 34px;font-size:54px;line-height:1.15;position:relative}.studio .ls.one .ck{width:108px;height:108px}.studio .ls.one .ck svg{width:58px;height:58px}.studio .ls.one .no{color:var(--s-sub);font-size:26px;font-weight:800;position:absolute;top:18px;right:24px}.studio .qt{width:1000px;padding-top:60px;position:relative}.studio .qm{color:var(--s-acc);font-size:280px;font-weight:800;line-height:1;position:absolute;top:-70px;left:-20px}.studio .qt blockquote{letter-spacing:-.02em;margin:0;font-size:70px;font-weight:700;line-height:1.18}.studio .qline{background:var(--s-mark);transform-origin:0;border-radius:999px;width:220px;height:10px;margin-top:36px;display:block}.studio .qt.tall{width:640px;padding-top:110px}.studio .qt.tall .qm{font-size:240px;top:-40px;left:-6px}.studio .kiwi-wrap{width:400px;position:absolute;bottom:30px}.studio .kiwi-wrap.flip .kiwi{transform:scaleX(-1)}.studio .kiwi{width:100%;display:block;overflow:visible}.studio .k-shadow{fill:#0b153324}.studio .pal-malam .k-shadow,.studio .sc[data-tone=malam] .k-shadow{fill:#00000059}.studio .k-torso,.studio .k-legs rect,.studio .k-legs ellipse{fill:#06f}.studio .k-legs ellipse{fill:#0050c8}.studio .k-arm path{fill:none;stroke:#06f;stroke-width:18px;stroke-linecap:round}.studio .k-arm circle{fill:#0050c8}.studio .k-belly{fill:#4d94ff;opacity:.55}.studio .k-white{fill:#fff}.studio .k-pupils circle{fill:#0b1533}.studio .k-pupils .k-glint{fill:#fff}.studio .k-eye-happy path,.studio .k-brows path,.studio .k-smile{fill:none;stroke:#0b1533;stroke-width:5px;stroke-linecap:round}.studio .k-brows path{stroke:#0b2e73;stroke-width:4.5px}.studio .k-eye-happy{display:none}.studio [data-expr=happy] .k-eye-happy{display:inline}.studio [data-expr=happy] .k-eye-open .k-white,.studio [data-expr=happy] .k-pupils{display:none}.studio [data-expr=surprised] .k-brows{transform:translateY(-7px)}.studio [data-expr=surprised] .k-pupils{transform-origin:112px 125px;transform:scale(.82)}.studio [data-expr=surprised] .k-smile{display:none}.studio [data-expr=focused] .k-brows path:first-child{transform-origin:88px 98px;transform:rotate(10deg)translateY(4px)}.studio [data-expr=focused] .k-brows path:last-child{transform-origin:132px 98px;transform:rotate(-10deg)translateY(4px)}.studio .k-cheek{fill:#ff8fb1;opacity:.75}.studio .k-mouth ellipse{fill:#0b1533}.studio .k-mouth .k-tongue{fill:#ff6f91}.studio .k-stem{fill:none;stroke:#1fa463;stroke-width:6px;stroke-linecap:round}.studio .k-leaf{fill:#2ec27e}.studio .chr{position:absolute;inset:0}.studio .chr .kiwi-wrap{width:420px}.studio .chr.pos-left .kiwi-wrap{left:110px}.studio .chr.pos-right .kiwi-wrap{right:110px}.studio .chr.pos-center .kiwi-wrap{width:340px;margin-left:-170px;bottom:20px;left:50%}.studio .bubble{background:var(--s-card);max-width:600px;color:var(--s-ink);letter-spacing:-.02em;border-radius:36px;padding:34px 42px;font-size:54px;font-weight:800;line-height:1.15;position:absolute;top:120px;box-shadow:0 18px #0b15331a}.studio .bubble:after{content:"";border:22px solid #0000;border-top:30px solid var(--s-card);width:0;height:0;position:absolute;bottom:-28px}.studio .chr.pos-left .bubble{transform-origin:0 100%;left:560px}.studio .chr.pos-left .bubble:after{left:60px}.studio .chr.pos-right .bubble{transform-origin:100% 100%;right:560px}.studio .chr.pos-right .bubble:after{right:60px}.studio .chr.pos-center .bubble{text-align:center;transform-origin:50% 100%;width:max-content;max-width:860px;margin-inline:auto;padding:26px 40px;font-size:50px;top:60px;left:0;right:0}.studio .chr.pos-center .bubble:after{margin-left:-22px;left:50%}.studio .spl{position:absolute;inset:0}.studio .spl .kiwi-wrap{width:380px;bottom:40px}.studio .spl.pos-left .kiwi-wrap{left:80px}.studio .spl.pos-right .kiwi-wrap{right:80px}.studio .side{width:700px;position:absolute;top:50%;translate:0 -50%}.studio .spl.pos-left .side{left:520px}.studio .spl.pos-right .side{left:80px}.studio .side h2{letter-spacing:-.03em;margin:0 0 24px;font-size:72px;font-weight:800;line-height:1.08}.studio .side .sub{color:var(--s-sub);margin:0;font-size:30px;font-weight:600;line-height:1.45}.studio .cap{z-index:900;pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:42px;left:0;right:0}.studio .cc{color:#fff;text-align:center;visibility:hidden;background:#0b1533d1;border-radius:16px;max-width:1000px;margin:0;padding:12px 24px;font-size:34px;font-weight:700;line-height:1.25;position:absolute;bottom:0}.studio .cap.tall .cc{border-radius:20px;padding:14px 26px;font-size:46px;line-height:1.2}.studio .nocap .cap{display:none}.studio .wm{z-index:901;opacity:.95;width:46px;height:46px;position:absolute;top:24px;right:26px}.studio .stage.brand .sc[data-tone=biru]{--s-bg:var(--bt-utama-bg);--s-ink:var(--bt-utama-ink);--s-sub:var(--bt-utama-sub);--s-acc:var(--bt-utama-acc);--s-on-acc:var(--bt-utama-on-acc);--s-mark:var(--bt-utama-mark);--s-card:var(--bt-utama-card);--s-soft:var(--bt-utama-soft);--s-line:var(--bt-utama-line)}.studio .stage.brand .sc[data-tone=terang]{--s-bg:var(--bt-terang-bg);--s-ink:var(--bt-terang-ink);--s-sub:var(--bt-terang-sub);--s-acc:var(--bt-terang-acc);--s-on-acc:var(--bt-terang-on-acc);--s-mark:var(--bt-terang-mark);--s-card:var(--bt-terang-card);--s-soft:var(--bt-terang-soft);--s-line:var(--bt-terang-line)}.studio .stage.brand .sc[data-tone=kuning],.studio .stage.brand .sc[data-tone=langit],.studio .stage.brand .sc[data-tone=hijau],.studio .stage.brand .sc[data-tone=pink]{--s-bg:var(--bt-lembut-bg);--s-ink:var(--bt-lembut-ink);--s-sub:var(--bt-lembut-sub);--s-acc:var(--bt-lembut-acc);--s-on-acc:var(--bt-lembut-on-acc);--s-mark:var(--bt-lembut-mark);--s-card:var(--bt-lembut-card);--s-soft:var(--bt-lembut-soft);--s-line:var(--bt-lembut-line)}.studio .stage.brand .sc[data-tone=malam]{--s-bg:var(--bt-kontras-bg);--s-ink:var(--bt-kontras-ink);--s-sub:var(--bt-kontras-sub);--s-acc:var(--bt-kontras-acc);--s-on-acc:var(--bt-kontras-on-acc);--s-mark:var(--bt-kontras-mark);--s-card:var(--bt-kontras-card);--s-soft:var(--bt-kontras-soft);--s-line:var(--bt-kontras-line)}.studio .stage.brand .kiwi[data-color=biru]{--k-body:var(--b-k-body);--k-dark:var(--b-k-dark);--k-belly:var(--b-k-belly)}.studio .stage.brand .cc{background:var(--b-cap-bg);color:var(--b-cap-ink)}.studio .stage.brand.cap-garis .cc{color:#fff;-webkit-text-stroke:7px #000;paint-order:stroke fill;text-shadow:0 3px 10px #0000008c;background:0 0}.studio .wm-box{z-index:901;align-items:center;gap:12px;display:flex;position:absolute}.studio .wm-box.kanan{flex-direction:row-reverse}.studio .wm-box .wm-img{object-fit:contain;width:auto;max-width:180px;height:52px;display:block}.studio .wm-handle{color:#fff;letter-spacing:-.01em;white-space:nowrap;background:#0b153394;border-radius:999px;padding:6px 14px;font-size:22px;font-weight:700}.studio .outro{z-index:905;background:var(--s-bg);color:var(--s-ink);text-align:center;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:26px;padding:60px;display:flex;position:absolute;inset:0}.studio .outro .ou-logo{object-fit:contain;max-width:46%;max-height:190px;display:block}.studio .outro .ou-name{letter-spacing:-.03em;font-size:84px;font-weight:800;line-height:1.05}.studio .outro .ou-handle{background:var(--s-acc);color:var(--s-on-acc);letter-spacing:-.01em;border-radius:999px;padding:10px 26px;font-size:46px;font-weight:800}.studio .outro .ou-cta{max-width:80%;color:var(--s-sub);font-size:40px;font-weight:700;line-height:1.25}.studio .outro .ou-bar{background:var(--s-acc);border-radius:999px;width:120px;height:10px}.studio .outro.tall{gap:34px}.studio .outro.tall .ou-logo{max-width:70%;max-height:260px}.studio .outro.tall .ou-name{font-size:76px}.studio .outro.tall .ou-handle{font-size:50px}.studio .outro.tall .ou-cta{max-width:90%;font-size:46px}.studio .prog{background:var(--s-acc);transform-origin:0;z-index:902;width:100%;height:8px;position:absolute;bottom:0;left:0}.studio .code{background:#0d1530;border-radius:26px;width:1040px;position:relative;overflow:hidden;box-shadow:0 24px #0b153324}.studio .pal-malam .code,.studio .sc[data-tone=malam] .code{background:#070d22;box-shadow:0 0 0 2px #ffffff14}.studio .code.term{background:#05080f}.studio .code.term .no{visibility:hidden}.studio .code.term .src{color:#b9f6ca}.studio .code-bar{background:#18224a;align-items:center;gap:12px;height:64px;padding:0 26px;display:flex}.studio .code-bar i{background:#ff6b6b;border-radius:999px;width:16px;height:16px}.studio .code-bar i:nth-child(2){background:#ffd23f}.studio .code-bar i:nth-child(3){background:#2ec27e}.studio .code-bar span{color:#aab8dd;margin-left:14px;font:600 24px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace}.studio .code pre{color:#e6ecff;white-space:pre;margin:0;padding:30px 36px 36px 0;font:500 42px/54px ui-monospace,SF Mono,Menlo,Consolas,monospace;position:relative}.studio .ln{height:54px;display:flex}.studio .ln .no{text-align:right;color:#4a5a8a;flex:none;width:72px;padding-right:22px;font-weight:500}.studio .ln .src{display:block}.studio .caret{background:var(--s-acc);width:4px;height:46px;margin-top:4px;position:absolute;top:30px;left:0}.studio .tk-tag{color:#6cb6ff}.studio .tk-str{color:#ffd479}.studio .tk-num{color:#ff9ac1}.studio .tk-sel{color:#7ee2b8}.studio .tk-key{color:#c3a6ff}.studio .tk-pun{color:#8a99c4}.studio .fld textarea.mono{white-space:pre;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px;overflow-x:auto}.studio .kiwi{--k-body:#06f;--k-dark:#0050c8;--k-belly:#4d94ff}.studio .kiwi[data-color=hijau]{--k-body:#1faf6a;--k-dark:#158a52;--k-belly:#6fdca6}.studio .kiwi[data-color=oranye]{--k-body:#ff8a1f;--k-dark:#d66d0b;--k-belly:#ffbb7a}.studio .kiwi[data-color=ungu]{--k-body:#7b4dff;--k-dark:#5b31d8;--k-belly:#ac90ff}.studio .kiwi[data-color=pink]{--k-body:#ff5c9a;--k-dark:#d63c78;--k-belly:#ffa2c6}.studio .kiwi .k-torso,.studio .kiwi .k-legs rect{fill:var(--k-body)}.studio .kiwi .k-legs ellipse,.studio .kiwi .k-arm circle{fill:var(--k-dark)}.studio .kiwi .k-arm path{stroke:var(--k-body)}.studio .kiwi .k-belly{fill:var(--k-belly)}.studio .k-acc path,.studio .k-acc circle,.studio .k-acc rect{stroke:#0b1533;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.studio .k-glasses circle{fill:#ffffff2e}.studio .k-glasses path{fill:none}.studio .k-cap .fill{fill:#ffd23f}.studio .k-cap .brim{fill:#ffbf00}.studio .k-cap .btn{fill:#0b1533;stroke:none}.studio .k-toga .base,.studio .k-toga .board{fill:#0b1533}.studio .k-toga .board{stroke:#1d2b57}.studio .k-toga .tassel{fill:none;stroke:#ffd23f;stroke-width:4px}.studio .k-toga .knot{fill:#ffd23f;stroke:none}.studio .k-headset .band,.studio .k-headset .boom{fill:none;stroke:#0b1533;stroke-width:7px}.studio .k-headset .cup,.studio .k-headset .mic,.studio .k-prop .p-dark{fill:#0b1533}.studio .k-prop .p-screen{fill:#8fd0ff}.studio .k-prop .p-yellow{fill:#ffd23f;stroke:#0b1533;stroke-width:4px}.studio .k-prop .p-line{fill:none;stroke:#0b1533;stroke-width:4px;stroke-linecap:round}.studio .k-prop .p-ray{fill:none;stroke:#ffd23f;stroke-width:5px;stroke-linecap:round}.studio .badge{background:var(--s-acc);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:124px;height:124px;margin-bottom:26px;display:inline-flex}.studio .badge svg{width:66px;height:66px}.studio .ck.has-ic svg{stroke-width:2.4px;width:30px;height:30px}.studio .img-l{align-items:center;gap:64px;padding:0 100px;display:flex;position:absolute;inset:0}.studio .img-l.rev{flex-direction:row-reverse}.studio .img-card{background:#e8f0ff;border-radius:34px;flex:none;width:640px;height:360px;overflow:hidden;box-shadow:0 22px #0b15331f}.studio .img-card img{object-fit:cover;width:100%;height:100%;display:block}.studio .img-l .side{flex:1;width:auto;position:static;translate:none}.studio .img-l h2{letter-spacing:-.03em;margin:0;font-size:70px;font-weight:800;line-height:1.08}.studio .dia{text-align:center;width:1140px;position:relative}.studio .dia h2{letter-spacing:-.02em;margin:0 0 56px;font-size:64px;font-weight:800;line-height:1.1}.studio .nodes{justify-content:center;align-items:center;display:flex}.studio .node{background:var(--s-card);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:230px;min-height:210px;padding:26px 18px;font-size:30px;font-weight:700;line-height:1.2;display:flex}.studio .n-ic{background:var(--s-acc);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:80px;height:80px;font-size:36px;display:flex}.studio .n-ic svg{width:42px;height:42px}.studio .arrow{flex:none;width:120px;height:60px;overflow:visible}.studio .arrow path{fill:none;stroke:var(--s-ink);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.studio .app-win{color:#0b1533;background:#fff;position:relative;box-shadow:0 26px #0b153324,0 0 0 2px #0b153314}.studio .browser{border-radius:26px;width:1000px;height:570px;overflow:hidden}.studio .bw-bar{background:#eef2fa;align-items:center;gap:10px;height:58px;padding:0 22px;display:flex}.studio .bw-bar i{background:#ff6b6b;border-radius:999px;width:15px;height:15px}.studio .bw-bar i:nth-child(2){background:#ffd23f}.studio .bw-bar i:nth-child(3){background:#2ec27e}.studio .bw-bar .url{color:#6b7894;background:#fff;border-radius:999px;flex:1;align-items:center;max-width:520px;height:34px;margin-left:18px;padding:0 18px;font-size:18px;font-weight:600;display:flex}.studio .bw-body{flex-direction:column;height:calc(100% - 58px);padding:30px 42px;display:flex}.studio .bw-nav{align-items:center;gap:14px;display:flex}.studio .bw-logo{width:44px;height:44px}.studio .bw-pill{background:#e3e9f6;border-radius:999px;width:120px;height:16px}.studio .bw-pill.short{width:80px}.studio .browser h3{letter-spacing:-.02em;margin:26px 0 22px;font-size:46px;font-weight:800;line-height:1.1}.studio .bw-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.studio .bw-cards span{background:#e8f0ff;border-radius:18px;height:120px}.studio .bw-cards span:nth-child(2){background:#fff6d6}.studio .bw-cards span:nth-child(3){background:#ffe4ee}.studio .bw-btns{gap:18px;margin-top:30px;display:flex}.studio .ui-btn{color:#0b1533;background:#eef2fa;border-radius:16px;align-items:center;gap:10px;height:70px;padding:0 30px;font-size:26px;font-weight:700;display:inline-flex;position:relative}.studio .ui-btn.target{background:var(--s-acc);color:var(--s-on-acc)}.studio .ui-btn svg{width:28px;height:28px}.studio .browser.tall .bw-bar .url{font-size:22px}.studio .browser.tall .bw-body{padding:28px 30px}.studio .browser.tall h3{margin:26px 0 24px;font-size:56px}.studio .browser.tall .bw-desc{font-size:30px}.studio .browser.tall .bw-cards{flex:auto;grid-template-columns:1fr;grid-auto-rows:1fr;gap:16px;min-height:0}.studio .browser.tall .bw-cards span{height:auto}.studio .browser.tall .bw-btns{flex-direction:column;gap:16px;margin-top:24px}.studio .browser.tall .ui-btn{border-radius:20px;justify-content:center;height:88px;font-size:36px}.studio .browser.tall .ui-btn svg{width:36px;height:36px}.studio .glow{pointer-events:none;border:5px solid #ffd23f;border-radius:24px;position:absolute;inset:-9px}.studio .phone{border:14px solid #0b1533;border-radius:58px;width:390px;height:650px;overflow:hidden}.studio .ph-notch{background:#0b1533;border-radius:0 0 16px 16px;width:130px;height:26px;margin-left:-65px;position:absolute;top:0;left:50%}.studio .ph-head{letter-spacing:-.02em;padding:58px 28px 18px;font-size:34px;font-weight:800;line-height:1.15}.studio .ph-rows{flex-direction:column;gap:14px;padding:0 22px;display:flex}.studio .ui-row{background:#eef3ff;border-radius:22px;align-items:center;gap:16px;height:84px;padding:0 18px;font-size:25px;font-weight:700;display:flex;position:relative}.studio .ui-row.target{background:var(--s-acc);color:var(--s-on-acc)}.studio .r-ic{background:var(--s-acc);width:50px;height:50px;color:var(--s-on-acc);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:22px;display:flex}.studio .ui-row.target .r-ic{background:var(--s-on-acc);color:var(--s-acc)}.studio .r-ic svg{width:26px;height:26px}.studio .cursor{z-index:20;pointer-events:none;width:46px;height:46px;position:absolute;top:0;left:0}.studio .cursor svg{fill:#0b1533;stroke:#fff;stroke-width:2.5px;stroke-linejoin:round;width:46px;height:46px}.studio .ripple{border:5px solid #ffd23f;border-radius:999px;width:64px;height:64px;position:absolute;top:-22px;left:-22px}.studio .stat{text-align:center;position:relative}.studio .st-fig{justify-content:center;align-items:center;gap:34px;display:inline-flex;position:relative}.studio .stat.is-pct .st-fig{width:400px;height:400px}.studio .ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.studio .ring-bg{fill:none;stroke:var(--s-soft);stroke-width:12px}.studio .ring-fg{fill:none;stroke:var(--s-acc);stroke-width:12px;stroke-linecap:round}.studio .num{letter-spacing:-.05em;color:var(--s-acc);font-size:210px;font-weight:800;line-height:1;position:relative}.studio .num.word{letter-spacing:-.035em;white-space:nowrap;transform-origin:50% 60%;font-size:150px;display:inline-block}.studio .stat.tall .num.word,.studio .stat.is-pct .num{font-size:120px}.studio .st-ic{background:var(--s-card);width:160px;height:160px;color:var(--s-acc);border-radius:999px;justify-content:center;align-items:center;display:flex}.studio .st-ic svg{width:86px;height:86px}.studio .lbl{letter-spacing:-.02em;max-width:1000px;margin:34px auto 0;font-size:58px;font-weight:800;line-height:1.12}.studio .cap2{color:var(--s-sub);margin:18px 0 0;font-size:30px;font-weight:600}.studio .stat.tall .st-fig{flex-direction:column;gap:26px}.studio .stat.tall.is-pct .st-fig{width:440px;height:440px}.studio .stat.tall .num{font-size:190px}.studio .stat.tall.is-pct .num{font-size:140px}.studio .stat.tall .lbl{margin-top:40px;font-size:56px}.studio .stat.tall .cap2{font-size:34px}.studio .chart{width:1040px;position:relative}.studio .chart h2{letter-spacing:-.02em;text-align:center;margin:0 0 34px;font-size:60px;font-weight:800;line-height:1.1}.studio .bars{justify-content:center;align-items:flex-end;gap:48px;height:400px;display:flex}.studio .bar-col{flex-direction:column;justify-content:flex-end;align-items:center;width:160px;height:100%;display:flex}.studio .bar{background:var(--s-acc);border-radius:20px 20px 8px 8px;width:116px;display:block}.studio .bar-col:nth-child(2n) .bar{background:#ff8fb1}.studio .bv{margin-bottom:12px;font-size:42px;font-weight:800}.studio .bl{color:var(--s-sub);text-align:center;margin-top:14px;font-size:26px;font-weight:700;line-height:1.2}.studio .chart.tall{flex-direction:column;justify-content:center;width:640px;display:flex}.studio .chart.tall h2{text-align:left;margin-bottom:36px;font-size:58px}.studio .chart.tall .bars,.studio .el-chart .el-scale[style*=height] .chart.tall .bars{flex-direction:column;flex:none;justify-content:flex-start;align-items:stretch;gap:28px;height:auto}.studio .chart.tall .bar-col{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"bl bl""bar bv";align-items:center;gap:8px 18px;width:100%;height:auto;display:grid}.studio .chart.tall .bl{text-align:left;color:var(--s-ink);grid-area:bl;margin:0;font-size:34px}.studio .chart.tall .bar{border-radius:8px 22px 22px 8px;grid-area:bar;height:58px}.studio .chart.tall .bv{text-align:right;grid-area:bv;min-width:90px;margin:0;font-size:46px}.studio .stage.theme-papan{--s-bg:#fbfaf5;--s-ink:#1d2433;--s-sub:#4a5266;--s-acc:#1f5fd6;--s-mark:#ffd23fbf;--s-soft:#1d24330f;--s-card:#fff;font-family:var(--font-caveat), "Comic Sans MS", cursive}.studio .theme-papan .sc:after{content:"";pointer-events:none;z-index:5;border:12px solid #d7dbe3;border-radius:22px;position:absolute;inset:18px;box-shadow:inset 0 0 0 2px #c3c8d2}.studio .theme-papan :is(.hl h2,.ls h2,.dia h2,.qt blockquote,.side h2,.img-l h2,.lbl,.chart h2){letter-spacing:0;font-weight:700}.studio .theme-papan .hl h2{font-size:128px;line-height:1}.studio .theme-papan .ls h2,.studio .theme-papan .dia h2{font-size:84px}.studio .theme-papan .pg{letter-spacing:0;font-size:96px;font-weight:700}.studio .theme-papan .qt blockquote{font-size:88px;line-height:1.05}.studio .theme-papan .mkbar{background:#e5484d;border-radius:40% 60% 50% 50%;height:12%;top:auto;bottom:-4%;transform:rotate(-1.5deg)}.studio .theme-papan .hw.mk .tx{color:var(--s-ink)}.studio .theme-papan :is(.it,.node){border:5px solid var(--s-ink);background:0 0;border-radius:255px 18px 225px/18px 225px 18px 255px;font-size:46px;font-weight:700}.studio .theme-papan .node{font-size:40px}.studio .theme-papan :is(.ck,.n-ic,.badge){color:var(--s-acc);border:5px solid var(--s-acc);background:0 0;border-radius:50% 45% 55% 48%}.studio .theme-papan .bubble{border:5px solid var(--s-ink);box-shadow:none;font-size:64px;font-weight:700}.studio .theme-papan .deco.v0{background:0 0;border:8px solid #ffd23f}.studio .theme-papan .deco.v2{opacity:.4}.studio .theme-papan .img-card{border:6px solid var(--s-ink);box-shadow:none;transform:rotate(-1deg)}.studio .theme-papan .cc{font-family:var(--font)}.studio .linkbtn{color:var(--primary);font:600 12.5px var(--font);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;align-self:flex-start;padding:0;text-decoration:underline}.studio .ref{background:var(--brand-soft);color:var(--fg);border-radius:12px;align-items:flex-start;gap:8px;padding:10px 10px 10px 12px;font-size:12.5px;font-weight:500;line-height:1.45;display:flex}.studio .ref>svg{width:16px;height:16px;color:var(--primary);flex:none;margin-top:2px}.studio .ref .iconbtn{flex:none;margin:-4px -4px 0 auto}.studio .empty-state{z-index:6;text-align:center;background:color-mix(in oklab, var(--bg) 92%, transparent);border:1px dashed var(--border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:18px 22px 56px}.studio .empty-state h2{text-wrap:balance;margin:0;font-size:20px;font-weight:800}.studio .empty-state p{max-width:46ch;color:var(--muted-fg);margin:0;font-size:13.5px;line-height:1.5}.studio .empty-state ol{text-align:left;color:var(--muted-fg);max-width:46ch;margin:0;padding-left:20px;font-size:13.5px;line-height:1.6}.studio .es-ic{background:var(--brand-soft);width:52px;height:52px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;display:inline-flex}.studio .es-ic svg{width:26px;height:26px}.studio .es-ic.spin svg{animation:1.4s linear infinite kk-spin}@keyframes kk-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.studio .es-ic.spin svg{animation:none}}.studio .ins-empty{padding-top:20px}.studio .lane-empty{color:var(--muted-fg);white-space:nowrap;font-size:12.5px;position:absolute;top:16px;left:12px}.studio .ex-modal{z-index:160;background:#080c189e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.studio .ex-card{background:var(--bg);border-radius:18px;flex-direction:column;gap:12px;width:min(960px,100%);max-height:100%;padding:18px;display:flex;overflow:auto;box-shadow:0 30px 80px -30px #0009}.studio .ex-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.studio .ex-head h2{margin:0;font-size:18px;font-weight:800}.studio .ex-stage{background:var(--work);border-radius:14px;flex-direction:column;height:min(52vh,480px);display:flex}.studio .ex-stage .pv-box{margin:14px 14px 4px}.studio .ex-script{color:var(--muted-fg);margin:0;font-size:13px;line-height:1.55}.studio .ex-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio .pv-frame.ro,.studio .pv-frame.ro .el{cursor:pointer}.studio .pv-frame.ro .el:hover{outline:none}.studio .stage .el.sel:after{content:"";cursor:nwse-resize;z-index:60;background:#fff;border:4px solid #317de9;border:4px solid lab(52.1112% 6.43036 -62.6061);border-radius:6px;width:22px;height:22px;position:absolute;bottom:-15px;right:-15px}@media (max-width:860px){.studio .empty-state{inset:12px 12px 52px}.studio .ex-modal{align-items:flex-end;padding:12px}.studio .ex-stage{height:40vh}}.studio .ai-box{border-style:solid}.studio .ai-box textarea{font:450 13px/1.45 var(--font);color:var(--fg);background:var(--bg);border:1px solid var(--field-border,var(--border));border-radius:var(--r-control);resize:vertical;width:100%;padding:8px 10px}.studio .ai-box textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 22%, transparent);outline:none}.studio .ai-box .sug{flex-wrap:wrap;gap:6px;display:flex}.studio .ai-box .sug button{border:1px dashed var(--border);background:var(--bg);color:var(--fg);font:500 12px var(--font);cursor:pointer;border-radius:999px;padding:4px 10px}.studio .ai-box .sug button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.studio .ai-box .sug button:disabled{opacity:.5;cursor:default}.studio .ai-box .btn{align-self:flex-start}.studio .ai-box.compact{gap:8px;padding:10px}.studio .guide{z-index:40;pointer-events:none;background:#d54ecd;background:lab(56.0426% 64.1635 -39.6185);display:none;position:absolute}.studio .guide.v{width:1px;top:0;bottom:0;left:50%}.studio .guide.h{height:1px;top:50%;left:0;right:0}.studio .stage :is(.badge,.n-ic){color:var(--s-on-acc)}.studio .stage .ck svg{stroke:var(--s-on-acc)}.studio .theme-papan .ck svg{stroke:var(--s-acc)}.studio .accents{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio .accents .sw{width:28px;height:28px}.studio .accents .sw.def{background:conic-gradient(from 90deg, #06f 0 50%, #e8f0ff 50% 100%)}.studio .accents .pick{border:3px solid var(--bg);width:28px;height:28px;box-shadow:0 0 0 1px var(--border);cursor:pointer;background:conic-gradient(#ff5c5c,#ffd23f,#2ec27e,#06f,#7b4dff,#ff5c9a,#ff5c5c);border-radius:999px;position:relative;overflow:hidden}.studio .accents .pick.on{box-shadow:0 0 0 2px var(--fg)}.studio .accents .pick input{opacity:0;cursor:pointer;position:absolute;inset:0}.studio .kiwi-wrap.custom svg{width:100%;height:auto;display:block;overflow:visible}.studio .kiwi-wrap.custom.flip svg{transform:scaleX(-1)}.studio .el-mascot .kiwi-wrap.custom{width:100%;position:static}.ds-select{border:1px solid var(--field-border);border-radius:var(--r-control);width:100%;height:40px;color:var(--fg);font:600 14px/1.2 var(--font);white-space:nowrap;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.ds-select:hover:not(:disabled){border-color:color-mix(in oklab, var(--field-border) 55%, var(--fg) 25%)}.ds-select:focus-visible,.ds-select.open{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 12%, transparent);outline:none}.ds-select:disabled{cursor:not-allowed;opacity:.5}.ds-select .ds-val{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ds-select .ds-val.ph{color:var(--muted-fg);font-weight:500}.ds-select .ds-chev{width:16px;height:16px;color:var(--muted-fg);flex:none;transition:transform .15s}.ds-select.open .ds-chev{transform:rotate(180deg)}.ds-ic{color:var(--muted-fg);flex:none;display:inline-flex}.ds-ic svg{width:16px;height:16px}.ds-pop{z-index:200;background:var(--bg);min-width:128px;color:var(--fg);font-family:var(--font);box-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a, 0 0 0 1px color-mix(in oklab, var(--fg) 10%, transparent);transform-origin:top;border-radius:12px;outline:none;flex-direction:column;padding:4px;animation:.1s ease-out ds-in;display:flex;position:fixed}.ds-pop.up{transform-origin:bottom}@keyframes ds-in{0%{opacity:0;transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.ds-pop{animation:none}}.ds-search{border-bottom:1px solid var(--border);height:36px;color:var(--muted-fg);align-items:center;gap:6px;margin:0 0 4px;padding:0 8px;display:flex}.ds-search svg{flex:none;width:15px;height:15px}.ds-search input{min-width:0;color:var(--fg);font:500 13.5px var(--font);background:0 0;border:0;outline:none;flex:1}.ds-list{overscroll-behavior:contain;overflow-y:auto}.ds-group{color:var(--muted-fg);padding:6px 8px 4px;font-size:12px;font-weight:600}.ds-item{cursor:default;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:6px;width:100%;padding:6px 32px 6px 8px;font-size:14px;line-height:1.35;display:flex;position:relative}.ds-item.hi{background:var(--accent)}.ds-item .ds-txt{flex-direction:column;min-width:0;display:flex}.ds-item .ds-txt small{color:var(--muted-fg);font-size:12px}.ds-item .ds-check{width:16px;height:16px;color:var(--primary);position:absolute;right:8px}.ds-empty{color:var(--muted-fg);padding:10px 8px;font-size:13px}.lib-modal{z-index:150;font-family:var(--font);color:var(--fg);background:#080c188c;justify-content:center;align-items:center;padding:24px;animation:.12s ease-out lib-fade;display:flex;position:fixed;inset:0}@keyframes lib-fade{0%{opacity:0}}.lib-card{background:var(--bg);width:min(760px,100%);height:min(640px,100%);box-shadow:0 30px 80px -30px #0009, 0 0 0 1px color-mix(in oklab, var(--fg) 8%, transparent);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.lib-head{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 10px;display:flex}.lib-head h2{margin:0;font-size:17px;font-weight:800}.lib-x{width:34px;height:34px;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.lib-x:hover{background:var(--muted)}.lib-x svg{width:18px;height:18px}.lib-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:0 18px 12px;display:flex}.lib-tabs{background:var(--muted);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.lib-tabs button{color:var(--muted-fg);font:600 13px var(--font);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 14px}.lib-tabs button[aria-selected=true]{background:var(--bg);color:var(--fg);box-shadow:0 1px 2px #0000001a}.lib-search{border:1px solid var(--field-border);border-radius:var(--r-control);min-width:200px;height:40px;color:var(--muted-fg);flex:1;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.lib-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 12%, transparent)}.lib-search svg{flex:none;width:16px;height:16px}.lib-search input{min-width:0;color:var(--fg);font:500 14px var(--font);background:0 0;border:0;outline:none;flex:1}.lib-body{overscroll-behavior:contain;flex:1;padding:14px 18px 20px;overflow-y:auto}.lib-sec+.lib-sec{margin-top:16px}.lib-sec h3{letter-spacing:.02em;color:var(--muted-fg);margin:0 0 8px;font-size:12px;font-weight:700}.lib-grid{gap:8px;display:grid}.lib-grid.el{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.lib-grid.img{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.lib-grid.ico{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.lib-item{border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;font-family:var(--font);text-align:left;border-radius:12px;transition:border-color .12s,box-shadow .12s,transform .12s;position:relative}.lib-item:hover{border-color:color-mix(in oklab, var(--primary) 50%, var(--border));box-shadow:0 6px 18px -10px #0000004d}.lib-item:focus-visible{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 14%, transparent);outline:none}.lib-item.on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.lib-item.el{align-items:center;gap:10px;padding:10px;display:flex}.lib-ic{background:var(--brand-soft);width:40px;height:40px;color:var(--primary);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.lib-ic svg{width:20px;height:20px}.lib-txt{flex-direction:column;gap:2px;min-width:0;display:flex}.lib-txt b{font-size:13.5px;font-weight:700}.lib-txt small{color:var(--muted-fg);font-size:12px;line-height:1.3}.lib-item.img{flex-direction:column;padding:0;display:flex;overflow:hidden}.lib-item.img img{aspect-ratio:16/9;object-fit:cover;background:#e8f0ff;width:100%;display:block}.lib-item.ico{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 10px;display:flex}.lib-item.ico svg:first-child{width:26px;height:26px;color:var(--primary)}.lib-cap{padding:7px 10px 8px;font-size:12.5px;font-weight:600;line-height:1.3;display:block}.lib-item.ico .lib-cap{color:var(--muted-fg);padding:0;font-size:11.5px;font-weight:500}.lib-check{background:var(--primary);width:20px;height:20px;color:var(--primary-fg);border-radius:999px;padding:3px;position:absolute;top:6px;right:6px}.lib-empty{text-align:center;color:var(--muted-fg);margin:24px 0;font-size:13.5px}@media (max-width:860px){.lib-modal{align-items:flex-end;padding:0}.lib-card{border-radius:18px 18px 0 0;height:86vh}.lib-grid.el,.lib-grid.img{grid-template-columns:1fr 1fr}.lib-grid.ico{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){.lib-modal{animation:none}}.studio :is(.lib-open,.asset-pick){border:1px dashed color-mix(in oklab, var(--primary) 45%, var(--border));background:color-mix(in oklab, var(--brand-soft) 45%, var(--bg));width:100%;color:var(--fg);font-family:var(--font);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.studio .asset-pick{border-style:solid;border-color:var(--field-border);background:var(--bg)}.studio :is(.lib-open,.asset-pick):hover{border-color:var(--primary)}.studio :is(.lib-open,.asset-pick):focus-visible{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 12%, transparent);outline:none}.studio :is(.lib-open,.asset-pick)>span:not(.lib-open-ic):not(.ap-th){flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.studio :is(.lib-open,.asset-pick) b{font-size:13.5px}.studio :is(.lib-open,.asset-pick) small{color:var(--muted-fg);font-size:12px;font-weight:450}.studio .lib-open-ic{background:var(--primary);width:34px;height:34px;color:var(--primary-fg);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.studio .lib-open-ic svg{width:18px;height:18px}.studio :is(.lib-open-end,.ap-end){width:16px;height:16px;color:var(--muted-fg);flex:none}.studio .ap-th{background:#e8f0ff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:64px;height:36px;display:inline-flex;overflow:hidden}.studio .asset-pick.icon .ap-th{background:var(--brand-soft);width:36px;color:var(--primary)}.studio .ap-th img{object-fit:cover;width:100%;height:100%}.studio .ap-th svg{width:20px;height:20px}.studio .mascots{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.studio .mc-wrap{display:flex;position:relative}.studio .mc{border:1px solid var(--border);background:var(--bg);color:var(--fg);font-family:var(--font);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;padding:8px;display:flex}.studio .mc:hover{border-color:color-mix(in oklab, var(--primary) 40%, var(--border))}.studio .mc.on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:color-mix(in oklab, var(--brand-soft) 55%, var(--bg))}.studio .mc-th{background:var(--work,var(--muted));border-radius:9px;justify-content:center;align-items:center;width:100%;height:104px;margin-bottom:4px;display:flex;overflow:hidden}.studio .mc-th .kiwi-wrap{width:66px;position:static}.studio .mc b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.studio .mc small{color:var(--muted-fg);font-size:11.5px}.studio .mc-del{background:color-mix(in oklab, var(--bg) 88%, transparent);width:26px;height:26px;color:var(--muted-fg);cursor:pointer;opacity:0;border:0;border-radius:8px;justify-content:center;align-items:center;transition:opacity .12s;display:inline-flex;position:absolute;top:6px;right:6px}.studio .mc-wrap:hover .mc-del,.studio .mc-del:focus-visible{opacity:1}.studio .mc-del:hover{color:var(--danger)}.studio .mc-del svg{width:14px;height:14px}@media (hover:none){.studio .mc-del{opacity:1}}.studio .pn a.linkbtn{align-items:center;gap:6px;display:inline-flex}.studio .pn a.linkbtn svg{width:15px;height:15px}.studio .bw-site{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:12px;font-size:24px;font-weight:800;display:inline-flex}.studio .bw-mark{background:var(--s-acc);width:44px;height:44px;color:var(--s-on-acc);border-radius:12px;justify-content:center;align-items:center;font-size:24px;display:inline-flex}.studio .browser h3{flex:none}.studio .bw-desc{color:#4a5470;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:none;margin:-10px 0 20px;font-size:24px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.studio .bw-hero{background:#e8f0ff;border-radius:18px;flex:auto;min-height:0;overflow:hidden}.studio .bw-hero img,.studio .ph-hero img{object-fit:cover;width:100%;height:100%;display:block}.studio .bw-cards,.studio .bw-btns{flex:none}.studio .ph-brand{color:var(--s-acc);letter-spacing:0;margin-bottom:4px;font-size:18px;font-weight:700;display:block}.studio .ph-desc{color:#4a5470;margin:-6px 28px 16px;font-size:19px;font-weight:500;line-height:1.35}.studio .ph-hero{background:#e8f0ff;border-radius:22px;height:150px;margin:0 22px 16px;overflow:hidden}.studio .style-cur{border:1px solid var(--primary);background:color-mix(in oklab, var(--brand-soft) 50%, var(--bg));width:100%;color:var(--fg);font-family:var(--font);text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:10px 8px;padding:8px;display:grid}.studio .style-cur:hover{box-shadow:inset 0 0 0 1px var(--primary)}.studio .style-cur:focus-visible{box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 14%, transparent);outline:none}.studio .style-cur .style-thumb{width:100%;height:auto;max-height:132px;box-shadow:0 0 0 1px color-mix(in oklab, var(--fg) 8%, transparent);border-radius:8px;grid-column:1/-1;display:block}.studio .sc-txt{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.studio .sc-txt small{color:var(--muted-fg);font-size:11px;font-weight:600}.studio .sc-txt b{font-size:14px;font-weight:800}.studio .sc-txt span{color:var(--muted-fg);font-size:12px;line-height:1.35}.studio .sc-chg{color:var(--primary);flex:none;align-items:center;gap:2px;font-size:12.5px;font-weight:700;display:inline-flex}.studio .sc-chg svg{width:14px;height:14px}.studio .pn-sec{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding-top:14px;display:flex}.studio .pn-sec h3{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-fg);margin:0;font-size:11.5px;font-weight:700}.studio .adv{border:1px solid var(--border);border-radius:12px}.studio .adv summary{cursor:pointer;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:700;list-style:none;display:flex}.studio .adv summary::-webkit-details-marker{display:none}.studio .adv summary small{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;color:var(--muted-fg);flex:1;font-size:12px;font-weight:500;overflow:hidden}.studio .adv summary svg{width:16px;height:16px;color:var(--muted-fg);transition:transform .15s}.studio .adv[open] summary svg{transform:rotate(180deg)}.studio .adv[open] summary{border-bottom:1px solid var(--border)}.studio .adv>.fld{padding:12px 12px 0}.studio .adv>.fld:last-child{padding-bottom:12px}.studio .adv>.adv-in{flex-direction:column;gap:14px;padding:12px;display:flex}.studio .fld .fld-opt{color:var(--muted-fg);font-size:11px;font-weight:500}.studio .pn-col{flex-direction:column;min-height:100%;display:flex}.studio .pn-body{flex:1}.studio .pn-tabs{z-index:3;background:var(--bg);border-bottom:1px solid var(--border);gap:4px;padding:8px 16px 0;display:flex;position:sticky;top:0}.studio .pn-tabs button{color:var(--muted-fg);font:700 13px var(--font);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:9px 10px;display:inline-flex}.studio .pn-tabs button svg{width:14px;height:14px}.studio .pn-tabs button:hover{color:var(--fg)}.studio .pn-tabs button[aria-selected=true]{color:var(--fg);border-bottom-color:var(--primary)}.studio .pn-dock{z-index:2;background:var(--bg);border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:12px 16px 16px;display:flex;position:sticky;bottom:0}.studio .pn-dock .hint.c{text-align:center}.studio .voice-ok>span{color:var(--success);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.studio .voice-ok>span svg{width:15px;height:15px}@media (max-width:860px){.studio .pn-dock{position:static}.studio .pn-tabs{padding-right:52px}}.lib-grid.sty{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.lib-item.sty{flex-direction:column;gap:8px;padding:8px 8px 10px;display:flex}.lib-item.sty .style-thumb{width:100%;height:auto;box-shadow:0 0 0 1px color-mix(in oklab, var(--fg) 8%, transparent);border-radius:8px;display:block}.lib-item.sty .lib-txt{padding:0 4px}@media (max-width:860px){.lib-grid.sty{grid-template-columns:1fr 1fr}}.studio .fld .code-area{font:500 12.5px/1.55 var(--mono);tab-size:2;white-space:pre;resize:vertical;overflow-x:auto}.studio .fld .count.over{color:var(--danger)}.studio .el-content{flex-direction:column;gap:12px;display:flex}.studio .safe{z-index:30;pointer-events:none;display:none;position:absolute;inset:0}.studio .pv-frame.safe-on .safe,.studio .pv-frame.dragging .safe{display:block}.studio .safe-box{border:1.5px dashed #00c380;border:1.5px dashed lab(69.7519% -57.1084 22.3853);border-radius:4px;position:absolute}.studio .safe-box span{color:#04140c;font:700 10px/1.5 var(--font);background:#00c380;background:lab(69.7519% -57.1084 22.3853);border-radius:4px;padding:1px 6px;position:absolute;top:4px;left:6px}.studio .pv-frame.unsafe .safe-box{border-color:#fa8f19;border-color:lab(70.2655% 36.2027 71.6742)}.studio .pv-frame.unsafe .safe-box span{background:#fa8f19;background:lab(70.2655% 36.2027 71.6742)}.studio .safe-zone{background:repeating-linear-gradient(135deg,#0b153329 0 6px,#0b15330f 6px 12px);justify-content:center;align-items:center;display:flex;position:absolute}.studio .safe-zone.top{top:0;left:0;right:0}.studio .safe-zone.bottom{bottom:0;left:0;right:0}.studio .safe-zone.right{right:0}.studio .safe-zone span{color:#fff;font:600 10px/1.4 var(--font);text-align:center;background:#0b1533b3;border-radius:4px;padding:2px 6px}.studio .safe-zone.right span{writing-mode:vertical-rl}.studio .pv-frame:fullscreen .safe{display:none}.studio .pv-warn{height:30px;color:var(--fg);font:600 12px var(--font);cursor:pointer;background:#fa8f1924;background:lab(70.2655% 36.2027 71.6742/.14);border:1px solid #fa8f1999;border:1px solid lab(70.2655% 36.2027 71.6742/.6);border-radius:999px;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.studio .pv-warn svg{color:#e68100;color:lab(64.4367% 36.6582 75.3792);width:14px;height:14px}.studio .stage.hide-teks .el[data-g=teks],.studio .stage.hide-visual .el[data-g=visual],.studio .stage.hide-maskot .el[data-g=maskot],.studio .stage.hide-hiasan .el[data-g=hiasan]{visibility:hidden!important}.studio .tbar .grab-r{cursor:ew-resize;border-right:2px dashed color-mix(in oklab, var(--lc) 55%, transparent);flex:none;align-self:stretch;width:8px;margin-right:-7px}.studio .tbar.has-exit .grab-r{border-right:3px solid var(--lc)}.studio .tbar.locked .grab-r{cursor:pointer}.studio .trk.scenes .edge{z-index:3;cursor:ew-resize;touch-action:none;width:14px;margin-left:-7px;position:absolute;top:2px;bottom:2px}.studio .trk.scenes .edge:after{content:"";background:var(--fg);opacity:0;border-radius:3px;width:3px;transition:opacity .12s;position:absolute;top:10px;bottom:10px;left:6px}.studio .trk.scenes .edge:hover:after,.studio .trk.scenes .edge.drag:after{opacity:.7}.studio .tl-btn:disabled{opacity:.45;cursor:default}.studio .stage .el.sel-more{outline-offset:4px;outline:3px dashed #317de9;outline:3px dashed lab(52.1112% 6.43036 -62.6061)}.studio .trk.words .trk-lane{height:50px}.studio .w .w-dur{background:var(--primary);opacity:0;pointer-events:none;border-radius:2px;height:2px;position:absolute;bottom:-3px;left:0}.studio .w .wh{cursor:ew-resize;touch-action:none;opacity:0;width:8px;margin-left:-4px;position:absolute;top:-2px;bottom:-4px}.studio .w .wh:after{content:"";background:var(--primary);border-radius:2px;width:2px;position:absolute;top:3px;bottom:3px;left:3px}.studio .w .wh.l{left:0}.studio .w:hover .w-dur,.studio .w.drag .w-dur,.studio .w:hover .wh,.studio .w.drag .wh{opacity:1}.studio .w.drag{outline:2px solid var(--primary);outline-offset:1px}.studio .w-edit{border:1.5px solid var(--primary);background:var(--bg);width:120px;min-width:70px;height:22px;color:var(--fg);font:600 11.5px var(--font);z-index:4;box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 18%, transparent);border-radius:6px;outline:none;padding:0 6px;position:absolute}.studio .w-edit.r0{top:2px}.studio .w-edit.r1{top:24px}.studio .trk.caps .trk-lane{height:30px}.studio .tc-seg{pointer-events:none;border-radius:6px;align-items:center;gap:4px;padding-left:2px;display:flex;position:absolute;top:3px;bottom:3px}.studio .tc-seg.off{background:repeating-linear-gradient(135deg, transparent 0 6px, color-mix(in oklab, var(--muted-fg) 12%, transparent) 6px 12px)}.studio .tc-seg .hd-btn{pointer-events:auto;z-index:3;background:var(--bg);box-shadow:0 0 0 1px var(--border);position:relative}.studio .tc-off{color:var(--muted-fg);white-space:nowrap;font-size:10.5px;font-weight:600;overflow:hidden}.studio .tc-chip{background:color-mix(in oklab, #d6a62e 26%, var(--bg));height:18px;color:var(--fg);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;z-index:2;border:1px solid #c696128c;border:1px solid lab(65.3569% 10.9394 66.3172/.55);border-radius:5px;padding:0 6px;font-size:10.5px;font-weight:600;line-height:16px;position:absolute;top:6px;overflow:hidden}@supports (color:lab(0% 0 0)){.studio .tc-chip{background:color-mix(in oklab, lab(71.1827% 10.5081 64.1928) 26%, var(--bg))}}.preset-thumb{display:block;position:relative}.preset-thumb .style-thumb{width:100%;height:auto;display:block}.preset-thumb .pt-ic{color:#0b1533;background:#fff;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:absolute;bottom:6px;right:6px;box-shadow:0 1px 3px #0b153340}.preset-thumb .pt-ic svg{width:14px;height:14px}.preset-thumb .pt-fmt{color:#fff;font:700 10px/1.5 var(--font);background:#0b1533;border-radius:6px;padding:1px 6px;position:absolute;top:6px;left:6px}.lib-item.sty .lib-txt b{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lib-item.sty .pop{background:color-mix(in oklab, var(--primary) 14%, var(--bg));color:var(--primary);border-radius:999px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:700}.lib-item.sty .meta{color:var(--muted-fg);opacity:.85}.studio .style-cur .preset-thumb{grid-column:1/-1}.studio .style-cur .preset-thumb .style-thumb{max-height:132px;box-shadow:0 0 0 1px color-mix(in oklab, var(--fg) 8%, transparent);border-radius:8px}.lib-item.sty .preset-thumb .style-thumb{box-shadow:0 0 0 1px color-mix(in oklab, var(--fg) 8%, transparent);border-radius:8px}.ws-card{height:min(600px,100%)}.ws-new{flex:none}.ws-note{color:var(--muted-fg);margin:0 0 10px;font-size:12.5px;line-height:1.5}.ws-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ws-row{border:1px solid var(--border);background:var(--bg);border-radius:14px;align-items:center;gap:8px;padding:6px;display:flex}.ws-row:hover{border-color:color-mix(in oklab, var(--primary) 40%, var(--border))}.ws-row.on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.ws-open{min-width:0;color:var(--fg);text-align:left;cursor:pointer;font-family:var(--font);background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:0;display:flex}.ws-open .preset-thumb{flex:none;width:112px}.ws-open .preset-thumb .style-thumb{box-shadow:0 0 0 1px color-mix(in oklab, var(--fg) 8%, transparent);border-radius:8px}.ws-open .preset-thumb .pt-ic{width:20px;height:20px;bottom:4px;right:4px}.ws-txt{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ws-txt b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.ws-txt small{color:var(--muted-fg);font-size:12px}.ws-cur{background:color-mix(in oklab, var(--primary) 14%, var(--bg));color:var(--primary);font:700 11px var(--font);border-radius:999px;flex:none;padding:2px 8px}.ws-confirm{flex:none;gap:6px;display:flex}.ws-confirm .btn-danger{background:var(--danger);color:#fff}@media (max-width:560px){.ws-open .preset-thumb{width:76px}.ws-cur{display:none}}.studio .ws-btn{position:relative}.studio .ws-count{background:var(--primary);min-width:16px;height:16px;color:var(--primary-fg);font:700 10px/16px var(--font);text-align:center;border-radius:999px;padding:0 4px;position:absolute;top:2px;right:0}.studio.poster{width:100%;height:auto;min-height:0;box-shadow:0 0 0 1px color-mix(in oklab, var(--fg) 8%, transparent);background:#e8f0ff;border-radius:8px;display:block;position:relative;overflow:hidden}.studio.poster .stage{pointer-events:none}.studio.poster .wm,.studio.poster .prog,.studio.poster .cap{display:none}.sty-cell{display:flex;position:relative}.sty-cell>.lib-item{flex:1;min-width:0}.sty-play{z-index:2;color:#fff;height:26px;font:700 11px var(--font);cursor:pointer;opacity:0;background:#0b1533d1;border:0;border-radius:999px;align-items:center;gap:4px;padding:0 10px 0 8px;transition:opacity .12s;display:inline-flex;position:absolute;top:16px;left:16px}.sty-play svg{fill:currentColor;width:12px;height:12px}.sty-cell:hover .sty-play,.sty-play:focus-visible{opacity:1}@media (hover:none){.sty-play{opacity:1}}.preset-thumb.has-poster .pt-fmt{inset:auto 34px 8px auto}.preset-thumb.tall .studio.poster{aspect-ratio:9/16;width:auto;height:100%;max-height:100%;margin:0 auto}.preset-thumb.tall{aspect-ratio:16/9;background:color-mix(in oklab, var(--fg) 6%, transparent);border-radius:8px;justify-content:center;display:flex;overflow:hidden}.studio .idea-box{border:1px solid var(--border);background:color-mix(in oklab, var(--brand-soft) 35%, var(--bg));border-radius:14px}.studio .idea-box.open{border-color:color-mix(in oklab, var(--primary) 45%, var(--border))}.studio .idea-head{width:100%;color:var(--fg);font-family:var(--font);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px 12px;display:flex}.studio .idea-head>svg:first-child{width:18px;height:18px;color:var(--primary);flex:none}.studio .idea-head span{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.studio .idea-head b{font-size:13.5px}.studio .idea-head small{color:var(--muted-fg);font-size:12px}.studio .idea-chev{width:16px;height:16px;color:var(--muted-fg);transition:transform .15s}.studio .idea-box.open .idea-chev{transform:rotate(180deg)}.studio .idea-body{flex-direction:column;gap:12px;padding:4px 12px 12px;display:flex}.studio .drafts{flex-direction:column;gap:8px;display:flex}.studio .draft{border:1px solid var(--border);background:var(--bg);border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.studio .draft header{flex-direction:column;gap:2px;display:flex}.studio .draft header b{font-size:13px}.studio .draft header small,.studio .draft .why{color:var(--muted-fg);font-size:11.5px;line-height:1.4}.studio .draft p{max-height:7.5em;margin:0;font-size:12.5px;line-height:1.5;overflow:auto}.studio .draft .btn{align-self:flex-start}.studio .story-stage{transform-origin:0 0;font-family:var(--font-fredoka), system-ui, sans-serif;background:#bfe3ec;position:absolute;top:0;left:0;overflow:hidden}.studio .story-stage svg{display:block;position:absolute;inset:0}.studio .story-stage .cc{font-family:var(--font)}.studio .pv-note{color:var(--muted-fg);white-space:nowrap;padding-inline:6px;font-size:12px}.studio .ex .th.story-th{color:#24414f;background:linear-gradient(#9fd3e6,#fce9cf);justify-content:center;align-items:center;display:flex}.studio .ex .th.story-th svg{width:26px;height:26px}.studio .ws-story{aspect-ratio:16/9;color:#24414f;background:linear-gradient(#9fd3e6,#fce9cf);border-radius:7px;flex:none;justify-content:center;align-items:center;width:64px;display:flex}.studio .ws-story svg{width:20px;height:20px}.studio .story-voice{flex-direction:column;gap:6px;display:flex}.studio .story-lines{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.studio .sl{border:1px solid var(--border);background:var(--bg);border-radius:12px;flex-direction:column;gap:6px;padding:8px;display:flex}.studio .sl.sel{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 12%, transparent)}.studio .sl.now{background:color-mix(in oklab, var(--primary) 6%, var(--bg))}.studio .sl-head{grid-template-columns:10px 1.3fr 1fr;align-items:center;gap:6px;min-width:0;display:grid}.studio .sl-head .ds-select{min-width:0;height:30px;padding:4px 8px;font-size:12.5px}.studio .sl-tools{align-items:center;gap:2px;min-height:26px;display:flex}.studio .sl-tools .iconbtn.sm{opacity:0;width:26px;height:26px}.studio .sl:is(:hover,.sel,:focus-within) .sl-tools .iconbtn.sm{opacity:1}.studio .sl-ok{color:var(--success);font-size:10.5px;font-weight:700}.studio .sl-dot{border-radius:999px;flex:none;width:10px;height:10px}.studio .sl-need{color:var(--fg);background:#fa8f192e;background:lab(70.2655% 36.2027 71.6742/.18);border-radius:999px;padding:2px 6px;font-size:10.5px;font-weight:700}.studio .sl textarea{font:500 13.5px/1.45 var(--font);color:var(--fg);resize:vertical;background:0 0;border:1px solid #0000;border-radius:8px;width:100%;padding:4px 6px}.studio .sl textarea:focus{border-color:var(--field-border);background:var(--bg);outline:none}.studio .story-new{border-top:1px solid var(--border);padding-top:10px}.studio .story-new summary{cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:700;list-style:none;display:flex}.studio .story-new summary svg{width:15px;height:15px}.studio .story-new[open]{flex-direction:column;gap:12px;display:flex}.studio .pn-story .linkbtn{align-items:center;gap:5px;display:inline-flex}.studio .pn-story .linkbtn svg{width:14px;height:14px}.studio .story-insp .chip.sm{height:26px;padding:0 9px;font-size:12px}.studio .fld.chk{color:var(--fg);flex-direction:row;align-items:center;gap:8px;font-weight:500}.studio .story-row{border:1px solid var(--border);border-radius:10px;grid-template-columns:1fr 1fr;align-items:center;gap:6px;padding:8px 40px 8px 8px;display:grid;position:relative}.studio .story-row .ds-select{min-width:0;height:32px;padding:4px 8px;font-size:12.5px}.studio .story-row>.iconbtn:last-of-type{position:absolute;top:9px;right:6px}.studio .story-row.sfx{grid-template-columns:1fr 1fr 30px}.studio .story-h{margin:6px 0 0;font-size:13px;font-weight:800}.studio .story-insp .row .ds-select{flex:1;min-width:0}.studio .story-row-wide{grid-column:1/-1}.studio .cast-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.studio .cast-card{border:1px solid var(--border);border-radius:12px;grid-template-columns:64px 1fr;gap:10px;padding:10px;display:grid}.studio .cast-face{border-radius:10px;width:64px;height:76px;overflow:hidden}.studio .cast-fields{flex-direction:column;gap:6px;min-width:0;display:flex}.studio .cast-fields .ds-select{height:32px;padding:4px 8px;font-size:12.5px}.studio .cast-name{min-width:0;font:700 13.5px var(--font);color:var(--fg);border:1px solid var(--field-border);background:0 0;border-radius:8px;flex:1;padding:5px 8px}.studio .cast-fields input[type=color]{border:1px solid var(--field-border);background:0 0;border-radius:8px;width:30px;height:30px;padding:2px}.studio .stl{flex:1;grid-template-columns:120px 1fr;min-height:0;padding:8px 14px 10px 0;display:grid;overflow:auto}.studio .stl-names{flex-direction:column;display:flex}.studio .stl-ruler-gap{height:24px;color:var(--muted-fg);align-items:center;padding-left:14px;font-size:11px;font-weight:700;display:flex}.studio .stl-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;height:36px;padding-left:14px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.studio .stl-name i{border-radius:999px;flex:none;width:9px;height:9px}.studio .stl-body{cursor:pointer;min-width:0;position:relative}.studio .stl-ruler{border-bottom:1px solid var(--border);height:24px;position:relative}.studio .stl-tick{border-left:1px solid var(--border);height:5px;font:600 10.5px/1 var(--mono,ui-monospace, monospace);color:var(--muted-fg);position:absolute;bottom:0}.studio .stl-tick.big{border-color:color-mix(in oklab, var(--muted-fg) 50%, transparent);height:22px;padding-left:3px}.studio .stl-lane{border-bottom:1px dashed color-mix(in oklab, var(--border) 70%, transparent);height:36px;position:relative}.studio .stl-bar{background:color-mix(in oklab, var(--c) 82%, white);color:#fff;min-width:6px;height:26px;font:600 11.5px/26px var(--font);text-align:left;cursor:pointer;border:0;border-radius:7px;padding:0 6px;position:absolute;top:5px;overflow:hidden}.studio .stl-bar span{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #00000040;display:block;overflow:hidden}.studio .stl-bar.est{background:repeating-linear-gradient(135deg, color-mix(in oklab, var(--c) 60%, white) 0 6px, color-mix(in oklab, var(--c) 72%, white) 6px 12px)}.studio .stl-bar.sel{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--primary)}.studio .stl-act{background:#ffc94a;border-radius:999px;width:6px;height:6px;margin-left:-3px;position:absolute;bottom:3px;box-shadow:0 0 0 1.5px #00000040}.studio .stl-head{background:var(--primary);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.studio .tl2.compact :is(.trk.layer,.trk.words,.trk.caps,.trk.ruler,.trk-hd,.detail-only){display:none}.studio .tl2.compact .tl-scroll{padding:0 8px;overflow:hidden}.studio .tl2.compact .trk{border-bottom:0}.studio .tl2.compact .trk.scenes .trk-lane{height:84px}.studio .tl2.compact .blk{border:1px solid color-mix(in oklab, currentColor 20%, transparent);justify-content:flex-start;gap:2px;padding:6px 9px;top:8px;bottom:6px}.studio .tl2.compact .blk>span{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box}.studio .tl2.compact .blk .blk-dur{font:600 10.5px var(--mono,monospace);opacity:.7;margin-top:auto}.studio .blk.outro-blk{cursor:default;background:repeating-linear-gradient(135deg, var(--muted) 0 6px, color-mix(in oklab, var(--muted) 60%, var(--bg)) 6px 12px)!important;color:var(--fg)!important}.studio .tl2.compact .blk.sel{border:2px solid var(--primary);box-shadow:none}.studio .tl2.compact .blk.cur{border-color:color-mix(in oklab, var(--primary) 55%, transparent)}.studio .tl2.compact .trk.scenes .edge{top:8px;bottom:6px}.studio .tl2.compact .trk.scenes .edge:after{background:var(--primary);opacity:.35;width:4px;height:26px;margin-top:-13px;top:50%;bottom:auto;left:5px}.studio .tl2.compact .trk.wave .trk-lane{height:26px}.studio .tl2.compact .playhead:before{display:none}.studio .tl2.compact .lane-empty{top:30px;left:4px}@media (min-width:861px){.studio-app.v2:has(.st-tl .tl2.compact){grid-template-rows:60px minmax(0,1fr) 182px}.studio-app.v2 .st-tl:has(>.tl2.compact){background:var(--work);background-image:radial-gradient(var(--dot) 1px, transparent 1.2px);background-size:18px 18px;border-top:0;padding:0 22px 16px}.studio-app.v2 .st-tl>.tl2.compact{border:1px solid var(--border);background:var(--bg);border-radius:16px;overflow:hidden}.studio-app.v2 .tl2.compact .tl-bar{border-bottom:0;padding:8px 12px 2px}}@media (max-width:860px){.studio-app:has(.st-tl .tl2.compact) .st-tl{height:auto}}@media (min-width:861px) and (max-width:1180px){.studio-app:has(.st-tl .tl2.compact) .st-insp{bottom:182px}}.studio{--story:#d05f43;--story-soft:#ffeee6}@supports (color:lab(0% 0 0)){.studio{--story:lab(54.6426% 44.3857 38.2819);--story-soft:lab(95.1981% 7.25427 8.25079)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .studio{--story:#f28c5c;--story-soft:#4c2817}@supports (color:lab(0% 0 0)){:root:not([data-theme=light]) .studio{--story:lab(68.9104% 36.9411 43.0087);--story-soft:lab(20.7223% 15.8197 18.3988)}}}:root[data-theme=dark] .studio{--story:#f28c5c;--story-soft:#4c2817}@supports (color:lab(0% 0 0)){:root[data-theme=dark] .studio{--story:lab(68.9104% 36.9411 43.0087);--story-soft:lab(20.7223% 15.8197 18.3988)}}.studio .btn-story{background:var(--story);color:#fff}.studio .kind{white-space:nowrap;border-radius:999px;align-items:center;height:20px;padding:0 8px;font-size:10.5px;font-weight:700;display:inline-flex}.studio .kind.p{background:var(--brand-soft);color:var(--primary)}.studio .kind.c{background:var(--story-soft);color:var(--story)}.studio .home{height:100%;overflow:auto}.studio .home>*{width:min(1080px,100%);margin-inline:auto;padding-inline:16px}.studio .home-top{align-items:center;gap:10px;padding-block:16px;display:flex}.studio .home-top .logo svg{width:32px;height:32px;display:block}.studio .home-top b{letter-spacing:-.03em;font-size:17px;font-weight:800}.studio .home-hello{padding-block:32px 8px}.studio .home-hello h1{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(32px,4.6vw,52px);font-weight:800;line-height:1.04}.studio .home-hello p{color:var(--muted-fg);max-width:58ch;margin:12px 0 0;font-size:16.5px}.studio .home-idea{border:1px solid var(--border);background:var(--bg);border-radius:999px;align-items:center;gap:8px;max-width:720px;margin-top:20px;padding:6px 6px 6px 16px;display:flex;box-shadow:0 8px 24px -14px #0b15334d}.studio .home-idea>svg{width:17px;height:17px;color:var(--primary);flex:none}.studio .home-idea input{min-width:0;font:500 14.5px var(--font);color:var(--fg);background:0 0;border:0;flex:1;padding:8px 0}.studio .home-idea input:focus{outline:none}.studio .home-tip{color:var(--muted-fg);max-width:720px;margin:12px 0 0;font-size:13px}.studio .home-tip b{color:var(--fg)}.studio .home-types{grid-template-columns:1fr 1fr;gap:16px;padding-block:20px;display:grid}.studio .home-type{text-align:left;border:1px solid var(--border);background:var(--bg);cursor:pointer;font:inherit;color:inherit;border-radius:18px;grid-template-rows:auto 1fr;padding:0;transition:border-color .15s,transform .15s;display:grid;overflow:hidden}.studio .home-type:hover,.studio .home-type.p.hint-on{border-color:var(--primary)}.studio .home-type.c:hover,.studio .home-type.c.hint-on{border-color:var(--story)}.studio .home-type:hover{transform:translateY(-2px)}.studio .home-type.hint-on{box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 18%, transparent)}.studio .home-type.c.hint-on{box-shadow:0 0 0 3px color-mix(in oklab, var(--story) 22%, transparent)}.studio .home-art{aspect-ratio:16/7;justify-content:center;align-items:flex-end;gap:4%;max-width:100%;display:flex;position:relative;overflow:hidden}.studio .art-p{background:#e8f0ff radial-gradient(#0066ff24 1.2px,#0000 1.4px) 0 0/18px 18px;justify-content:space-between;align-items:center;padding:0 6% 0 7%}.studio .art-txt{flex-direction:column;gap:6px;display:flex}.studio .art-txt b{font:800 clamp(16px, 2.2vw, 26px)/1.05 var(--font);color:#0b1533}.studio .art-txt b.acc{color:#06f;margin-bottom:6px}.studio .art-txt i{font-style:normal;font:700 12px var(--font);color:#0b1533;background:#fff;border-radius:8px;width:150px;padding:5px 10px}.studio .art-txt i.dim{opacity:.5}.studio .art-kiwi{align-self:flex-end;width:26%;max-width:160px}.studio .art-kiwi .kiwi-wrap{width:100%;position:static}.studio .art-c{background:linear-gradient(#f9e8cf 0 74%,#2b2b33 74% 100%);padding-top:18px}.studio .art-face{aspect-ratio:32/38;border-radius:14px 14px 0 0;width:24%;height:auto}.studio .home-type-b{flex-direction:column;align-items:flex-start;gap:8px;padding:18px 20px 20px;display:flex}.studio .home-type-b h2{letter-spacing:-.025em;margin:0;font-size:22px;font-weight:800}.studio .home-type-b p{color:var(--muted-fg);margin:0;font-size:13.5px}.studio .home-type-b .tags{flex-wrap:wrap;gap:6px;display:flex}.studio .home-type-b .tags i{background:var(--muted);border-radius:999px;padding:3px 9px;font-size:12px;font-style:normal;font-weight:600}.studio .home-type-b .btn{margin-top:6px}.studio .home-sec{flex-direction:column;gap:14px;padding-block:20px 28px;display:flex}.studio .home-sec h2{letter-spacing:-.03em;margin:0;font-size:clamp(20px,2.2vw,26px);font-weight:800}.studio .home-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.studio .home-ws{text-align:left;border:1px solid var(--border);background:var(--bg);cursor:pointer;font:inherit;color:inherit;border-radius:12px;flex-direction:column;padding:0;display:flex;overflow:hidden}.studio .home-ws:hover{border-color:var(--primary)}.studio a.home-ws,.studio a.ws-open,a.ws-open{color:var(--fg);text-decoration:none}.studio .home-ws-wrap{flex-direction:column;min-width:0;display:flex;position:relative}.studio .home-ws-wrap>.home-ws{flex:1}.studio .home-ws-dup{z-index:4;color:#fff;height:30px;font:700 12px var(--font);cursor:pointer;opacity:0;background:#0b1533c7;border:0;border-radius:999px;align-items:center;gap:5px;padding:0 10px;transition:opacity .12s;display:inline-flex;position:absolute;top:8px;right:8px}.studio .home-ws-dup svg{width:14px;height:14px}.studio .home-ws-wrap:hover .home-ws-dup,.studio .home-ws-dup:focus-visible{opacity:1}@media (hover:none){.studio .home-ws-dup{opacity:1}}.studio .home-ws>.preset-thumb,.studio .home-ws-th{aspect-ratio:16/9;border-radius:0;justify-content:center;align-items:center;width:100%;height:auto;display:flex}.studio .home-ws-th.story{color:#24414f;background:linear-gradient(#9fd3e6,#fce9cf)}.studio .home-ws-th.play{background:var(--brand-soft);color:var(--primary)}.studio .home-ws-th svg{width:26px;height:26px}.studio .home-ws-th.img{background:#0b1533;position:relative;overflow:hidden}.studio .home-ws-th.img img{object-fit:cover;width:100%;height:100%;display:block}.studio .home-ws-th.img.v img{object-fit:contain}.ws-img{aspect-ratio:16/9;width:112px;box-shadow:0 0 0 1px color-mix(in oklab, var(--fg) 8%, transparent);background:#0b1533;border-radius:8px;flex:none;overflow:hidden}.ws-img img{object-fit:cover;width:100%;height:100%;display:block}.ws-img.v img{object-fit:contain}@media (max-width:560px){.ws-img{width:76px}}.studio .home-ws-b{flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-width:0;padding:10px 12px 12px;display:flex}.studio .home-ws-b b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;overflow:hidden}.studio .home-ws-b small{color:var(--muted-fg);font-size:11.5px}.studio-app.v2{grid-template-columns:340px minmax(0,1fr) 0;grid-template-rows:60px minmax(0, 1fr) var(--tl-h,220px);grid-template-areas:"top top top""panel stage insp""panel tl insp"}.studio-app.v2.insp-on{grid-template-columns:340px minmax(0,1fr) 330px}.studio-app.v2.pn-min{grid-template-columns:56px minmax(0,1fr) 0}.studio-app.v2.pn-min.insp-on{grid-template-columns:56px minmax(0,1fr) 330px}.studio .pn-rail{flex-direction:column;align-items:center;gap:6px;padding:10px 0;display:flex}.studio .pn-rail .iconbtn{border-radius:10px;width:40px;height:40px}.studio .pn-rail .iconbtn.on{background:var(--brand-soft);color:var(--primary)}.studio .pn-rail-sep{background:var(--border);width:24px;height:1px;margin:2px 0}.studio .pn-collapse{z-index:4;color:var(--muted-fg);position:absolute;top:10px;right:10px}.studio .st-panel .pn-tabs{padding-right:48px}.studio .st-panel .pn-full{display:contents}.studio .st-panel .pn-full>.pn-col>.pn-body>.pn:first-child>h2{padding-right:34px}@media (min-width:861px){.studio-app.v2.pn-min .st-panel .pn-full{display:none}}@media (max-width:1180px) and (min-width:861px){.studio-app.v2.pn-min,.studio-app.v2.pn-min.insp-on{grid-template-columns:56px minmax(0,1fr)}}@media (max-width:860px){.studio .pn-collapse,.studio .pn-rail{display:none}}.studio-app.v2 .st-insp{display:none}.studio-app.v2.insp-on .st-insp{display:block}.studio-app.v2 .st-top{gap:12px}.studio .back{height:34px;color:var(--muted-fg);font:700 12.5px var(--font);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 10px 0 6px;display:inline-flex}.studio .back:hover{background:var(--muted);color:var(--fg)}.studio .back svg{width:16px;height:16px}.studio-app.v2 .proj small{align-items:center;gap:2px;display:flex}.studio .steps2{background:var(--muted);border-radius:999px;flex:none;align-items:center;gap:4px;margin:0 auto;padding:4px;display:flex}.studio .step2{height:34px;font:700 13px var(--font);color:var(--muted-fg);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 6px;display:inline-flex}.studio .step2 b{background:var(--bg);border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11.5px;display:inline-flex}.studio .step2 b svg{width:13px;height:13px}.studio .step2.done b{background:var(--success-soft);color:var(--success)}.studio .step2[aria-current=step]{background:var(--bg);color:var(--fg);box-shadow:0 1px 2px #0000001a}.studio .step2[aria-current=step] b{background:var(--primary);color:var(--primary-fg)}.studio-app.v2:has(.kind.c) .step2[aria-current=step] b{background:var(--story);color:#fff}.studio .top-r{flex:none;align-items:center;gap:4px;display:flex}.studio .credit-chip{background:var(--brand-soft);height:32px;color:var(--primary);font:700 13px var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;margin-right:4px;padding:0 12px;display:inline-flex}.studio .credit-chip svg{width:15px;height:15px}.studio .credit-chip.low{background:var(--warning-soft,#fffaeb);color:var(--warning,#b54708)}.studio .step2.locked{opacity:.55}@media (max-width:860px){.studio .credit-chip{display:none}}.studio .ex-row{border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.studio .ex-row b{font-size:13.5px;display:block}.studio .ex-row small{color:var(--muted-fg);font-size:12px;display:block}.studio .ex-row>.btn,.studio .ex-row>.tag{flex:none;margin-left:auto}.studio .ex-ic{background:var(--muted);border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.studio .ex-ic svg{width:17px;height:17px}.studio-app.v2 .insp-toggle{z-index:5;background:var(--bg);display:inline-flex;position:absolute;top:14px;right:14px}.studio .insp-close{z-index:3;position:absolute;top:8px;right:8px}.studio .tl-empty{padding:16px}.studio .insp-head{align-items:center;gap:10px;display:flex}.studio .insp-head>span{flex:1;min-width:0}.studio .insp-head b{font-size:14px;display:block}.studio .insp-head small{color:var(--muted-fg);font-size:12px;display:block}.studio .insp-face{border-radius:10px;flex:none;width:36px;height:42px}.studio-app.v2 .st-tabbar .tb-n{background:var(--muted);border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11.5px;display:inline-flex}.studio-app.v2 .st-tabbar .rtab[aria-pressed=true] .tb-n{background:var(--primary);color:var(--primary-fg)}.studio .set-picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.studio .set-pick{background:var(--muted);text-align:left;cursor:pointer;font:inherit;color:inherit;border:2px solid #0000;border-radius:10px;padding:0;overflow:hidden}.studio .set-pick svg{aspect-ratio:3/2;width:100%;height:auto;display:block}.studio .set-pick span{background:var(--bg);white-space:nowrap;text-overflow:ellipsis;padding:5px 8px;font-size:11.5px;font-weight:700;display:block;overflow:hidden}.studio .set-pick[aria-checked=true]{border-color:var(--story)}.studio .eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-fg);margin-top:6px;font-size:11px;font-weight:700}.studio .mine-row{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.studio .mine-item{flex:none;position:relative}.studio .mine-use{border:1px solid var(--border);background:var(--bg);width:72px;font:700 11px var(--font);color:var(--fg);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;display:flex}.studio .mine-use:hover{border-color:var(--story)}.studio .mine-use span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.studio .mine-face{border-radius:10px;width:48px;height:56px}.studio .mine-x{border:1px solid var(--border);background:var(--bg);width:20px;height:20px;color:var(--muted-fg);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;display:none;position:absolute;top:-6px;right:-6px}.studio .mine-x svg{width:12px;height:12px}.studio .mine-item:is(:hover,:focus-within) .mine-x{display:inline-flex}.studio .cast-card .grid2 .ds-select{height:32px;padding:4px 8px;font-size:12.5px}@media (max-width:1180px){.studio-app.v2,.studio-app.v2.insp-on{grid-template-columns:300px minmax(0,1fr);grid-template-areas:"top top""panel stage""panel tl"}.studio-app.v2 .st-insp{display:block;top:60px}.studio-app.v2.insp-on .st-insp{transform:none}.studio .step2 span{display:none}.studio .step2{padding:0 6px}.studio .home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.studio-app.v2,.studio-app.v2.insp-on{grid-template:"top""stage""tl"/minmax(0,1fr)}.studio-app.v2 .st-insp{top:auto;transform:translateY(105%)}.studio-app.v2.insp-on .st-insp{transform:translateY(105%)}.studio-app.v2.sheet-insp .st-insp{transform:none}.studio .steps2,.studio .back span,.studio-app.v2 .insp-toggle{display:none}.studio .home-types{grid-template-columns:1fr}}.studio .cast-fields .grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.studio .cast-fields .ds-select{min-width:0}.studio .cast-fields .row>.ds-select{flex:1}.lib-card.export-card.studio{background:var(--bg);width:min(520px,100vw - 32px);height:auto;max-height:calc(100dvh - 40px);overflow:auto}.studio .export-body{flex-direction:column;gap:14px;padding:18px 20px 22px;display:flex}.studio .export-prog{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.studio .export-prog .bar{background:var(--muted);border-radius:999px;width:100%;height:8px;overflow:hidden}.studio .export-prog .bar i{background:var(--primary);border-radius:999px;height:100%;transition:width .2s;display:block}.studio .export-err{background:var(--danger-soft);color:var(--danger);border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.studio .export-video{background:#000;border-radius:12px;width:100%;max-height:52vh}.studio .export-video.v{align-self:center;width:auto;max-width:100%}.studio .ex-jobs{border:1px solid var(--border);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.studio .ex-job{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px;display:flex}.studio .ex-job:last-child{border-bottom:0}.studio .ex-job.err small{color:var(--danger)}.studio .ex-th{background:var(--muted);border:1px solid var(--border);border-radius:6px;flex:none;width:56px;height:32px}.studio .ex-th.v{width:20px;height:34px;margin:0 18px}.studio .ex-tx{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.studio .ex-tx b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.studio .ex-tx small{color:var(--muted-fg);font-size:11.5px}.studio .ex-tx small.ok{color:var(--success);font-weight:600}.studio .ex-tx .bar{background:var(--muted);border-radius:999px;height:6px;overflow:hidden}.studio .ex-tx .bar i{background:var(--primary);border-radius:999px;height:100%;transition:width .2s;display:block}.studio .ex-sizes{flex-direction:column;gap:8px;display:flex}.studio .ex-size{border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:11px 12px;display:flex}.studio .ex-size.on{border-color:var(--primary);background:color-mix(in oklab, var(--brand-soft) 60%, var(--bg))}.studio .ex-size input{width:18px;height:18px;accent-color:var(--primary);flex:none}.studio .ex-size>span:last-child{flex-direction:column;gap:1px;min-width:0;display:flex}.studio .ex-size b{font-size:13px}.studio .ex-size small{color:var(--muted-fg);font-size:11.5px;font-weight:500}.studio .ex-ratio{opacity:.55;border:2px solid;border-radius:4px;flex:none;width:28px;height:16px}.studio .ex-ratio.v{width:12px;height:22px;margin:0 8px}.studio .ex-check{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.studio .ex-check>span{flex-direction:column;gap:2px;display:flex}.studio .ex-check b{font-size:13px}.studio .ex-check small{color:var(--muted-fg);font-size:11.5px}.studio .ex-check input{width:18px;height:18px;accent-color:var(--primary);flex:none}.studio.export-host{pointer-events:none;z-index:-1;background:0 0;width:auto;height:auto;position:fixed;top:0;left:0;overflow:visible;transform:translate(-300vw)}.studio.export-host .stage,.studio.export-host .story-stage{position:relative;transform:none}.studio .warn-note{color:var(--fg);background:#fa8f1924;background:lab(70.2655% 36.2027 71.6742/.14);border-radius:10px;padding:8px 10px}.studio .cap .cc{text-wrap:balance;width:fit-content;max-width:100%;margin-inline:auto;left:0;right:0;transform:none}.studio .home-acct{align-items:center;gap:10px;min-width:0;display:flex}.studio .home-credits{background:var(--brand-soft);height:30px;color:var(--primary);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.studio .home-credits b{font-weight:800}.studio .home-who{color:var(--muted-fg);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:12.5px;overflow:hidden}@media (max-width:640px){.studio .home-who{display:none}}.studio .img-box.art{box-shadow:none;background:0 0;overflow:visible}.studio .theme-papan .img-box.art{border:0}.studio .img-box.art svg{width:100%;height:100%;display:block;overflow:visible}.lib-item.img{position:relative}.lib-badge{color:#fff;background:#0b1533;border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:700;position:absolute;top:6px;left:6px}.studio.art-gal{height:auto;min-height:100dvh;padding:16px clamp(12px,3vw,32px) 48px;overflow:visible}.art-gal-h{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:16px;display:flex}.art-gal-h h1{margin:0;font-size:22px}.art-gal-h .grow{flex:1}.art-gal-h input[type=search]{border:1px solid var(--border);background:var(--bg);height:34px;color:var(--fg);border-radius:10px;padding:0 12px}.art-gal-h .check{align-items:center;gap:6px;font-size:13px;display:flex}.studio .stage.art-grid{border-radius:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;width:100%;padding:12px;display:grid;position:static}.art-grid figure{background:var(--s-bg);border:1px solid #00000014;border-radius:12px;margin:0;overflow:hidden}.art-grid .img-box.art{aspect-ratio:16/9;height:auto}.art-grid figcaption{color:var(--s-ink);justify-content:space-between;gap:8px;padding:6px 10px 8px;font-size:12.5px;display:flex}.art-grid figcaption a{color:var(--s-acc);font-weight:700;text-decoration:none}.lib-more{color:var(--primary);margin:0 0 10px;font-size:12.5px;font-weight:700;text-decoration:none;display:block}.lib-cats{scrollbar-width:thin;gap:6px;margin-bottom:4px;padding:2px 0 10px;display:flex;overflow-x:auto}.lib-cats button{border:1px solid var(--border);background:var(--bg);height:30px;color:var(--fg);font:600 12.5px var(--font);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:0 12px}.lib-cats button:hover{border-color:color-mix(in oklab, var(--primary) 40%, var(--border))}.lib-cats button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.art-req{border:1px solid var(--border);background:var(--bg);border-radius:14px;margin:0 0 16px;padding:14px 16px}.art-req h2{margin:0 0 8px;font-size:15px}.art-req ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.art-req li{border:1px solid var(--border);border-radius:999px;align-items:baseline;gap:6px;padding:5px 10px;font-size:13px;display:inline-flex}.art-req li span{color:var(--primary);font-variant-numeric:tabular-nums;font-weight:800}.art-req li small{color:var(--muted-fg);font-size:11.5px}.studio .el-form .form{width:100%}.studio .form{box-sizing:border-box;color:#0b1533;text-align:left;font-family:var(--font);background:#fff;border-radius:40px;padding:46px 56px 42px;position:relative;box-shadow:0 26px #0b153324,0 0 0 2px #0b153314}.studio .form h3{letter-spacing:-.03em;margin:0;font-size:52px;font-weight:800;line-height:1.1}.studio .form .fm-desc{color:#3c4a6b;margin:8px 0 0;font-size:28px;font-weight:600}.studio .form .fm-label{color:#3c4a6b;margin-top:26px;font-size:26px;font-weight:700;display:block}.studio .form .fm-field{box-sizing:border-box;background:#fff;border:5px solid #0b1533;border-radius:26px;align-items:center;gap:20px;height:104px;margin-top:12px;padding:0 26px;display:flex;position:relative}.studio .form .fm-field>svg{flex:none;width:40px;height:40px}.studio .form .fm-val{flex:1;align-items:center;min-width:0;height:60px;display:flex;position:relative;overflow:hidden}.studio .form .typed{white-space:pre;font-size:40px;font-weight:700;display:flex}.studio .form .dots{gap:12px;display:flex}.studio .form .dot{background:#0b1533;border-radius:999px;width:22px;height:22px}.studio .form .fcaret{width:5px;height:52px;position:absolute;top:4px;left:0}.studio .form .fcaret i{background:var(--s-acc);border-radius:3px;animation:1s step-end infinite fm-blink;position:absolute;inset:0}@keyframes fm-blink{50%{opacity:0}}.studio .form .fm-foot{height:44px;margin-top:24px;position:relative}.studio .form .fm-foot>span{place-items:center;font-size:28px;font-weight:700;display:grid;position:absolute;inset:0}.studio .form .fm-timer{color:#6b7280}.studio .form .fm-msg{opacity:0;background:#fff}.studio .form .fm-msg.ok{color:#067647}.studio .form .fm-msg.bad{color:#d92d20}.studio .form .cursor{z-index:5}.studio .f-otp{text-align:center;flex-direction:column;align-items:center;padding-top:38px;padding-bottom:34px;display:flex}.studio .f-otp .fm-ic{background:var(--s-acc);width:84px;height:84px;color:var(--s-on-acc);border-radius:999px;place-items:center;margin-bottom:14px;display:grid}.studio .f-otp .fm-ic svg{width:42px;height:42px}.studio .otp-boxes{gap:24px;margin-top:26px;display:flex;position:relative}.studio .otp-box{box-sizing:border-box;background:#fff;border:5px solid #0b1533;border-radius:26px;place-items:center;width:116px;height:136px;display:grid;position:relative}.studio .otp-boxes:has(.otp-box:nth-child(5)){gap:16px}.studio .otp-boxes:has(.otp-box:nth-child(5)) .otp-box{width:104px}.studio .otp-box .dg{font-variant-numeric:tabular-nums;font-size:80px;font-weight:800}.studio .otp-box .fcaret{width:6px;height:64px;top:30px;left:calc(50% - 3px)}.studio .fm-badge{box-sizing:border-box;color:#fff;background:#12b76a;border:5px solid #0b1533;border-radius:999px;place-items:center;width:72px;height:72px;display:grid;position:absolute;top:-34px;right:-36px;transform:scale(0)}.studio .fm-badge svg{width:40px;height:40px}.studio .f-otp .fm-foot{width:100%;margin-top:18px}.studio .fm-notif{z-index:3;text-align:left;opacity:0;background:#fff;border:4px solid #0b1533;border-radius:26px;align-items:center;gap:18px;padding:16px 22px;display:flex;position:absolute;top:22px;left:28px;right:28px;box-shadow:0 12px #0b15331f}.studio .fm-notif .n-ic{color:#fff;background:#12b76a;border-radius:18px;flex:none;place-items:center;width:58px;height:58px;display:grid}.studio .fm-notif .n-ic svg{width:30px;height:30px}.studio .fm-notif b{font-size:24px;display:block}.studio .fm-notif small{color:#3c4a6b;font-size:21px;font-weight:600;display:block}.studio .f-sandi .plain{letter-spacing:.02em;opacity:0;white-space:pre;font-size:44px;font-weight:800;position:absolute;left:0}.studio .f-sandi .eye{flex:none;place-items:center;width:52px;height:52px;display:grid;position:relative}.studio .f-sandi .eye svg{grid-area:1/1;width:44px;height:44px}.studio .f-sandi .eye-open{color:var(--s-acc);opacity:0}.studio .form .meter{align-items:center;gap:22px;margin-top:22px;display:flex}.studio .form .segs{flex:1;grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.studio .form .seg{background:#e5e7eb;border-radius:99px;height:16px}.studio .form .lvs{width:210px;height:40px;position:relative}.studio .form .lv{opacity:0;white-space:nowrap;justify-content:flex-end;align-items:center;font-size:28px;font-weight:800;display:flex;position:absolute;inset:0}.studio .form .rules{grid-template-columns:1fr 1fr;gap:14px 30px;margin:24px 0 0;padding:0;list-style:none;display:grid}.studio .form .rule{color:#8d97a3;align-items:center;gap:14px;font-size:26px;font-weight:700;display:flex}.studio .form .ckbox{box-sizing:border-box;border:4px solid #0b1533;border-radius:999px;flex:none;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.studio .form .ck{color:#fff;background:#12b76a;border-radius:999px;place-items:center;width:38px;height:38px;display:grid;transform:scale(0)}.studio .form .ck svg{width:22px;height:22px}.studio .f-alamat{padding:0;overflow:hidden}.studio .f-alamat .fm-bar{background:#eef2fa;grid-row:1;align-items:center;gap:12px;padding:22px 26px;display:flex}.studio .f-alamat .fm-bar>i{background:#ff5d5d;border-radius:99px;flex:none;width:18px;height:18px}.studio .f-alamat .fm-bar>i:nth-child(2){background:#ffbd2e}.studio .f-alamat .fm-bar>i:nth-child(3){background:#3ccf91}.studio .f-alamat .fm-url{box-sizing:border-box;background:#fff;border:4px solid #0b1533;border-radius:999px;flex:1;align-items:center;gap:14px;min-width:0;height:70px;margin-left:14px;padding:0 24px;display:flex}.studio .f-alamat .fm-url>svg{color:#12b76a;flex:none;width:30px;height:30px}.studio .f-alamat .fm-url .fm-val{height:50px}.studio .f-alamat .typed{font-size:32px}.studio .f-alamat .fcaret{height:40px;top:5px}.studio .f-alamat .fm-load{background:var(--s-acc);transform-origin:0;grid-row:2;height:8px;display:block;transform:scaleX(0)}.studio .f-alamat{grid-template-rows:auto auto 1fr;display:grid}.studio .f-alamat .fm-page,.studio .f-alamat .fm-blank{grid-area:3/1}.studio .f-alamat .fm-blank{color:#b3bccb;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:28px;font-weight:700;display:flex}.studio .f-alamat .fm-blank svg{width:72px;height:72px}.studio .f-alamat .fm-page{opacity:0;padding:32px 50px 46px}.studio .f-alamat .fm-nav{align-items:center;gap:16px;display:flex}.studio .f-alamat .fm-nav .bw-site{margin-right:auto}.studio .f-alamat h3{margin-top:26px}.studio .f-alamat .fm-sk{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px;display:grid}.studio .f-alamat .fm-sk span{background:#eef2fa;border-radius:20px;height:120px}.studio .f-login{padding-top:40px;padding-bottom:34px}.studio .f-login .fm-label{margin-top:18px}.studio .f-login .fm-field{height:92px;margin-top:10px}.studio .f-login .typed{font-size:36px}.studio .f-login .fm-btn{background:var(--s-acc);height:90px;color:var(--s-on-acc);border-radius:24px;place-items:center;margin-top:26px;font-size:34px;font-weight:800;display:grid;position:relative;overflow:hidden}.studio .f-login .btn-tx,.studio .f-login .btn-ok{grid-area:1/1;align-items:center;gap:12px;display:flex}.studio .f-login .btn-ok{opacity:0}.studio .f-login .btn-ok svg{width:36px;height:36px}.studio .f-login .fm-foot{height:38px;margin-top:8px}.studio .f-cari{box-shadow:none;background:0 0;border-radius:0;padding:0}.studio .f-cari .fm-label{margin:0 0 14px 12px}.studio .f-cari .fm-field.pill{border-radius:999px;height:112px;margin:0;padding:0 36px;box-shadow:0 16px #0b15331f}.studio .f-cari .fm-field>svg{width:44px;height:44px}.studio .f-cari .fm-sug{background:#fff;border-radius:30px;margin:18px 0 0;padding:12px 0;list-style:none;box-shadow:0 16px #0b15331f,0 0 0 2px #0b153314}.studio .f-cari .fm-sug li{color:#3c4a6b;align-items:center;gap:20px;height:76px;padding:0 36px;font-size:32px;font-weight:600;display:flex}.studio .f-cari .fm-sug li svg{color:#8d97a3;flex:none;width:30px;height:30px}.studio .f-cari .fm-sug li b{color:#0b1533;font-weight:800}.studio .f-bayar{padding:40px 48px}.studio .f-bayar .by-head{align-items:center;gap:18px;display:flex}.studio .f-bayar .by-qris{color:#fff;letter-spacing:.08em;background:#0b1533;border-radius:12px;padding:8px 16px;font-size:24px;font-weight:800}.studio .f-bayar .by-body{margin-top:18px;display:grid}.studio .f-bayar .by-scan,.studio .f-bayar .by-pay{grid-area:1/1}.studio .f-bayar .by-scan{color:#3c4a6b;flex-direction:column;justify-content:center;align-items:center;gap:22px;font-size:26px;font-weight:700;display:flex}.studio .f-bayar .by-view{box-sizing:border-box;background:#f3f5fa;border:6px solid #0b1533;border-radius:30px;place-items:center;width:300px;height:300px;display:grid;position:relative;overflow:hidden}.studio .f-bayar .by-qr{fill:#0b1533;shape-rendering:crispedges;width:216px;height:216px}.studio .f-bayar .by-qr .fd-in{fill:#f3f5fa}.studio .f-bayar .by-line{background:var(--s-acc);height:8px;box-shadow:0 0 22px var(--s-acc);border-radius:4px;position:absolute;top:18px;left:16px;right:16px}.studio .f-bayar .by-who{background:#f6f8fc;border:4px solid #e3e8f2;border-radius:24px;align-items:center;gap:20px;margin-top:10px;padding:18px 22px;display:flex}.studio .f-bayar .by-av{background:var(--s-acc);width:78px;height:78px;color:var(--s-on-acc);border-radius:999px;flex:none;place-items:center;font-size:36px;font-weight:800;display:grid}.studio .f-bayar .by-id{min-width:0}.studio .f-bayar .by-id b{text-overflow:ellipsis;white-space:nowrap;font-size:38px;font-weight:800;line-height:1.15;display:block;overflow:hidden}.studio .f-bayar .by-id small{color:#6b7280;margin-top:4px;font-size:22px;font-weight:600;display:block}.studio .f-bayar .by-warn{color:#d92d20;opacity:0;align-items:center;gap:10px;height:44px;margin-top:10px;font-size:24px;font-weight:800;display:flex}.studio .f-bayar .by-warn svg{flex:none;width:30px;height:30px}.studio .f-bayar .by-amt{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:64px;font-weight:800}.studio .f-bayar .by-btn{background:var(--s-acc);height:92px;color:var(--s-on-acc);border-radius:24px;place-items:center;margin-top:22px;font-size:34px;font-weight:800;display:grid;position:relative;overflow:hidden}.studio .f-bayar .btn-tx,.studio .f-bayar .btn-ok,.studio .f-bayar .btn-no{grid-area:1/1;align-items:center;gap:12px;display:flex}.studio .f-bayar .btn-ok,.studio .f-bayar .btn-no{opacity:0}.studio .f-bayar .btn-ok svg{width:36px;height:36px}.studio .f-bayar.tall{padding:40px 34px 38px}.studio .f-bayar.tall .by-view{width:290px;height:290px}.studio .f-bayar.tall .by-id b{font-size:36px}.studio .f-bayar.tall .by-amt{font-size:62px}.studio .form.tall{border-radius:36px;padding:44px 34px 40px}.studio .form.tall h3{font-size:50px}.studio .form.tall .fm-desc,.studio .form.tall .fm-label{font-size:28px}.studio .form.tall .otp-boxes{gap:16px}.studio .form.tall .otp-box{width:116px;height:150px}.studio .form.tall .otp-boxes:has(.otp-box:nth-child(5)){gap:10px}.studio .form.tall .otp-boxes:has(.otp-box:nth-child(5)) .otp-box{width:82px}.studio .form.tall .otp-box .dg{font-size:84px}.studio .form.tall .fm-badge{right:-22px}.studio .form.tall .fm-notif{left:18px;right:18px}.studio .form.tall .fm-field{gap:16px;height:112px;padding:0 22px}.studio .form.tall .dots{gap:8px}.studio .form.tall .rules{grid-template-columns:1fr;gap:16px}.studio .form.tall .rule,.studio .form.tall .lv{font-size:30px}.studio .f-alamat.tall{padding:0}.studio .f-alamat.tall .fm-page{padding:30px 34px 40px}.studio .f-alamat.tall .fm-sk{grid-template-columns:1fr 1fr}.studio .f-alamat.tall .fm-sk span:first-child{grid-column:span 2}.studio .f-alamat.tall .fm-sk span{height:110px}.studio .f-cari.tall{padding:0}.studio .f-cari.tall .fm-sug li{height:92px;padding:0 30px;font-size:34px}.lib-modal.brand-modal{align-items:stretch;padding:0}.studio .brand-ed{background:var(--bg);flex-direction:column;width:100%;height:100%;display:flex}.studio .brand-hd{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:12px;height:60px;padding:0 16px;display:flex}.studio .brand-name{flex-direction:column;min-width:0;display:flex}.studio .brand-name input{font:800 15px var(--font);color:var(--fg);background:0 0;border:0;border-radius:6px;width:280px;max-width:50vw;padding:2px 4px}.studio .brand-name input:focus{outline:2px solid var(--primary)}.studio .brand-name small{color:var(--muted-fg);padding-left:4px;font-size:11px}.studio .brand-body{flex:1;grid-template-columns:360px minmax(0,1fr) 300px;min-height:0;display:grid}.studio .brand-side{border-right:1px solid var(--border);flex-direction:column;gap:22px;min-height:0;padding:18px 20px 28px;display:flex;overflow:auto}.studio .brand-sec{flex-direction:column;gap:10px;display:flex}.studio .brand-sec h3,.studio .brand-check h3{margin:0;font-size:15px;font-weight:800}.studio .brand-hues{flex-wrap:wrap;gap:8px;display:flex}.studio .brand-hues button,.studio .brand-hues .pick{cursor:pointer;border:0;border-radius:999px;width:32px;height:32px;padding:0;position:relative;box-shadow:inset 0 0 0 1px #00000024}.studio .brand-hues .pick{background:conic-gradient(#e5484d,#eab308,#84cc16,#0d9488,#156cdd,#7c3aed,#e5397f,#e5484d);overflow:hidden}.studio .brand-hues .pick input{opacity:0;cursor:pointer;position:absolute;inset:0}.studio .brand-hues .on{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--primary)}.studio .brand-sw{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.studio .brand-sw span{color:var(--muted-fg);flex-direction:column;align-items:center;gap:4px;font-size:10.5px;font-weight:600;display:flex}.studio .brand-sw i{aspect-ratio:1;border-radius:10px;width:100%;display:block;box-shadow:inset 0 0 0 1px #0000001f}.studio .brand-sw label{cursor:pointer;width:100%;display:block;position:relative}.studio .brand-sw label:hover i{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px var(--primary)}.studio .brand-sw label input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.studio .brand-sw small{opacity:.7;font-size:9.5px;font-weight:500}.studio .brand-sw .own i{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px var(--bg), 0 0 0 4px var(--primary)}.studio .brand-sw .sw-reset{color:var(--primary);font:700 10px var(--font);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.studio .brand-fonts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.studio .brand-fonts button,.studio .brand-caps button{border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px;display:flex}.studio .brand-fonts button span{font-size:19px;font-weight:700;line-height:1.2}.studio .brand-fonts small,.studio .brand-caps small{color:var(--muted-fg);font-size:11px}.studio .brand-fonts .on,.studio .brand-caps .on{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.studio .brand-logo{border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.studio .brand-logo-th{border-radius:10px;flex:none;place-items:center;width:52px;height:52px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001a}.studio .brand-logo-th img{object-fit:contain;max-width:44px;max-height:44px}.studio .brand-logo-th small{color:#6b7280;font-size:9.5px}.studio .brand-logo-tx{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.studio .brand-logo-tx b{font-size:13px}.studio .brand-logo-tx small{color:var(--muted-fg);font-size:11px}.studio .brand-logo .file{position:relative;overflow:hidden}.studio .brand-logo .file input{opacity:0;cursor:pointer;position:absolute;inset:0}.studio .brand-caps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.studio .brand-caps button{color:#fff;background:#5b6577;align-items:center}.studio .brand-caps button small{color:#e5e7eb}.studio .brand-caps button>span{border-radius:6px;padding:3px 10px;font-size:13px;font-weight:800}.studio .brand-caps .cap-kotak>span{background:#0b1533d9}.studio .brand-caps .cap-garis>span{-webkit-text-stroke:4px #000;paint-order:stroke fill}.studio .brand-caps .cap-pita>span{background:var(--b-acc);color:var(--b-on)}.studio .brand-main{background:var(--work);background-image:radial-gradient(var(--dot) 1px, transparent 1.2px);background-size:18px 18px;flex-direction:column;min-width:0;min-height:0;display:flex}.studio .brand-check{border-left:1px solid var(--border);flex-direction:column;gap:12px;min-height:0;padding:18px 20px;display:flex;overflow:auto}.studio .brand-check ul{border:1px solid var(--border);border-radius:14px;margin:0;padding:0;list-style:none;overflow:hidden}.studio .brand-check li{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:11px 12px;font-size:13px;display:flex}.studio .brand-check li:last-child{border-bottom:0}.studio .brand-check li svg{width:16px;height:16px;color:var(--success);flex:none}.studio .brand-check li.warn{background:color-mix(in oklab, #f79009 14%, var(--bg))}.studio .brand-check li.warn svg{color:#b54708}.studio .brand-check li span{flex:1}.studio .brand-check li b{font-variant-numeric:tabular-nums;font-size:12px}.studio .brand-note{background:color-mix(in oklab, var(--brand-soft) 45%, var(--bg));border-radius:12px;flex-direction:column;gap:6px;padding:12px;font-size:12px;line-height:1.5;display:flex}@media (max-width:1100px){.studio .brand-body{grid-template-columns:340px minmax(0,1fr)}.studio .brand-check{display:none}}@media (max-width:760px){.studio .brand-body{grid-template-rows:auto 1fr;grid-template-columns:1fr;overflow:auto}.studio .brand-main{order:-1;height:46vh}.studio .brand-side{border-right:0}}.studio .brand-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.studio .brand-card{border:1px solid var(--border);background:var(--bg);cursor:pointer;text-align:left;color:var(--fg);font:inherit;border-radius:12px;flex-direction:column;padding:0;display:flex;overflow:hidden}.studio .brand-card:hover{border-color:var(--primary)}.studio .brand-card .bc-open{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.studio .brand-card .bc-acts{gap:6px;padding:0 12px 12px;display:flex}.studio .brand-card .bc-acts .btn{flex:1;justify-content:center}.studio div.brand-card{cursor:default}.studio .brand-card .bc-stage{aspect-ratio:16/9;flex-direction:column;justify-content:center;gap:8px;padding:14px;display:flex;position:relative}.studio .brand-card .bc-kick{border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:10.5px;font-weight:800}.studio .brand-card .bc-title{letter-spacing:-.01em;font-size:19px;font-weight:800;line-height:1.1}.studio .brand-card .bc-bar{border-radius:999px;width:44px;height:6px}.studio .brand-card .bc-logo{object-fit:contain;max-width:54px;max-height:22px;position:absolute;top:10px;right:10px}.studio .brand-card .bc-b{flex-direction:column;gap:3px;padding:10px 12px 12px;display:flex}.studio .brand-card .bc-b b{font-size:13px}.studio .brand-card .bc-b small{color:var(--muted-fg);font-size:11.5px}.studio .brand-card.new{background:color-mix(in oklab, var(--brand-soft) 25%, var(--bg));text-align:center;border-style:dashed;justify-content:center;align-items:center;gap:6px;min-height:180px;padding:16px}.studio .brand-card.new svg{width:22px;height:22px;color:var(--primary)}.studio .brand-card.new small{color:var(--muted-fg);font-size:11.5px}.studio .brand-pick{flex-direction:column;gap:6px;display:flex}.studio .brand-pick button{border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;text-align:left;font:inherit;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;display:flex}.studio .brand-pick button.on{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);background:color-mix(in oklab, var(--brand-soft) 45%, var(--bg))}.studio .brand-pick .bp-dots{flex:none;gap:3px;display:flex}.studio .brand-pick .bp-dots i{border-radius:999px;width:14px;height:14px;box-shadow:inset 0 0 0 1px #00000024}.studio .brand-pick .bp-tx{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.studio .brand-pick .bp-tx b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.studio .brand-pick .bp-tx small{color:var(--muted-fg);font-size:11px}.studio .brand-pick .bp-ok{width:15px;height:15px;color:var(--primary);flex:none}.studio .nv{background:var(--canvas);flex-direction:column;height:100%;display:flex}.studio .nv-top{background:var(--bg);border-bottom:1px solid var(--border);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:60px;padding:0 20px;display:grid}.studio .nv-top-l{align-items:center;gap:14px;min-width:0;display:flex}.studio .nv-top-l>i{background:var(--border);flex:none;width:1px;height:28px}.studio .nv-proj{flex-direction:column;min-width:0;display:flex}.studio .nv-proj b{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.studio .nv-proj small{color:var(--muted-fg);font-size:11px}.studio .nv-top-r{justify-content:flex-end;align-items:center;gap:6px;display:flex}.studio .nv-steps,.studio .nv-st{align-items:center;gap:4px;display:flex}.studio .nv-st>i{background:var(--border);border-radius:2px;width:28px;height:2px}.studio .nv-st>i.done{background:color-mix(in oklab, var(--success) 55%, transparent)}.studio .nv-step{height:32px;font:700 13px var(--font);color:var(--muted-fg);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 4px;display:flex}.studio .nv-step:disabled{cursor:default;opacity:.7}.studio .nv-step b{background:var(--muted);border-radius:999px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.studio .nv-step b svg{stroke-width:3px;width:12px;height:12px}.studio .nv-step.on{color:var(--fg)}.studio .nv-step.on b{background:var(--primary);color:var(--primary-fg)}.studio .nv-step.done{color:var(--fg)}.studio .nv-step.done b{background:var(--success-soft);color:var(--success)}.studio .nv-step.done:hover{background:var(--muted)}.studio .nv-main{flex-direction:column;flex:1;align-items:center;min-height:0;padding:32px 24px 40px;display:flex;overflow:auto}.studio .nv-center{justify-content:center;gap:36px}.studio .nv-hello{text-align:center;max-width:620px}.studio .nv-hello h1,.studio .nv-head h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(26px,3vw,34px);font-weight:800}.studio .nv-hello p,.studio .nv-head p{color:var(--muted-fg);margin:8px 0 0;font-size:15px;line-height:1.55}.studio .nv-head h1{font-size:28px}.studio .nv-head p{margin-top:6px;font-size:14px}.studio .nv-srcs{grid-template-columns:repeat(4,minmax(0,268px));justify-content:center;gap:18px;width:100%;display:grid}.studio .nv-src{text-align:left;background:var(--bg);border:1px solid var(--border);cursor:pointer;font:inherit;color:inherit;border-radius:20px;flex-direction:column;padding:0;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}.studio .nv-src:hover,.studio .nv-src:focus-visible{border-color:var(--primary);box-shadow:0 10px 30px color-mix(in oklab, var(--primary) 14%, transparent);outline:none;transform:translateY(-2px)}.studio .nv-badge{z-index:1;color:#004fb1;background:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:14px;left:14px;box-shadow:0 1px 3px #0000001a}.studio .nv-art{place-items:center;height:150px;display:grid}.studio .a-tulis{background:#e8f0ff}.studio .a-rekam{background:#fff3c4;justify-content:center;align-items:center;gap:14px;display:flex}.studio .a-video{background:#d8f5e6}.studio .nv-paper{background:#fff;border-radius:14px;flex-direction:column;gap:8px;width:170px;padding:16px;display:flex;box-shadow:0 6px 18px #0b15331a}.studio .nv-paper>i{background:#c9d8f5;border-radius:999px;height:8px}.studio .nv-say{align-items:center;gap:3px;margin-top:4px;display:flex}.studio .nv-say em{background:#156cdd;border-radius:2px;width:3px}.studio .nv-say .nv-dot{margin-right:6px}.studio .nv-dot{background:var(--primary);color:#fff;border-radius:999px;flex:none;place-items:center;width:22px;height:22px;display:grid}.studio .nv-dot svg{fill:currentColor;stroke:none;width:10px;height:10px}.studio .nv-mic{color:#b54708;background:#fff;border-radius:999px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 6px 18px #0b15331a}.studio .nv-mic svg{width:26px;height:26px}.studio .nv-wave{align-items:center;gap:4px;display:flex}.studio .nv-wave em{background:#dc9a1e;border-radius:2px;width:4px}.studio .nv-cam{aspect-ratio:16/9;background:#2b3440;border-radius:12px;width:190px;position:relative;overflow:hidden;box-shadow:0 6px 18px #0b153324}.studio .nv-cam i{font-style:normal;display:block;position:absolute}.studio .nv-body{background:#2f6fd6;border-radius:48% 48% 0 0;width:34%;height:50%;bottom:0;right:18%}.studio .nv-cam .nv-face{aspect-ratio:1;background:#e0b48f;border-radius:999px;width:21%;position:absolute;bottom:44%;right:24.5%}.studio .nv-tag{font:800 9px var(--font);color:#0b1533;background:#ffd23f;border-radius:6px;padding:3px 7px;top:14px;left:10px}.studio .nv-line{background:#fff;border-radius:999px;width:40px;height:5px;top:38px;left:10px}.studio .nv-src-b{flex-direction:column;gap:8px;padding:18px 20px 20px;display:flex}.studio .nv-src-h{align-items:center;gap:10px;display:flex}.studio .nv-src-h b{letter-spacing:-.02em;font-size:17px}.studio .nv-ic{border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.studio .nv-ic svg{width:18px;height:18px}.studio .nv-ic.blue{background:var(--brand-soft);color:var(--primary)}.studio .nv-ic.amber{background:color-mix(in oklab, #f79009 16%, var(--bg));color:#b54708}.studio .nv-ic.green{background:var(--success-soft);color:var(--success)}.studio .nv-src-p{color:var(--muted-fg);font-size:13px;line-height:1.55}.studio .nv-src small{color:var(--muted-fg);font-size:12px}.studio .nv-alt{align-items:center;gap:20px;font-size:13px;display:flex}.studio .nv-alt>i{background:var(--border);border-radius:999px;width:4px;height:4px}.studio .nv-alt .linkbtn{align-items:center;gap:6px;font-weight:700;display:inline-flex}.studio .nv-alt .linkbtn svg{width:16px;height:16px}.studio .nv-col{flex-direction:column;gap:18px;width:100%;max-width:720px;display:flex}.studio .nv-col.wide{max-width:1040px}.studio .nv-isi-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.studio .nv-isi-top .linkbtn{align-items:center;gap:6px;font-weight:700;display:inline-flex}.studio .nv-isi-top .linkbtn svg{width:16px;height:16px}.studio .nv-pill{background:var(--muted);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.studio .nv-pill.full{display:flex}.studio .nv-pill button{height:30px;font:700 12px var(--font);color:var(--muted-fg);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:1;padding:0 12px}.studio .nv-pill.full button{height:32px;font-size:13px}.studio .nv-pill button.on{background:var(--bg);color:var(--fg);box-shadow:0 1px 3px #0000001a}.studio .nv-card{background:var(--bg);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:18px;min-width:0;padding:24px;display:flex}.studio .nv-card>.fld>span:first-child,.studio .nv-card>.fld>span>label{color:var(--fg);font-size:13px;font-weight:700}.studio .nv-card .fld input:not([type=checkbox]){height:44px;padding:0 14px;font-size:14px}.studio .nv-card .fld textarea{resize:none;padding:12px 14px;font-size:14px;line-height:1.6}.studio .nv-ai{border:1px solid var(--border);background:var(--bg);height:30px;font:700 12px var(--font);color:var(--primary);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.studio .nv-ai svg{width:14px;height:14px}.studio .nv-ai.on{background:var(--brand-soft);border-color:#0000}.studio .nv-count{color:var(--muted-fg);font-size:12px;font-weight:500}.studio .nv-voices{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.studio .nv-voice{border:1px solid var(--border);background:var(--bg);border-radius:12px;position:relative}.studio .nv-voice.on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.studio .nv-voice-pick{width:100%;font:inherit;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:flex-start;gap:3px;padding:42px 10px 10px;display:flex}.studio .nv-voice-pick b{font-size:13px}.studio .nv-voice-pick small{color:var(--muted-fg);font-size:11px;font-weight:500}.studio .nv-voice-play{background:var(--muted);width:26px;height:26px;color:var(--fg);cursor:pointer;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:10px;left:10px}.studio .nv-voice.on .nv-voice-play{background:var(--primary);color:var(--primary-fg)}.studio .nv-voice-play svg{fill:currentColor;stroke:none;width:11px;height:11px}.studio .nv-drop{border:2px dashed color-mix(in oklab, var(--primary) 30%, var(--border));background:color-mix(in oklab, var(--brand-soft) 50%, var(--bg));text-align:center;cursor:pointer;color:var(--fg);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;display:flex;position:relative}.studio .nv-drop:hover{border-color:var(--primary)}.studio .nv-drop>svg{width:30px;height:30px;color:var(--primary)}.studio .nv-drop b{font-size:14px}.studio .nv-drop small{color:var(--muted-fg);font-size:12px;font-weight:500}.studio .nv-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.studio .nv-drop.busy{opacity:.7;cursor:progress}.studio .nv-file{border:1px solid var(--border);color:var(--fg);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:14px;display:grid}.studio .nv-file-th{cursor:pointer;border:0;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.studio .nv-file-th.amber{background:color-mix(in oklab, #f79009 18%, var(--bg));color:#b54708}.studio .nv-file-th svg{fill:currentColor;stroke:none;width:14px;height:14px}.studio .nv-file-th.v{object-fit:cover;cursor:default;background:#2b3440;border-radius:6px;width:64px;height:36px}.studio .nv-file-tx{flex-direction:column;min-width:0;display:flex}.studio .nv-file-tx b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.studio .nv-file-tx small{color:var(--muted-fg);font-size:11px;font-weight:500}.studio .nv-ok{color:var(--success);font-size:12px;font-weight:700}.studio .nv-bar{background:var(--success);border-radius:999px;grid-column:1/-1;height:6px}.studio .nv-rec-link{align-self:flex-start;align-items:center;gap:6px;margin-top:4px;font-weight:700;display:inline-flex}.studio .nv-rec-link svg{width:15px;height:15px}.studio .nv-recording{background:var(--danger-soft);color:var(--fg);border-radius:14px;align-items:center;gap:10px;padding:16px;display:flex}.studio .nv-recording small{color:var(--muted-fg);flex:1;font-weight:500}.studio .nv-rec-dot{background:var(--danger);border-radius:999px;width:12px;height:12px;animation:1s ease-in-out infinite nv-pulse}@keyframes nv-pulse{50%{opacity:.35}}.studio .nv-go{flex-direction:column;align-items:center;gap:8px;display:flex}.studio .nv-go small{color:var(--muted-fg);text-align:center;font-size:12px}.studio .nv-cta{border-radius:12px;height:50px;padding-inline:26px;font-size:15px;font-weight:700}.studio .nv-go .nv-cta{width:100%}.studio .nv-cta svg{width:16px;height:16px}.studio .nv-tp-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.studio .nv-vchip{border:1px solid var(--border);background:var(--bg);font:inherit;color:var(--fg);text-align:left;border-radius:14px;align-items:center;gap:10px;padding:8px 14px 8px 10px;display:flex}.studio button.nv-vchip{cursor:pointer}.studio .nv-vchip>span:last-child{flex-direction:column;display:flex}.studio .nv-vchip b{font-size:13px}.studio .nv-vchip small{color:var(--muted-fg);font-size:11px}.studio .nv-vchip.ok{border-color:color-mix(in oklab, var(--primary) 35%, var(--border))}.studio .nv-vchip.ok .nv-dot{width:30px;height:30px}.studio .nv-vchip.ok .nv-dot svg{width:12px;height:12px}.studio .nv-vchip.bad{border-color:var(--danger-border);background:var(--danger-soft)}.studio .nv-bars{align-items:center;gap:3px;height:18px;display:flex}.studio .nv-bars i{background:var(--primary);border-radius:2px;width:3px;height:16px;animation:1s ease-in-out infinite nv-bar;display:block}.studio .nv-bars i:nth-child(2){animation-delay:.15s}.studio .nv-bars i:nth-child(3){animation-delay:.3s}.studio .nv-bars i:nth-child(4){animation-delay:.45s}@keyframes nv-bar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.studio .nv-tp{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.studio .nv-tp .nv-card{gap:14px;padding:20px}.studio .nv-side{flex-direction:column;gap:14px;min-width:0;display:flex}.studio .nv-side .nv-card{padding:18px}.studio .nv-sec-h{gap:12px;display:flex}.studio .nv-sec-h>span,.studio span.nv-sec-h{flex-direction:column;gap:2px;display:flex}.studio .nv-sec-h b{font-size:15px}.studio .nv-sec-h small{color:var(--muted-fg);font-size:12px}.studio .nv-sec-h .linkbtn{align-self:flex-start;font-size:12px;font-weight:700}.studio .nv-styles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.studio .nv-style{border:1px solid var(--border);background:var(--bg);font:inherit;color:var(--fg);text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;gap:4px;padding:8px 8px 10px;display:flex}.studio .nv-style:hover{border-color:color-mix(in oklab, var(--primary) 45%, var(--border))}.studio .nv-style.on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.studio .nv-style-th{margin-bottom:4px;display:block;position:relative}.studio .nv-style-th .preset-thumb{border-radius:10px;overflow:hidden}.studio .nv-tick{background:var(--primary);width:22px;height:22px;color:var(--primary-fg);border-radius:999px;place-items:center;display:grid;position:absolute;top:6px;right:6px}.studio .nv-tick svg{stroke-width:3px;width:12px;height:12px}.studio .nv-style b{padding-inline:2px;font-size:13px}.studio .nv-style small{color:var(--muted-fg);padding-inline:2px;font-size:11px;line-height:1.4}.studio .nv-brands{flex-direction:column;gap:6px;display:flex}.studio .nv-brands button{border:1px solid var(--border);background:var(--bg);font:inherit;color:var(--fg);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:10px;padding:9px 10px;display:flex}.studio .nv-brands button b{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.studio .nv-brands button.on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:color-mix(in oklab, var(--brand-soft) 60%, var(--bg))}.studio .nv-sw{display:flex}.studio .nv-sw i{width:20px;height:20px;box-shadow:0 0 0 2px var(--bg);border-radius:999px}.studio .nv-sw i+i{margin-left:-6px}.studio .nv-radio{border:2px solid var(--border);border-radius:999px;flex:none;width:16px;height:16px}.studio .nv-brands button.on .nv-radio{border:5px solid var(--primary)}.studio .nv-side .fld>span:first-child{color:var(--fg);font-size:13px;font-weight:700}.studio .nv-fmts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.studio .nv-fmts button{border:1px solid var(--border);background:var(--bg);font:inherit;color:var(--fg);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.studio .nv-fmts button.on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.studio .nv-fmts button>span:last-child{flex-direction:column;display:flex}.studio .nv-fmts b{font-size:13px}.studio .nv-fmts small{color:var(--muted-fg);font-size:11px;font-weight:500}.studio .nv-ratio{border:2px solid var(--muted-fg);border-radius:4px;flex:none;width:28px;height:16px;margin:0 4px}.studio .nv-ratio.v{width:12px;height:22px}.studio .nv-fmts button.on .nv-ratio{border-color:var(--primary)}.studio .nv-more{border:0;border-top:1px solid var(--border);font:inherit;color:var(--fg);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:12px 0 0;display:flex}.studio .nv-more>span{flex-direction:column;gap:2px;display:flex}.studio .nv-more b{font-size:13px}.studio .nv-more small{color:var(--muted-fg);font-size:11px}.studio .nv-more svg{width:16px;height:16px;transition:transform .15s}.studio .nv-more[aria-expanded=true] svg{transform:rotate(180deg)}.studio .nv-more-in{flex-direction:column;gap:14px;display:flex}.studio .nv-more-in .fld input{height:38px!important;font-size:13px!important}.studio .nv-mascot .mascots{grid-template-columns:repeat(3,minmax(0,1fr))}.studio .nv-tp-go{justify-content:flex-end;align-items:center;gap:16px;display:flex}.studio .nv-tp-go small{color:var(--muted-fg);text-align:right;max-width:52ch;font-size:12px}.studio .nv-tp-go .nv-cta{flex:none}@media (max-width:1180px){.studio .nv-srcs{grid-template-columns:repeat(2,minmax(0,300px))}}@media (max-width:980px){.studio .nv-srcs{grid-template-columns:minmax(0,420px)}.studio .nv-art{height:120px}.studio .nv-tp{grid-template-columns:minmax(0,1fr)}.studio .nv-top{grid-template-columns:1fr auto;row-gap:8px;height:auto;padding-block:10px}.studio .nv-steps{grid-area:2/1/auto/-1;justify-content:center}}@media (max-width:640px){.studio .nv-main{padding:20px 16px 32px}.studio .nv-center{justify-content:flex-start;gap:24px}.studio .nv-srcs{grid-template-columns:minmax(0,1fr)}.studio .nv-card{padding:16px}.studio .nv-voices,.studio .nv-styles{grid-template-columns:repeat(2,minmax(0,1fr))}.studio .nv-tp-go{flex-direction:column-reverse;align-items:stretch}.studio .nv-tp-go small{text-align:center}.studio .nv-alt{flex-direction:column;gap:10px}.studio .nv-alt>i{display:none}.studio .nv-st>i{width:14px}.studio .nv-proj small{display:none}}.studio .cs{z-index:7;background:color-mix(in oklab, var(--canvas) 55%, transparent);border-radius:16px;place-items:center;display:grid;position:absolute;inset:18px 22px 56px}.studio .cs.sk-on{background:color-mix(in oklab, var(--brand-soft) 70%, var(--canvas));overflow:hidden}.studio .cs-sk{position:absolute;inset:0}.studio .cs-sk i{border-radius:12px;position:absolute}.studio .sk{--sk:color-mix(in oklab, var(--primary) 12%, var(--bg));background:linear-gradient(90deg, transparent 0, color-mix(in oklab, var(--bg) 70%, transparent) 50%, transparent 100%) no-repeat, var(--sk);background-size:400px 100%,100% 100%;animation:1.4s linear infinite cs-shim}.studio .sk.alt{--sk:color-mix(in oklab, var(--primary) 20%, var(--bg))}@keyframes cs-shim{0%{background-position:-400px 0,0 0}to{background-position:400px 0,0 0}}.studio .cs-card{border:1px solid var(--border);background:var(--bg);border-radius:20px;flex-direction:column;gap:16px;width:min(420px,100% - 32px);padding:24px;display:flex;position:relative;box-shadow:0 20px 50px #0b153324}.studio .cs-h{align-items:center;gap:14px;display:flex}.studio .cs-h>span:last-child{flex-direction:column;gap:3px;display:flex}.studio .cs-h b{letter-spacing:-.02em;font-size:17px}.studio .cs-h small{color:var(--muted-fg);font-variant-numeric:tabular-nums;font-size:12px}.studio .cs-ic{background:var(--brand-soft);width:52px;height:52px;color:var(--primary);border-radius:16px;flex:none;place-items:center;animation:2.4s ease-in-out infinite cs-float;display:grid}.studio .cs-ic svg{width:26px;height:26px}.studio .cs-ic.ok{background:var(--success-soft);color:var(--success);animation:none}@keyframes cs-float{50%{transform:translateY(-6px)}}.studio .cs-bar{background:var(--muted);border-radius:999px;height:8px;position:relative;overflow:hidden}.studio .cs-bar i{background:var(--primary);border-radius:999px;transition:width .5s;position:absolute;top:0;bottom:0;left:0}.studio .cs-bar i.ok{background:var(--success)}.studio .cs-steps{color:var(--muted-fg);flex-direction:column;gap:10px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.studio .cs-steps li{align-items:center;gap:10px;display:flex}.studio .cs-steps li.done{color:var(--fg);opacity:.8}.studio .cs-steps li.now{color:var(--fg);font-weight:700}.studio .cs-mk{border:2px solid var(--border);border-radius:999px;flex:none;place-items:center;width:20px;height:20px;display:grid}.studio li.done .cs-mk{background:var(--success-soft);color:var(--success);border:0}.studio li.now .cs-mk{background:var(--primary);color:var(--primary-fg);border:0}.studio .cs-mk svg{stroke-width:3px;width:12px;height:12px}.studio .spin{animation:1s linear infinite kk-spin}.studio .cs-note{border-top:1px solid var(--border);color:var(--muted-fg);padding-top:12px;font-size:12px;line-height:1.5}.studio .cs-badge{background:var(--brand-soft);color:var(--primary);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin-bottom:4px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.studio .cs-badge svg{width:12px;height:12px}.studio .cs-picks{border:1px solid var(--border);border-radius:16px;flex-direction:column;margin:6px 0 0;font-size:13px;display:flex;overflow:hidden}.studio .cs-picks>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:10px;padding:11px 14px;display:flex}.studio .cs-picks>div:last-child{border-bottom:0}.studio .cs-picks dt{color:var(--muted-fg)}.studio .cs-picks dd{text-align:right;margin:0;font-weight:700}.studio .cs-voice{border:1px solid var(--border);background:color-mix(in oklab, var(--brand-soft) 40%, var(--bg));width:100%;font:inherit;color:var(--fg);text-align:left;border-radius:16px;align-items:center;gap:10px;margin-top:14px;padding:14px;display:flex}.studio button.cs-voice{cursor:pointer}.studio .cs-voice>span:last-child{flex-direction:column;display:flex}.studio .cs-voice b{font-size:13px}.studio .cs-voice small{color:var(--muted-fg);font-size:11px}.studio .cs-voice .nv-dot{width:32px;height:32px}.studio .cs-voice .nv-dot svg{width:12px;height:12px}.studio .tl2 .sk-blk{border-radius:10px;border:0!important}@media (prefers-reduced-motion:reduce){.studio .sk,.studio .cs-ic,.studio .nv-bars i,.studio .spin,.studio .nv-rec-dot{animation:none}}.studio .stage.layar .vcam video{object-fit:contain}.studio .stage .zfx{z-index:0;pointer-events:none;position:absolute;inset:0}.studio .stage .zf,.studio .stage .zf>i{display:block;position:absolute}.studio .stage .zf,.studio .stage .zf-dim{inset:0}.studio .stage .zf-ring{border:5px solid #ffd23f;border-radius:22px;box-shadow:0 0 0 7px #ffd23f4d}.studio .stage .zf-rip{border:3px solid #fff;border-radius:999px;width:44px;height:44px;box-shadow:0 0 0 10px #ffffff59,0 0 0 22px #ffffff26}.studio .stage .zplace{z-index:50;cursor:crosshair;position:absolute;inset:0}.studio .stage .zplace-dot{pointer-events:none;border:4px solid #ffd23f;border-radius:999px;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;box-shadow:0 0 0 4px #0b153366}.studio .stage .zplace-tip{color:#fff;font:700 16px var(--font);white-space:nowrap;pointer-events:none;background:#0b1533e0;border-radius:10px;padding:8px 14px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.studio .nv-src.is-new{border:2px solid var(--primary);box-shadow:0 10px 30px color-mix(in oklab, var(--primary) 14%, transparent)}.studio .nv-badge.new{background:var(--primary);color:var(--primary-fg)}.studio .a-layar{background:#f1e8ff}.studio .nv-screen{background:#fff;border-radius:12px;width:190px;height:112px;position:relative;overflow:hidden;box-shadow:0 6px 18px #0b15331f}.studio .nv-screen>i{display:block;position:absolute}.studio .nv-screen .s-bar{background:#eef1f5;height:16px;top:0;left:0;right:0}.studio .nv-screen .s-h{background:#0b1533;border-radius:999px;width:70px;height:8px;top:30px;left:12px}.studio .nv-screen .s-p{background:#c9d0dc;border-radius:999px;width:96px;height:6px;top:46px;left:12px}.studio .nv-screen .s-btn{background:#156cdd;border-radius:6px;width:48px;height:20px;top:24px;right:14px}.studio .nv-screen .s-ring{border:3px solid #ffd23f;border-radius:10px;width:64px;height:36px;top:16px;right:6px}.studio .nv-screen .s-card{background:#e8f0ff;border-radius:6px;width:60px;height:18px;bottom:12px;left:12px}.studio .nv-screen .s-cur{fill:#0b1533;stroke:#fff;stroke-width:1.6px;stroke-linejoin:round;width:20px;height:20px;position:absolute;top:34px;right:18px}.studio .nv-ic.violet{background:color-mix(in oklab, #7c3aed 14%, var(--bg));color:#6d28d9}.studio .nv-opts{border:1px solid var(--border);border-radius:16px;flex-direction:column;display:flex}.studio .nv-opt{border-bottom:1px solid var(--border);cursor:pointer;color:var(--fg);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.studio .nv-opt.col{cursor:default;flex-direction:column;align-items:stretch;gap:10px}.studio .nv-opt-row{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.studio .nv-opt>span,.studio .nv-opt-row>span{flex-direction:column;flex:1;gap:3px;display:flex}.studio .nv-opt b{font-size:13px}.studio .nv-opt small{color:var(--muted-fg);font-size:12px;font-weight:500;line-height:1.5}.studio .nv-switch{appearance:none;background:var(--border);cursor:pointer;border-radius:999px;flex:none;width:38px;height:22px;margin:0;transition:background .15s;position:relative}.studio .nv-switch:after{content:"";background:#fff;border-radius:999px;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.studio .nv-switch:checked{background:var(--primary)}.studio .nv-switch:checked:after{transform:translate(16px)}.studio .nv-switch:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 25%, transparent);outline:none}.studio .nv-tip{color:var(--muted-fg);margin:0;padding:12px 16px;font-size:12px;line-height:1.55}.studio .trk.zooms .trk-lane{height:30px;position:relative}.studio .tl2.compact.has-zooms .trk.scenes .trk-lane{height:60px}.studio .zpill{border:1px solid color-mix(in oklab, var(--primary) 40%, var(--border));background:var(--bg);max-width:140px;height:24px;font:700 11px var(--font);color:var(--fg);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;z-index:2;border-radius:999px;padding:0 10px;position:absolute;top:3px;overflow:hidden;transform:translate(-50%)}.studio .zpill.todo{color:var(--muted-fg);border-style:dashed}.studio .zpill.off{opacity:.5;text-decoration:line-through}.studio .zpill.on{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.studio .zcut{cursor:pointer;z-index:1;background:repeating-linear-gradient(135deg,#f97066 0 3px,#fee4e2 3px 6px);border:0;border-radius:3px;width:10px;height:18px;padding:0;position:absolute;top:6px}.studio .zcut:hover{outline:2px solid #f04438}.studio .zlist{flex-direction:column;gap:4px;display:flex}.studio .zrow{border:1px solid var(--border);background:var(--bg);font:inherit;color:var(--fg);text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.studio .zrow.on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.studio .zrow.off{opacity:.55}.studio .zrow-tx{flex-direction:column;min-width:0;display:flex}.studio .zrow-tx b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.studio .zrow-tx small{color:var(--muted-fg);font-size:11px;font-weight:500}.studio .zst{border:2px dashed var(--muted-fg);border-radius:999px;flex:none;width:10px;height:10px}.studio .zst.ok{background:var(--success);border:0}.studio .checks.col{flex-direction:column;gap:8px}.studio .insp-zoom{flex-direction:column;gap:14px;padding:18px;display:flex}.studio .insp-zoom>.linkbtn{align-self:flex-start;align-items:center;gap:4px;font-weight:700;display:inline-flex}.studio .insp-zoom>.linkbtn svg{width:15px;height:15px}.studio .insp-zoom h3{letter-spacing:-.02em;margin:-8px 0 0;font-size:17px;font-weight:800}.studio .zi-time{font:700 14px var(--font);color:var(--fg);font-variant-numeric:tabular-nums;align-items:center}.studio .zi-point{background:color-mix(in oklab, #f79009 14%, var(--bg));color:var(--fg);border-radius:10px;margin:0;padding:10px 12px;font-size:12.5px;font-weight:500;line-height:1.5}.studio .zi-point.ok{background:var(--success-soft)}.studio a.credit-chip{text-decoration:none}.studio a.credit-chip:hover{background:color-mix(in oklab, var(--primary) 18%, var(--bg))}.studio .zai{flex-direction:column;gap:6px;margin-top:4px;display:flex}.studio .vpick{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.studio .vp{border:1px solid var(--border);background:var(--bg);border-radius:10px;position:relative}.studio .vp.on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.studio .vp>button:first-child{width:100%;font:inherit;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 34px 8px 10px;display:flex}.studio .vp>button:first-child:disabled{cursor:progress}.studio .vp b{font-size:12.5px}.studio .vp small{color:var(--muted-fg);font-size:11px;font-weight:500}.studio .vp-play{background:var(--muted);width:24px;height:24px;color:var(--fg);cursor:pointer;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.studio .vp-play svg{fill:currentColor;stroke:none;width:10px;height:10px}.studio .pn-layar{gap:12px}.studio .lb{border:1px solid var(--border);background:var(--bg);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.studio .lb-h{justify-content:space-between;align-items:center;gap:8px;min-height:22px;display:flex}.studio label.lb-h{cursor:pointer}.studio .lb-h b{color:var(--fg);font-size:13.5px;font-weight:800}.studio .lb-h small{color:var(--muted-fg);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.studio .lb-chips{flex-wrap:wrap;gap:6px;display:flex}.studio .lb-chips button{border:1px solid var(--border);background:var(--bg);height:28px;font:600 12px var(--font);color:var(--muted-fg);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:0 10px;display:inline-flex}.studio .lb-chips button.on{border-color:color-mix(in oklab, var(--primary) 45%, var(--border));background:var(--brand-soft);color:var(--primary)}.studio .lb-chips svg{stroke-width:3px;width:12px;height:12px}.studio .lb-acts{gap:6px;display:flex}.studio .lb-acts .btn{flex:1}.studio .lb-warn{color:color-mix(in oklab, #b54708 85%, var(--fg));font-size:11.5px;font-weight:600}.studio .lb-note{color:var(--muted-fg);font-size:11.5px;font-weight:500;line-height:1.45}.studio .pn-layar .zrow{padding:7px 10px}.studio .pn-layar .zrow b{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12.5px;overflow:hidden}.studio .pn-layar .zrow small{font:600 11px var(--mono,monospace);color:var(--muted-fg)}.rt-card{width:min(640px,100%);height:min(720px,100%)}.rt-body{flex-direction:column;gap:14px;display:flex}.rt-voices{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.rt-lines{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rt-lines li{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:8px;display:grid}.rt-t{font:600 11px var(--mono,monospace);color:var(--muted-fg);padding-top:9px}.rt-lines textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--field-border,var(--border));background:var(--bg);width:100%;color:var(--fg);font:450 13.5px/1.45 var(--font);border-radius:10px;padding:8px 10px}.rt-lines textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 20%, transparent);outline:none}.rt-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px 16px;display:flex}.rt-foot small{color:var(--muted-fg);font-size:12px}@media (max-width:640px){.rt-voices{grid-template-columns:repeat(2,minmax(0,1fr))}.rt-foot{flex-direction:column;align-items:stretch}}.rt-voices .vp{border:1px solid var(--border);background:var(--bg);border-radius:10px;position:relative}.rt-voices .vp.on{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.rt-voices .vp>button:first-child{width:100%;font:inherit;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 30px 8px 10px;display:flex}.rt-voices .vp b{font-size:12.5px}.rt-voices .vp small{color:var(--muted-fg);font-size:11px}.rt-voices .vp-play{background:var(--muted);width:22px;height:22px;color:var(--fg);cursor:pointer;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.rt-voices .vp-play svg{fill:currentColor;stroke:none;width:9px;height:9px}.studio .tip{display:inline-flex;position:relative}.studio .tip-btn{width:20px;height:20px;color:var(--muted-fg);cursor:help;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.studio .tip-btn:hover,.studio .tip-btn:focus-visible{color:var(--primary);outline:none}.studio .tip-btn svg{width:15px;height:15px}.studio .tip-pop{z-index:40;background:var(--fg);width:250px;color:var(--bg);font:500 12px/1.5 var(--font);text-align:left;opacity:0;visibility:hidden;pointer-events:none;border-radius:10px;padding:10px 12px;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;top:calc(100% + 6px);left:-6px;transform:translateY(-2px);box-shadow:0 10px 30px #00000040}.studio .tip:hover .tip-pop,.studio .tip:focus-within .tip-pop{opacity:1;visibility:visible;transform:none}.studio .lb-t{align-items:center;gap:4px;display:inline-flex}.studio .pn-clean{gap:12px}.studio .pn-h{align-items:center;gap:6px;display:flex}.studio .pn-h h2{margin:0}.studio .src-seg button{gap:5px;padding:0 6px;font-size:12px}.studio .src-seg button svg{width:14px;height:14px}.studio .lb-text{box-sizing:border-box;resize:vertical;border:1px solid var(--field-border,var(--border));background:var(--bg);width:100%;color:var(--fg);font:450 13.5px/1.5 var(--font);border-radius:10px;padding:10px 12px}.studio .lb-text:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 22%, transparent);outline:none}.studio .lb .linkbtn{align-self:flex-start}.studio .lb-lock{vertical-align:-1px;width:12px;height:12px}.studio .lb .vtake{margin:0}.studio .vtake-chg{flex:none;position:relative;overflow:hidden}.studio .vtake-chg input{opacity:0;cursor:pointer;position:absolute;inset:0}.studio .lb .vdrop{margin:0;padding:18px 12px}.studio .lb .fld>.lb-t{color:var(--muted-fg);font-size:12px;font-weight:600}.studio .lb .rec{margin:0}.studio .voice-ok2{background:var(--success-soft);color:var(--success);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;display:flex}.studio .voice-ok2 svg{flex:none;width:15px;height:15px}.studio .voice-ok2 span{color:var(--fg);font-weight:500}.studio .voice-ok2 .tag{margin-left:auto}.studio .lb-warn.box{background:color-mix(in oklab, #f79009 12%, var(--bg));border-radius:10px;margin:0;padding:9px 12px}.studio .lb .ex-sizes{margin:0}.studio .lb-row{color:var(--fg);padding-top:2px;font-size:13px;font-weight:600}.studio .lb-line{flex-direction:row;justify-content:space-between;align-items:center;padding:10px 14px}.studio .lb-line b{font-size:13px}.studio .lb-ic{width:16px;height:16px;color:var(--muted-fg)}.studio .vp-play.on,.rt-voices .vp-play.on{background:var(--primary);color:var(--primary-fg)}.studio .ins-h2{align-items:center;gap:4px;display:flex}.studio .ins h3 .tip{margin-left:2px}.studio .st-insp .tip-pop{left:auto;right:-8px}.studio .style-cur.compact{gap:10px;padding:8px}.studio .style-cur.compact .preset-thumb{flex:none;width:84px}.studio .style-cur.compact .sc-txt b{font-size:14px}.studio .brand-pick.compact button{padding:7px 10px}.studio .brand-pick.compact .bp-tx b{font-size:12.5px}.studio .lb .brand-pick{margin:0}.studio .lb-h .linkbtn{align-items:center;gap:3px;font-size:12px;display:inline-flex}.studio .lb-h .linkbtn svg{width:13px;height:13px}.studio .adv-in .lb-row{padding:2px 0}.studio .mascot-h{color:var(--muted-fg);font-size:12px;font-weight:600}.studio .qt-by{align-items:center;gap:24px;margin-top:40px;display:flex}.studio .qt-av{background:var(--s-acc);width:96px;height:96px;color:var(--s-on-acc);border-radius:999px;flex:none;place-items:center;font-size:46px;font-weight:800;display:grid}.studio .qt-who{flex-direction:column;gap:4px;min-width:0;display:flex}.studio .qt-who b{font-size:38px;font-weight:800;line-height:1.1}.studio .qt-who small{color:var(--s-sub);font-size:28px;font-weight:600}.studio .qt-stars{gap:8px;margin-left:auto;display:flex}.studio .qt-star{fill:#ffb800;width:52px;height:52px}.studio .qt.tall .qt-by{flex-wrap:wrap;row-gap:20px}.studio .qt.tall .qt-stars{order:-1;width:100%;margin-left:0}.studio .bd{border-radius:40px;width:1100px;display:grid;position:relative;overflow:hidden;box-shadow:0 26px #0b15331f}.studio .bd-side{box-sizing:border-box;grid-area:1/1;padding:50px 64px 56px}.studio .bd-side.before{background:color-mix(in srgb, var(--s-ink) 7%, var(--s-card));color:var(--s-sub)}.studio .bd-side.after{background:var(--s-card);color:var(--s-ink);clip-path:inset(0 100% 0 0)}.studio .bd-chip{letter-spacing:.02em;background:#0b153314;border-radius:999px;padding:10px 26px;font-size:30px;font-weight:800;display:inline-block}.studio .bd-side.after .bd-chip{background:var(--s-acc);color:var(--s-on-acc)}.studio .bd ul{gap:22px;margin:30px 0 0;padding:0;list-style:none;display:grid}.studio .bd li{letter-spacing:-.01em;align-items:center;gap:22px;min-height:70px;font-size:44px;font-weight:700;line-height:1.15;display:flex}.studio .bd-mk{color:#e5484d;background:#ff4d4f29;border-radius:999px;flex:none;place-items:center;width:64px;height:64px;display:grid}.studio .bd-side.after .bd-mk{background:var(--s-acc);color:var(--s-on-acc)}.studio .bd-mk svg{width:34px;height:34px}.studio .bd-div{background:var(--s-acc);z-index:2;width:8px;margin-left:-4px;position:absolute;top:0;bottom:0;left:0}.studio .bd-knob{background:var(--s-acc);width:96px;height:96px;color:var(--s-on-acc);border-radius:999px;place-items:center;margin:-48px 0 0 -48px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 10px #0b153329}.studio .bd-knob svg{width:46px;height:46px}.studio .bd.tall{border-radius:36px;width:640px}.studio .bd.tall .bd-side{padding:44px 40px 48px}.studio .bd.tall li{gap:18px;font-size:40px}.studio .bd.tall .bd-mk{width:58px;height:58px}.studio .tp{width:1000px;position:relative}.studio .tp h2{letter-spacing:-.02em;text-align:center;margin:0 0 30px;font-size:60px;font-weight:800;line-height:1.1}.studio .tp-pile{height:520px;position:relative}.studio .tp-card{box-sizing:border-box;background:var(--s-card);width:560px;color:var(--s-ink);border-radius:28px;align-items:center;gap:22px;padding:22px 28px;font-size:36px;font-weight:700;line-height:1.15;display:flex;position:absolute;box-shadow:0 14px #0b15331a,0 0 0 2px #0b15330f}.studio .tp-ic{color:#e5484d;background:#ff4d4f24;border-radius:20px;flex:none;place-items:center;width:72px;height:72px;display:grid}.studio .tp-ic svg{width:40px;height:40px}.studio .tp-badge{z-index:50;box-sizing:border-box;color:#fff;letter-spacing:-.03em;background:#ff4d4f;border-radius:999px;place-items:center;min-width:150px;height:150px;padding:0 26px;font-size:76px;font-weight:800;display:grid;position:absolute;top:-20px;right:10px;box-shadow:0 10px #b4141e40}.studio .tp.tall{width:640px}.studio .tp.tall h2{margin-bottom:40px;font-size:58px}.studio .tp.tall .tp-pile{height:720px}.studio .tp.tall .tp-card{width:520px;font-size:36px}.studio .tp.tall .tp-badge{min-width:130px;height:130px;font-size:64px;top:-14px;right:0}.studio .gl{--gl-w:300px;--gl-gap:40px;--gl-h:400px;width:1100px;height:500px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.studio .gl-strip{gap:var(--gl-gap);display:flex;position:absolute;top:50px}.studio .gl-card{box-sizing:border-box;width:var(--gl-w);height:var(--gl-h);background:var(--s-card);transform-origin:50% 60%;border-radius:32px;flex-direction:column;flex:none;margin:0;display:flex;overflow:hidden;box-shadow:0 18px #0b15331a}.studio .gl-art{background:color-mix(in srgb, var(--s-acc) 12%, var(--s-card));flex:1;place-items:center;min-height:0;display:grid;overflow:hidden}.studio .gl-art>img{object-fit:cover;width:100%;height:100%}.studio .gl-art>:not(img):not(.gl-ic){width:92%;height:92%}.studio .gl-ic{background:var(--s-card);width:140px;height:140px;color:var(--s-acc);border-radius:999px;place-items:center;display:grid}.studio .gl-ic svg{width:76px;height:76px}.studio .gl-card figcaption{text-align:center;color:var(--s-ink);padding:22px 24px 26px;font-size:32px;font-weight:800;line-height:1.15}.studio .gl.tall{--gl-w:250px;--gl-gap:28px;--gl-h:340px;width:640px;height:450px}.studio .gl.tall figcaption{padding:18px 18px 22px;font-size:30px}.studio .f-prompt h3{margin-bottom:24px}.studio .f-prompt .pr-box{background:#fff;border:5px solid #0b1533;border-radius:30px;padding:26px 28px 18px;position:relative}.studio .f-prompt .pr-val{color:#0b1533;min-height:108px;font-size:40px;font-weight:600;line-height:54px;display:block;position:relative}.studio .f-prompt .pw{white-space:nowrap;display:inline-block}.studio .f-prompt .pr-val .fcaret{height:50px;top:2px}.studio .f-prompt .pr-bar{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.studio .f-prompt .pr-chip{height:58px;color:var(--s-acc);background:#eef4ff;border-radius:999px;align-items:center;gap:10px;padding:0 22px;font-size:26px;font-weight:800;display:inline-flex}.studio .f-prompt .pr-chip svg{width:30px;height:30px}.studio .f-prompt .pr-send{background:var(--s-acc);height:76px;color:var(--s-on-acc);border-radius:999px;place-items:center;padding:0 40px;font-size:32px;font-weight:800;display:grid}.studio .f-prompt .pr-status{color:#3c4a6b;align-items:center;gap:18px;height:50px;margin-top:26px;font-size:28px;font-weight:700;display:flex}.studio .f-prompt .pr-spin{box-sizing:border-box;border:6px solid #dbe6ff;border-top-color:var(--s-acc);border-radius:999px;flex:none;width:40px;height:40px}.studio .f-prompt .pr-msg{white-space:nowrap}.studio .f-prompt .pr-prog{background:#e5e7eb;border-radius:99px;flex:1;height:14px;overflow:hidden}.studio .f-prompt .pr-prog i{background:var(--s-acc);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.studio .form.tall.f-prompt .pr-val{font-size:38px;line-height:52px}.studio .sc .napas{transform-origin:50%;position:absolute;inset:0}.studio .film{z-index:880;pointer-events:none;position:absolute;inset:0;overflow:hidden}.studio .film .grain{opacity:.1;mix-blend-mode:overlay;background:url(/grain.png) 0 0/200px 200px;position:absolute;inset:-200px}.studio .film .vig{background:radial-gradient(85% 75%,#0000 55%,#050a1a57 100%);position:absolute;inset:0}.studio .bloom{visibility:hidden;pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.studio .el-kursor{pointer-events:none}.studio .k-cur{width:100%;display:block;position:relative}.studio .k-cur svg{fill:#fff;stroke:#0b1533;stroke-width:2.6px;stroke-linejoin:round;filter:drop-shadow(0 4px 6px #0b153340);width:100%;height:auto;display:block;overflow:visible}.studio .sc[data-tone=malam] .k-cur svg{fill:#0b1533;stroke:#fff}.studio .k-ring{border:6px solid var(--s-mark);opacity:0;border-radius:999px;width:72px;height:72px;position:absolute;top:-36px;left:-36px}.studio .k-mark{background:var(--s-mark);transform-origin:0;z-index:0;border-radius:10px;width:0;height:0;position:absolute;top:0;left:0;transform:scaleX(0)}.studio .tx-el.f-display{letter-spacing:-.035em;line-height:1.02}.studio .outro .ou-row{justify-content:center;align-items:center;gap:40px;display:flex;position:relative}.studio .outro .ou-dot{background:var(--s-acc);border-radius:999px;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute;top:50%;left:50%}.studio .outro .ou-mark{flex:none;width:190px;height:190px;display:block}.studio .outro .ou-name{white-space:nowrap;position:relative}.studio .outro .ou-ch.k{color:var(--s-acc)}.studio .outro .ou-caret{background:var(--s-acc);vertical-align:-.1em;border-radius:5px;width:10px;height:.92em;margin-left:8px;display:inline-block}.studio .outro .ou-label{letter-spacing:.14em;font-size:34px}.studio .outro.tall .ou-row{flex-direction:column;gap:30px}.studio .outro.tall .ou-mark{width:220px;height:220px}.studio .kc{perspective:2000px;width:900px;height:596px;position:relative}.studio .kc-card{box-sizing:border-box;aspect-ratio:16/9;border:7px solid var(--s-ink);background:var(--s-card);transform-origin:50%;border-radius:38px;width:100%;margin:0;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 26px 0 -6px #0b153329}.studio .kc-art{background:color-mix(in srgb, var(--s-acc) 10%, var(--s-card));place-items:center;display:grid;position:absolute;inset:0}.studio .kc-art>img{object-fit:cover;width:100%;height:100%}.studio .kc-art>:not(img):not(.kc-ic){width:100%;height:100%}.studio .kc-ic{background:var(--s-card);width:190px;height:190px;color:var(--s-acc);border-radius:999px;place-items:center;display:grid}.studio .kc-ic svg{width:100px;height:100px}.studio .kc-card figcaption{background:var(--s-ink);color:var(--s-bg);letter-spacing:-.01em;border-radius:999px;padding:10px 22px;font-size:30px;font-weight:800;position:absolute;bottom:22px;left:26px}.studio .kc.tall{width:620px;height:439px}.studio .kc.tall .kc-card{border-width:6px;border-radius:30px}.studio .kc.tall figcaption{font-size:28px;bottom:18px;left:20px}.studio .ct{flex-direction:column;align-items:center;gap:22px;width:960px;display:flex;position:relative}.studio .ct-view{pointer-events:none;position:relative;overflow:hidden}.studio .ct-stage{transform-origin:0 0;position:absolute}.studio .ct-body{position:relative;overflow:hidden}.studio .ct-layar .ct-body{background:#0b1533;border-radius:26px;box-shadow:0 28px 0 -8px #0b15332e,0 0 0 2px #0b15331a}.studio .ct-bar{align-items:center;gap:12px;height:52px;padding:0 24px;display:flex}.studio .ct-bar i{background:#ff5f57;border-radius:999px;width:16px;height:16px}.studio .ct-bar i:nth-child(2){background:#febc2e}.studio .ct-bar i:nth-child(3){background:#28c840}.studio .ct-kartu .ct-body{box-shadow:0 28px 0 -8px #0b15332e, 0 0 0 6px var(--s-ink);border-radius:30px}.studio .ct-hp .ct-body{background:#0b1533;border-radius:120px;padding:38.4px;box-shadow:0 30px 0 -8px #0b153333}.studio .ct-hp .ct-view{border-radius:84px}.studio .ct-label{background:var(--s-ink);color:var(--s-bg);letter-spacing:-.01em;white-space:nowrap;border-radius:999px;padding:12px 30px;font-size:34px;font-weight:800}.studio .gl-art>.ct-view,.studio .kc-art>.ct-view{flex:none}.studio .pd-canvas{width:100%;height:100%;display:block}.studio .pk-in{border-radius:var(--r-control);background:var(--muted);gap:10px;margin:6px 0 4px;padding:12px;display:grid}.studio .pk-in input[type=color]{border:1px solid var(--border);background:var(--bg);border-radius:8px;width:100%;height:34px;padding:2px}.studio .bg-split{z-index:0;pointer-events:none;position:absolute;inset:0}.studio .bg-split.sp-diagonal.sp-bawah{clip-path:polygon(0 60%,100% 40%,100% 100%,0 100%)}.studio .bg-split.sp-diagonal.sp-atas{clip-path:polygon(0 0,100% 0,100% 58%,0 42%)}.studio .bg-split.sp-setengah.sp-bawah{clip-path:inset(50% 0 0)}.studio .bg-split.sp-setengah.sp-atas{clip-path:inset(0 0 50%)}.studio .bg-split.sp-sudut.sp-atas{clip-path:circle(34% at 0 0)}.studio .bg-split.sp-sudut.sp-bawah{clip-path:circle(34% at 100% 100%)}.studio .bg-ganti{z-index:0;visibility:hidden;pointer-events:none;position:absolute;inset:0}.studio .typed-text{position:relative}.studio .typed-letter{display:inline-block}.studio .typed-caret{opacity:0;pointer-events:none;background:currentColor;border-radius:2px;width:.075em;position:absolute}.studio .choreo-cursor{z-index:42;opacity:0;transform-origin:10% 10%;pointer-events:none;width:48px;height:60px;position:absolute;top:0;left:0}.studio .choreo-cursor svg{fill:#fff;stroke:#0b1533;stroke-width:1.8px;filter:drop-shadow(0 3px 2px #00000040);width:100%;height:100%}.studio .choreo-cursor i{border:4px solid var(--s-acc);opacity:0;border-radius:50%;width:56px;height:56px;position:absolute;top:-24px;left:-24px}.studio .choreo-handoff{z-index:45;pointer-events:none;opacity:0;position:absolute}.studio .kf-edit{border-bottom:1px solid var(--border);background:var(--bg);flex:none;align-items:center;gap:8px;min-height:46px;padding:6px 12px;font-size:11px;display:flex;overflow-x:auto}.studio .kf-edit>b{white-space:nowrap;color:var(--primary);align-items:center;gap:5px;display:flex}.studio .kf-edit label{color:var(--muted-fg);flex:none;align-items:center;gap:5px;display:flex}.studio .kf-edit input,.studio .kf-edit select{border:1px solid var(--border);background:var(--bg);height:28px;color:var(--fg);font:500 11px var(--mono,monospace);border-radius:5px;width:76px;padding:3px 5px}.studio .kf-edit select{width:100px}.studio .kf-edit input[type=color]{width:40px;padding:2px}.studio .kf-tool{border:1px solid var(--border);width:27px;height:27px;color:var(--fg);background:var(--bg);cursor:pointer;border-radius:5px;flex:none;justify-content:center;align-items:center;display:inline-flex}.studio .kf-tool svg{width:13px;height:13px}.studio .kf-tool:disabled{opacity:.3;cursor:default}.studio .kf-tool.danger{color:var(--danger)}.studio .kf-edit-help{color:var(--muted-fg);white-space:nowrap;margin-left:auto}.studio .kf-empty{color:var(--muted-fg)}.studio .kf-object{--lc:#658cff}.studio .kf-object .trk-hd{height:36px}.studio .kf-object:has(.kf-duration) .trk-hd{height:64px}.studio .kf-object.selected .trk-hd{background:color-mix(in oklab, var(--primary) 10%, var(--bg))}.studio .kf-object.dim .kf-name{opacity:.45}.studio .kf-name{text-align:left;min-width:0;color:var(--fg);font:600 11px var(--font);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:0;overflow:hidden}.studio .kf-name small{color:var(--muted-fg);margin-left:8px;font-weight:400}.studio .kf-fold:not(.open) svg{transform:rotate(-90deg)}.studio .kf-property .trk-hd{padding-left:39px;font-weight:400}.studio .kf-property .trk-hd>span{flex:1}.studio .kf-property .trk-lane{background-image:repeating-linear-gradient(90deg, transparent 0, transparent calc(100% - 1px), var(--border) 100%)}.studio .kf-add{color:var(--primary)}.studio .kf-add:disabled{opacity:.3}.studio .kf-track-line{background:color-mix(in oklab, var(--primary) 25%, var(--border));pointer-events:none;height:1px;position:absolute;top:13px}.studio .kf-span{background:color-mix(in oklab, var(--primary) 7%, var(--bg));border:1px solid var(--border);pointer-events:none;border-radius:4px;height:18px;position:absolute;top:7px}.studio .kf-point{cursor:ew-resize;touch-action:none;z-index:3;background:0 0;border:0;place-items:center;width:30px;height:28px;padding:5px;display:grid;position:absolute;top:3px;transform:translate(-50%)}.studio .kf-point i{background:var(--bg);width:12px;height:12px;box-shadow:0 0 0 2px var(--bg);border:1.5px solid #769eff;display:block;transform:rotate(45deg)}.studio .kf-point.on i,.studio .kf-point:hover i{background:#ffd23f;border-color:#ffd23f}.studio .kf-point:focus-visible{outline:2px solid var(--primary);border-radius:4px}.studio .kf-point:disabled{opacity:.35;cursor:default}.studio .kf-point.outside{opacity:.3}.studio .kf-point.summary{top:5px}.studio .kf-duration{opacity:1}.studio .kf-scene,.studio .kf-scene .trk-hd{background:color-mix(in oklab, var(--primary) 5%, var(--bg))}.studio .kf-scene-range{height:20px;color:var(--muted-fg);background:color-mix(in oklab, var(--primary) 12%, var(--bg));text-align:left;font:500 10px var(--mono,monospace);cursor:pointer;white-space:nowrap;border:0;border-radius:4px;padding-left:8px;position:absolute;top:5px;overflow:hidden}.studio .kf-legacy{color:var(--muted-fg);pointer-events:none;font-size:10px;position:absolute;top:9px}.studio .tl-bar{flex-wrap:wrap}.studio .tl-bar .tl-zoom input{width:80px}@media (min-width:1181px){.studio-app.v2:has(.st-tl>.tl2:not(.compact)){grid-template-areas:"top top top""panel stage insp""tl tl tl"}}@media (min-width:861px) and (max-width:1180px){.studio-app.v2:has(.st-tl>.tl2:not(.compact)){grid-template-areas:"top top""panel stage""tl tl"}}@media (max-width:860px){.studio .st-tl:has(.tl2:not(.compact)){height:430px}.studio .kf-edit-help{display:none}}.studio .kf-edit-target{text-overflow:ellipsis;max-width:110px;color:var(--muted-fg);overflow:hidden}@media (max-width:1180px){.studio .kf-edit-help{display:none}}.studio .layer-surface{background:var(--s-bg);position:absolute;inset:0;overflow:hidden}.studio .layer-surface[data-tone=malam]{--s-bg:#0b1533;--s-ink:#fff}.studio .layer-surface[data-tone=terang]{--s-bg:#fff;--s-ink:#0b1533}.studio .layer-surface[data-tone=biru]{--s-bg:#e8f0ff;--s-soft:#0b15332e}.studio .layer-surface[data-tone=kuning]{--s-bg:#ffd23f}.studio .layer-surface[data-tone=langit]{--s-bg:#d6ecff}.studio .layer-surface[data-tone=hijau]{--s-bg:#d8f5e6}.studio .layer-surface[data-tone=pink]{--s-bg:#ffe1ec}.studio .composition-controls p,.studio .composition-start p{color:var(--muted-fg);font-size:12px;line-height:1.6}.studio .composition-controls label{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.studio .composition-controls input{border:1px solid var(--border);background:var(--bg);width:70px;color:var(--fg);border-radius:6px;padding:6px}.studio .composition-start{border:1px solid var(--border);border-radius:16px;padding:22px}.studio .comp-markers .trk-hd{gap:8px}.studio .comp-markers small{opacity:.65;font-size:9px;font-weight:400}.studio .comp-marker{border:1px solid var(--border);height:23px;color:var(--fg);background:var(--bg);font:500 10px var(--font);cursor:ew-resize;white-space:nowrap;z-index:2;touch-action:none;border-left:2px solid #ffd23f;border-radius:4px;padding:3px 7px;position:absolute;top:5px}.studio .marker-name{z-index:4;background:var(--bg);width:110px;height:25px;color:var(--fg);border:1px solid var(--primary);position:absolute;top:4px}.studio .kf-object:has(.hd-btn[title=Naikkan\ layer]) .trk-hd{gap:1px}.studio .comp-marker{text-overflow:ellipsis;overflow:hidden}.studio .tl-tools{border:1px solid var(--border);border-radius:7px;gap:2px;padding:2px;display:flex}.studio .tl-tools .tl-btn{padding:5px 7px}.studio .tl-tools svg{width:14px;height:14px}.studio .tl-scroll.hand-tool{cursor:grab}.studio .tl-scroll.hand-tool:active{cursor:grabbing}.studio .music-dropping{outline-offset:-3px;background:#8b5cf612;outline:2px dashed #9b85ff}.studio .kf-edit{flex-wrap:wrap;gap:6px 10px;min-height:44px;overflow:visible}.studio .kf-edit label{font-size:10px}.studio .kf-edit input{width:65px}.studio .kf-capture{color:#f6be48;flex-shrink:0}.studio .kf-capture:hover{background:#f6be4822}.studio .kf-object .kf-point.summary{height:28px;padding:7px;top:35px}.studio .kf-object .tbar{border-radius:8px;height:32px;font-size:12px}.studio .kf-object .tbar .grab{border-left-width:4px;width:14px}.studio .kf-object .tbar .grab-r{border-right:4px solid color-mix(in oklab, var(--lc) 65%, transparent);width:14px}.studio .kf-object .tbar .tb-lbl{line-height:1.4}.studio .kf-property .trk-hd{height:34px}@media (pointer:coarse){.studio .kf-point{width:36px;height:32px}.studio .kf-object .tbar .grab,.studio .kf-object .tbar .grab-r{width:20px}}.studio .music-track .trk-hd{align-items:flex-start;gap:7px;height:82px;padding-top:10px}.studio .music-track .trk-hd b{flex:1;font-size:11px}.studio .music-lane{background:color-mix(in oklab, #a78bfa 3%, var(--bg))}.studio .music-clip{cursor:grab;touch-action:none;background:#8b5cf622;border:1px solid #a78bfa88;border-radius:5px;height:72px;position:absolute;top:3px;overflow:hidden}.studio .music-clip:active{cursor:grabbing}.studio .music-clip-name{color:#a78bfa;pointer-events:none;white-space:nowrap;font-size:10px;position:absolute;top:3px;left:10px}.studio .music-wave{opacity:.25;pointer-events:none;align-items:center;gap:1px;display:flex;position:absolute;inset:7px}.studio .music-wave i{background:#a78bfa;flex:1;min-width:1px}.studio .music-trim{cursor:ew-resize;z-index:4;touch-action:none;background:#a78bfa55;width:8px;position:absolute;top:0;bottom:0}.studio .music-trim.left{left:0}.studio .music-trim.right{right:0}.studio .music-curve{pointer-events:none;color:#dec9ff;position:absolute;inset:0}.studio .music-key{cursor:move;touch-action:none;z-index:5;background:#33284f;border:2px solid #d4baff;border-radius:2px;width:12px;height:12px;padding:0;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}.studio .music-key.on,.studio .music-key:hover{background:#f6be48;border-color:#f6be48}.studio .music-controls{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 14px;max-width:calc(100vw - 24px);min-height:38px;padding:7px 12px;font-size:10px;display:flex;position:sticky;left:0}.studio .music-controls label{align-items:center;gap:5px;display:flex}.studio .music-controls input[type=range]{accent-color:#a78bfa;width:95px}.studio .music-controls input[type=number]{background:var(--bg);border:1px solid var(--border);width:65px;color:var(--fg);border-radius:4px;padding:3px}.studio .music-controls output{min-width:30px}.studio .music-drop-hint{color:var(--muted-fg);font-size:11px;position:absolute;top:28px;left:15px}.studio .ap-music{text-align:left;color:#a78bfa;flex-direction:column;gap:8px;padding:15px 12px;display:flex}.studio .ap-music small{color:var(--muted-fg);font-size:10px}.studio .pose-record{color:#f6be48;border:1px solid #f6be4844}.studio .pose-record:disabled{opacity:.4}.music-drag-ghost{z-index:9999;pointer-events:none;color:#dfcdff;background:#282038;border:1px solid #a78bfa;border-radius:8px;padding:10px 14px;font-size:13px;position:fixed;box-shadow:0 6px 28px #0005}.music-drag-ghost small{margin-top:4px;font-size:10px;display:block}.studio .ap-music{touch-action:none;cursor:grab}.studio .cursor-step{border:1px solid var(--border);border-radius:8px;gap:8px;margin-bottom:10px;padding:10px;display:grid}.studio .curve-editor{position:relative}.studio .curve-pop{background:var(--bg);border:1px solid var(--border);z-index:25;border-radius:10px;width:275px;padding:12px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 8px 32px #0005}.studio .curve-pop svg{width:100%;height:170px;overflow:visible}.studio .curve-pop circle{cursor:move;touch-action:none}.studio .curve-values{gap:5px;display:flex}.studio .curve-values label{gap:4px;display:grid}.studio .curve-values input{width:54px}.studio .curve-pop small{color:var(--muted-fg);white-space:normal;margin-top:8px;line-height:1.5;display:block}.studio .parent-rig{pointer-events:none;position:absolute;inset:0}.studio .parent-rig .el{pointer-events:auto}.studio .kf-property-tools{border-bottom:1px solid var(--border);height:28px;padding-left:35px}.studio .kf-property-tools .tl-btn{height:25px;font-size:10px}.studio .key-batch,.studio .event-library,.studio .event-edit{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:7px 12px;font-size:10px;display:flex}.studio .key-batch{flex:none}.studio .key-batch label,.studio .event-edit label{align-items:center;gap:4px;display:flex}.studio .key-batch input,.studio .event-edit input[type=number]{width:62px;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:4px}.studio .key-marquee{z-index:999;pointer-events:none;background:#658cff22;border:1px solid #769eff;position:fixed}.studio .beat-tick{opacity:.7;background:#a78bfa;width:1px;height:6px;position:absolute;bottom:0}.studio .event-library,.studio .event-edit{background:var(--bg);max-width:calc(100vw - 12px);position:sticky;left:0}.studio .event-library select,.studio .event-edit select{max-width:180px;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:4px;font-size:11px}.studio .event-track .trk-hd{height:42px}.studio .event-clip{height:28px;color:var(--fg);white-space:nowrap;text-overflow:ellipsis;cursor:grab;touch-action:none;background:#d78b3f33;border:1px solid #d78b3faa;border-radius:6px;padding:6px 12px 6px 8px;font-size:10px;position:absolute;top:6px;overflow:hidden}.studio .event-clip.sound{background:#36a58b33;border-color:#36a58baa}.studio .event-clip.selected{outline:2px solid #f6be48}.studio .event-trim{cursor:ew-resize;background:#fff2;width:10px;position:absolute;top:0;bottom:0;right:0}.studio .text-motion-panel{border:1px solid var(--border);border-radius:8px;gap:8px;margin:12px 0;padding:10px;display:grid}.studio .key-select-tool{cursor:crosshair}.studio .group-members{gap:8px;display:grid}.studio .stage,.studio .stage *{-webkit-user-select:none;user-select:none}.studio .stage img{-webkit-user-drag:none}.composition-check{border:1px solid var(--border);border-radius:10px;margin:12px 0;padding:12px;font-size:12px}.composition-check summary{cursor:pointer;font-weight:700}.composition-check ul{gap:12px;padding-left:18px;display:grid}.composition-check li[data-severity=error]{color:#df5858}.motion-issue{text-align:left;text-underline-offset:3px;text-decoration:underline}.motion-draft-backdrop{z-index:150;background:#000a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.motion-draft{background:var(--panel,#171b25);width:min(920px,100%);max-height:calc(100dvh - 40px);color:var(--fg,#eee);border-radius:18px;padding:24px;overflow:auto;box-shadow:0 24px 90px #0008}.motion-draft h2{margin:0 0 8px;font-size:20px}.motion-draft-preview{flex-direction:column;height:min(52vh,500px);min-height:230px;display:flex}.motion-draft-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.studio .choreo-probe{visibility:hidden;pointer-events:none;width:0;height:0;display:block;position:absolute}.motion-draft-scrub{align-items:center;gap:12px;margin:12px 0;font-size:12px;display:flex}.motion-draft-scrub input{min-width:0;accent-color:var(--primary);flex:1}.motion-draft-scrub output{font-variant-numeric:tabular-nums;min-width:55px}.studio .clip-actions{border-bottom:1px solid var(--border);flex-wrap:wrap;flex:none;align-items:center;gap:6px 10px;padding:7px 12px;font-size:11px;display:flex}.studio .clip-actions label{align-items:center;gap:6px;display:flex}.studio .clip-actions input{background:var(--bg);width:82px;color:var(--fg);border:1px solid var(--border);border-radius:5px;padding:4px}.studio .tl-scroll:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.studio .clip-actions{flex-wrap:nowrap;min-height:42px;overflow-x:auto}.studio .clip-actions>span{white-space:nowrap}.studio .clip-actions .tl-btn{flex:none}.studio .kf-label-color{appearance:none;cursor:pointer;background:0 0;border:0;flex:none;width:12px;height:20px;padding:0}.studio .kf-label-color::-webkit-color-swatch-wrapper{padding:3px 1px}.studio .kf-label-color::-webkit-color-swatch{border:0;border-radius:3px}.studio .kf-rename{background:var(--bg);width:70px;min-width:30px;color:var(--fg);border:1px solid var(--primary);border-radius:4px;flex:1;padding:4px}.studio select.kf-label-color{color:#0000;border-radius:3px;width:12px;height:16px}.studio select.kf-label-color option{color:var(--fg);background:var(--bg)}.studio .tl-head-resize{cursor:col-resize;z-index:8;touch-action:none;width:7px;position:absolute;top:0;bottom:0;right:0}.studio .tl-head-resize:hover,.studio .tl-head-resize:focus-visible{background:var(--primary);outline:none}.studio .property-graph{border-bottom:1px solid var(--border);background:var(--bg);flex:none;min-height:0}.studio .graph-tools,.studio .graph-footer{flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:flex}.studio .graph-tools b{font-size:12px}.studio .graph-tools select{background:var(--bg);max-width:140px;color:var(--fg);border:1px solid var(--border);border-radius:5px;padding:5px}.studio .property-graph>svg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:180px;display:block}.studio .property-graph svg text{fill:var(--muted-fg);font:12px var(--font)}.studio .graph-grid{fill:none;stroke:var(--border);stroke-width:1px}.studio .graph-zero{fill:none;stroke:var(--muted-fg);stroke-width:1px;stroke-dasharray:4 4}.studio .graph-line{fill:none;stroke:#769eff;stroke-width:2.5px}.studio .graph-playhead{fill:none;stroke:#f48771;stroke-width:1.5px}.studio .graph-point{fill:var(--bg);stroke:#769eff;stroke-width:2px;cursor:move}.studio .graph-point.selected,.studio .graph-point:focus{fill:#f6be48;stroke:#f6be48;outline:none}.studio .graph-footer{padding-top:0}.studio .graph-footer>span{color:var(--muted-fg);flex:1;min-width:220px}.studio .graph-footer label{align-items:center;gap:5px;display:flex}.studio .graph-footer input{border:1px solid var(--border);background:var(--bg);width:75px;color:var(--fg);border-radius:4px;padding:4px}.studio .motion-part-letter,.studio .motion-part-word{display:inline-block}.studio .kf-parts-tools{flex-wrap:wrap;gap:6px}.studio .kf-parts-tools input,.studio .kf-parts-tools select{background:var(--st-surface,#20232b);color:inherit;border:1px solid #72798a55;border-radius:5px;max-width:180px;padding:5px 8px}.studio .kf-parts-tools small{opacity:.65}.studio .motion-tools{border:1px solid #8796b744;border-radius:10px;min-width:0;margin:14px 0;padding:10px}.studio .motion-tools legend{padding:0 6px;font-size:12px}.studio .motion-tools details{border-bottom:1px solid #8796b733;padding:10px 0}.studio .motion-tools summary{cursor:pointer;font-size:12px;font-weight:600}.studio .motion-tools label{gap:4px;margin:8px 0;font-size:11px;display:grid}.studio .motion-tools .check{align-items:center;display:flex}.studio .motion-tools input[type=number],.studio .motion-tools select,.studio .path-editor input,.studio .path-editor select{background:var(--st-input,#20232b);color:inherit;border:1px solid #8796b755;border-radius:5px;width:100%;min-width:0;padding:6px}.studio .motion-tools-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.studio .motion-tools-row label{flex:1;min-width:60px}.studio .path-editor svg{touch-action:none;background:#758bad0e;border:1px solid #8796b733;width:100%;height:180px;margin:12px 0;overflow:visible}.studio .path-guide{fill:none;stroke:#78a8ff;stroke-width:2px;vector-effect:non-scaling-stroke}.studio .path-handle-line{fill:none;stroke:#9aaaca;stroke-width:1px;vector-effect:non-scaling-stroke}.studio .path-anchor{fill:#3479ff;stroke:#fff;stroke-width:2px;cursor:move}.studio .path-handle{fill:#ffd05c;stroke:#1b2540;stroke-width:1px;cursor:move}.studio .motion-canvas-tools{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.studio .motion-canvas-tools circle{pointer-events:all;touch-action:none}.studio .motion-canvas-tools .pivot-point{fill:#ffd05c;stroke:#122044;stroke-width:2px;cursor:crosshair}.studio .motion-canvas-mode{gap:5px;display:flex}.studio .motion-part-letter{position:relative}.motion-review-render{pointer-events:none;z-index:-1;position:fixed;top:0;left:-20000px}.motion-review-render>.stage{position:relative;overflow:hidden;transform:none!important}.composition-review{border:1px solid var(--border,#383838);border-radius:12px;margin:12px 0;padding:14px}.composition-review h3{margin:0 0 8px;font-size:14px}.composition-review p{margin:8px 0;font-size:12px;line-height:1.5}.composition-review ul{padding-left:20px;font-size:12px}.motion-review-samples{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.motion-review-samples figure{min-width:0;margin:0}.motion-review-samples img{border-radius:6px;width:100%;height:auto;display:block}.motion-review-samples figcaption{text-align:center;margin:4px;font-size:11px}.motion-review-choice{align-items:flex-start;gap:8px;margin:12px 0;font-size:12px;line-height:1.5;display:flex}.motion-review-choice input{min-width:16px;height:16px;margin:2px 0;width:16px!important}.motion-review-instruction{gap:6px;margin:12px 0;font-size:12px;display:grid}.motion-review-instruction textarea{resize:vertical;background:var(--st-input,#20232b);min-height:70px;color:inherit;border:1px solid #8796b744;border-radius:8px;padding:8px}.motion-review-targets{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:180px;margin:10px 0;display:grid;overflow:auto}.motion-review-targets label{align-items:center;gap:7px;min-width:0;font-size:12px;display:flex}.motion-review-targets input{flex:0 0 16px;height:16px;width:16px!important}