.ap-shell{--ap-bg:#0e1720;--ap-card:#18222e;--ap-card2:#101923;--ap-line:#2b3b4a;--ap-fg:#e8f0f7;--ap-muted:#91a4b5;--ap-blue:#7bb4e8;--ap-green:#6fa4cf;background:radial-gradient(circle at 84% 4%,#7bb4e824,transparent 28rem),linear-gradient(180deg,#101a24,var(--ap-bg));min-height:100vh;color:var(--ap-fg);font-family:IBM Plex Sans KR,sans-serif}.ap-shell *{box-sizing:border-box}.ap-top{border-bottom:1px solid var(--ap-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#0e1720e0;justify-content:space-between;align-items:center;gap:20px;height:72px;padding:0 clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.ap-brand{letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-weight:700}.ap-brand b{color:var(--ap-blue)}.ap-top nav{color:var(--ap-muted);align-items:center;gap:12px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.ap-top nav button,.ap-top nav a{border:1px solid var(--ap-line);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:8px 12px}.ap-hero{max-width:1240px;margin:auto;padding:clamp(64px,10vw,120px) clamp(20px,5vw,56px) 54px}.ap-hero>p{color:var(--ap-blue);letter-spacing:.18em;margin:0;font-family:JetBrains Mono,monospace;font-size:11px}.ap-hero h1{letter-spacing:-.055em;max-width:14ch;margin:18px 0 30px;font-size:clamp(42px,7vw,88px);line-height:1.02}.ap-hero>div{flex-wrap:wrap;gap:8px;display:flex}.ap-hero>div span{border:1px solid var(--ap-line);color:var(--ap-muted);border-radius:999px;padding:7px 11px;font-size:12px}.ap-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1240px;margin:auto;padding:0 clamp(20px,5vw,56px) 80px;display:grid}.ap-card{border:1px solid var(--ap-line);background:linear-gradient(145deg,var(--ap-card),var(--ap-card2));border-radius:18px;padding:clamp(22px,3vw,32px);box-shadow:0 28px 70px -48px #000}.ap-card.ap-studio{grid-column:1/-1}.ap-card-head{grid-template-columns:auto 1fr auto;align-items:start;gap:14px;display:grid}.ap-card-head>span{border:1px solid var(--ap-line);width:36px;height:36px;color:var(--ap-blue);border-radius:10px;place-items:center;font-family:JetBrains Mono,monospace;font-size:11px;display:grid}.ap-card-head small{color:var(--ap-blue);letter-spacing:.12em;font-family:JetBrains Mono,monospace;font-size:10px;display:block}.ap-card-head h2{letter-spacing:-.025em;margin:5px 0 0;font-size:21px}.ap-card-head>b{color:var(--ap-green);border:1px solid #6fa4cf4d;border-radius:999px;padding:6px 9px;font:10px JetBrains Mono,monospace}.ap-card>p{color:var(--ap-muted);margin:22px 0;font-size:13px;line-height:1.75}.ap-file{text-align:center;cursor:pointer;background:#7bb4e80a;border:1px dashed #476074;border-radius:12px;place-items:center;min-height:64px;padding:12px;display:grid}.ap-file:hover{border-color:var(--ap-blue)}.ap-file input{opacity:0;pointer-events:none;position:absolute}.ap-file span{color:var(--ap-muted);overflow-wrap:anywhere;font-size:13px}.ap-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.ap-options label{color:var(--ap-muted);gap:6px;font-size:11px;display:grid}.ap-options select{border:1px solid var(--ap-line);min-height:42px;color:var(--ap-fg);background:#0c151e;border-radius:9px;padding:0 10px;font:13px inherit}.ap-primary,.ap-actions button,.ap-cloud-actions button,.ap-job-list button{border:1px solid var(--ap-blue);color:#fff;cursor:pointer;background:#2a6fac;border-radius:999px;min-height:42px;padding:0 16px;font:700 12px inherit}.ap-primary{width:100%;margin-top:2px}.ap-primary:disabled,.ap-job-list button:disabled{opacity:.48;cursor:not-allowed}.ap-progress{background:#263747;border-radius:99px;height:5px;margin-top:13px;overflow:hidden}.ap-progress i{background:linear-gradient(90deg,var(--ap-blue),var(--ap-green));height:100%;transition:width .2s;display:block}.ap-error,.ap-message{background:#f08a8a14;border:1px solid #f08a8a59;border-radius:9px;padding:11px 13px;color:#f3a0a0!important;margin:13px 0 0!important;font-size:12px!important}.ap-message{background:#6fa4cf14;border-color:#6fa4cf59;color:#94bcdd!important}.ap-result{border:1px solid var(--ap-line);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;padding:14px;display:grid}.ap-result>div{gap:4px;display:grid}.ap-result span{color:var(--ap-muted);font-size:10px}.ap-result b{font:700 13px JetBrains Mono,monospace}.ap-result>p{color:var(--ap-muted);grid-column:1/-1;margin:5px 0 0;font-size:11px;line-height:1.6}.ap-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.ap-actions button{color:var(--ap-blue);background:0 0}.ap-cloud-actions{gap:8px;margin-top:12px;display:flex}.ap-cloud-actions .ap-primary{margin:0}.ap-locked,.ap-empty{border:1px solid var(--ap-line);color:var(--ap-muted);background:#ffffff06;border-radius:12px;padding:18px;font-size:12px;line-height:1.7}.ap-job-list{gap:8px;display:grid}.ap-job-list article{border:1px solid var(--ap-line);background:#ffffff05;border-radius:11px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.ap-job-list article>div{gap:3px;display:grid}.ap-job-list small{color:var(--ap-muted);font:10px JetBrains Mono,monospace}.ap-job-list b{font-size:13px}.ap-job-list span{color:var(--ap-green);font-size:11px}.ap-shell>footer{max-width:1120px;color:var(--ap-muted);text-align:center;margin:0 auto;padding:0 24px 56px;font-size:11px;line-height:1.7}.t08m-shell .mark-data-context+.ap-shell{min-height:calc(100vh - 42px)}html[data-theme=light] .ap-shell{--ap-bg:#f3f8fc;--ap-card:#fff;--ap-card2:#edf4fa;--ap-line:#cfdeea;--ap-fg:#1b2a38;--ap-muted:#586b7c;--ap-blue:#2f7dbf;--ap-green:#2f7dbf;background:radial-gradient(circle at 84% 4%,#2f7dbf1f,#0000 28rem),#f3f8fc}html[data-theme=light] .ap-top{background:#f3f8fce6}html[data-theme=light] .ap-options select{color:#1b2a38;background:#fff}@media (width<=820px){.ap-top nav span{display:none}.ap-grid{grid-template-columns:1fr}.ap-card.ap-studio{grid-column:auto}.ap-result{grid-template-columns:repeat(2,1fr)}.ap-hero h1{font-size:clamp(38px,13vw,62px)}}@media (width<=520px){.ap-top{padding:0 16px}.ap-top nav a{display:none}.ap-card-head{grid-template-columns:auto 1fr}.ap-card-head>b{grid-column:2}.ap-options{grid-template-columns:1fr}.ap-job-list article{flex-direction:column;align-items:stretch}.ap-job-list button{width:100%}}.ap-embed{--ap-bg:transparent;--ap-card:#fff;--ap-card2:#edf4fa;--ap-line:#cfdeea;--ap-fg:#1b2a38;--ap-muted:#586b7c;--ap-blue:#2f7dbf;--ap-green:#2f7dbf;color:var(--ap-fg);font-family:IBM Plex Sans KR,sans-serif}.ap-embed *{box-sizing:border-box}.ap-embed .ap-grid{max-width:none;margin:0;padding:0}.ap-embed .ap-options select{color:#1b2a38;background:#fff}html[data-theme=dark] .ap-embed{--ap-card:#18222e;--ap-card2:#101923;--ap-line:#2b3b4a;--ap-fg:#e8f0f7;--ap-muted:#91a4b5;--ap-blue:#7bb4e8;--ap-green:#6fa4cf}html[data-theme=dark] .ap-embed .ap-options select{color:#e8f0f7;background:#0c151e}.ap-steps{color:var(--ap-muted);flex-wrap:wrap;gap:10px;margin:0 0 16px;padding:0;font-size:12px;list-style:none;display:flex}.ap-steps li{border:1px solid var(--ap-line);border-radius:999px;align-items:center;gap:8px;padding:7px 12px;display:flex}.ap-steps b{background:var(--ap-blue);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font:700 10px JetBrains Mono,monospace;display:grid}.ap-try{text-align:left;max-width:640px;margin:0 auto}.ap-try .ap-card{margin:0}.t08h .ap-embed .ap-card-head h2{letter-spacing:-.025em;margin:5px 0 0;font-size:21px;font-weight:700;line-height:1.25}.t08h .ap-embed .ap-card>p{color:var(--ap-muted);margin:22px 0;font-size:13px;line-height:1.75}.t08h .ap-embed{--ap-card:var(--panel);--ap-card2:var(--panel);--ap-line:var(--line);--ap-fg:var(--ink);--ap-muted:var(--mut);--ap-blue:var(--acc);--ap-green:var(--acc)}.t08h .ap-embed .ap-primary{background:var(--cta-bg);color:var(--cta-ink);border-color:var(--cta-bg)}.ap-preview{grid-column:1/-1;margin-top:14px}.ap-preview video{background:#000;border-radius:10px;width:100%;max-height:420px;display:block}.ap-timeline{background:#7f96aa38;border-radius:99px;height:10px;margin:10px 0 6px;position:relative;overflow:hidden}.ap-timeline i{background:var(--ap-blue);opacity:.85;position:absolute;top:0;bottom:0}.ap-timeline b{background:var(--ap-fg);width:2px;position:absolute;top:-2px;bottom:-2px;transform:translate(-1px)}.ap-preview-row{color:var(--ap-muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.ap-preview-row button{border:1px solid var(--ap-line);min-height:32px;color:var(--ap-blue);cursor:pointer;background:0 0;border-radius:999px;padding:0 12px;font:600 12px inherit}.ap-pro{color:var(--ap-muted);grid-column:1/-1;margin-top:4px;font-size:12px}.ap-pro summary{cursor:pointer;padding:6px 0}.ap-pro .ap-actions{margin-top:8px}.ap-outputs{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;padding:0;display:grid}.ap-outputs legend{color:var(--ap-muted);margin-bottom:6px;font-size:11px}.ap-outputs label{border:1px solid var(--ap-line);cursor:pointer;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;padding:9px 11px;font-size:12px;display:grid}.ap-outputs label.on{border-color:var(--ap-blue);background:#7bb4e814}.ap-outputs label input{grid-row:1/3;margin:0}.ap-outputs label b{color:var(--ap-fg);font-weight:600}.ap-outputs label small{color:var(--ap-muted);grid-column:2;font-size:10px}.ap-language{color:var(--ap-fg);grid-template-columns:minmax(150px,auto) minmax(160px,1fr);align-items:center;gap:6px 12px;margin:12px 0;font-size:12px;display:grid}.ap-language select{border:1px solid var(--ap-line);background:var(--ap-card2,#fff);min-height:40px;color:var(--ap-fg);border-radius:9px;padding:0 10px;font:13px inherit}.ap-language small{color:var(--ap-muted);grid-column:1/-1;line-height:1.6}.ap-check{color:var(--ap-fg);grid-template-columns:auto 1fr;align-items:start;gap:7px 9px;margin:12px 0;font-size:12px;line-height:1.55;display:grid}.ap-check input{margin-top:3px}.ap-check small{color:var(--ap-muted);grid-column:2}@media (width<=520px){.ap-outputs,.ap-language{grid-template-columns:1fr}}.t08h .ap-embed{--ap-card:var(--panel);--ap-card2:var(--panel);--ap-line:var(--line);--ap-fg:var(--ink);--ap-muted:var(--mut);--ap-blue:var(--acc);--ap-green:var(--acc);font-family:inherit}.t08h .ap-embed .ap-card{border:1px solid color-mix(in srgb, var(--on-deep) 14%, transparent);background:color-mix(in srgb, var(--panel) 40%, transparent);box-shadow:none;border-radius:14px;padding:22px}.t08h .ap-embed .ap-card-head>span{display:none}.t08h .ap-embed .ap-card-head small,.t08h .ap-embed .ap-card-head>b,.t08h .ap-embed .ap-result b,.t08h .ap-embed .ap-job-list small{font-family:ui-monospace,Menlo,monospace}.t08h .ap-embed .ap-card-head>b{border-color:color-mix(in srgb, var(--on-deep) 14%, transparent);color:var(--acc)}.t08h .ap-embed .ap-file{border-color:color-mix(in srgb, var(--on-deep) 14%, transparent);background:0 0}.t08h .ap-embed .ap-options select,.t08h .ap-embed .ap-primary{font-family:inherit}.t08h .ap-embed .ap-options select{border-color:color-mix(in srgb, var(--on-deep) 14%, transparent);background:color-mix(in srgb, var(--panel) 40%, transparent);color:var(--ink)}.t08h .ap-embed .ap-locked,.t08h .ap-embed .ap-empty{border-color:color-mix(in srgb, var(--on-deep) 14%, transparent);background:0 0}.ap-embed .ap-card-head>span,.ap-embed .ap-card-head small,.ap-shell .ap-card-head>span,.ap-shell .ap-card-head small{display:none}.ap-embed .ap-card-head,.ap-shell .ap-card-head{grid-template-columns:1fr auto;align-items:center}.ap-embed .ap-card-head h2,.ap-shell .ap-card-head h2{margin:0}.t08h .ap-embed .ap-card-head small{display:block}.ap-embed{--ap-fg:var(--ink,var(--fg,#1b2a38));--ap-muted:var(--mut,var(--fg2,#586b7c));--ap-line:var(--line,#cfdeea);--ap-blue:var(--acc,var(--accent,#2f7dbf));--ap-green:var(--acc,var(--accent,#2f7dbf));font-family:inherit}.ap-embed .ap-card{border:0;border-top:1px solid var(--ap-line);box-shadow:none;background:0 0;border-radius:0;padding:18px 0 0}.ap-embed .ap-card-head>span{width:auto;height:auto;color:var(--ap-blue);letter-spacing:.14em;border:0;border-radius:0;place-items:start}.ap-embed .ap-card-head>b{border:0;padding:0}.ap-embed .ap-card-head h2{font-family:inherit;font-weight:700}.ap-embed .ap-file{background:0 0}.ap-embed .ap-result,.ap-embed .ap-locked,.ap-embed .ap-empty,.ap-embed .ap-job-list article{border:0;border-top:1px solid var(--ap-line);background:0 0;border-radius:0;padding:12px 0 0}.ap-embed .ap-error,.ap-embed .ap-message{background:0 0!important;border:0!important;border-left:2px solid!important;border-radius:0!important;padding:2px 0 2px 11px!important}.ap-next{border-top:1px solid var(--ap-line);grid-column:1/-1;margin-top:16px;padding-top:14px}.ap-next>strong{color:var(--ap-fg);font-size:13px;font-weight:700;display:block}.ap-next>p{color:var(--ap-muted);margin:4px 0 12px!important;font-size:12px!important}.ap-next a{border-top:1px solid var(--ap-line);color:inherit;padding:11px 0;text-decoration:none;display:block}.ap-next a:first-of-type{border-top:0}.ap-next a b{color:var(--ap-blue);font-size:13.5px;font-weight:700;display:block}.ap-next a span{color:var(--ap-muted);margin-top:2px;font-size:11.5px;line-height:1.6;display:block}.ap-next a:hover b{text-decoration:underline}