:root{--bg:#0b1017;--panel:#151c26;--panel-strong:#1d2632;--line:rgba(219,232,242,0.14);--text:#edf3f8;--muted:#8ea0ad;--blue:#5db8ff;--green:#56d08f;--font:"Pretendard","Avenir Next",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:linear-gradient(180deg,rgba(28,38,50,.94),rgba(8,12,18,.98)),radial-gradient(circle at top left,rgba(93,184,255,.16),transparent 32%);color:var(--text);font-family:var(--font)}a,button,select,textarea{font:inherit}button{border:1px solid rgba(219,232,242,.14);border-radius:7px;background:rgba(25,34,46,.86);color:var(--text);cursor:pointer}a{color:inherit;text-decoration:none}button.active,button:hover{border-color:rgba(93,184,255,.5);background:rgba(40,62,82,.88)}button:disabled{cursor:not-allowed;border-color:rgba(219,232,242,.08);background:rgba(25,34,46,.42);color:rgba(237,243,248,.38)}.playground{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid var(--line);background:rgba(10,15,22,.78);padding:22px 18px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(93,184,255,.42);border-radius:8px;background:linear-gradient(180deg,#263241,#151d27);font-weight:800}.brand small,.brand strong{display:block}.brand small{margin-top:3px;color:var(--muted)}.sidebar section{margin-top:22px}.example-menu{border-bottom:1px solid var(--line);padding-bottom:18px}.example-menu section:first-child{margin-top:0}.sidebar h2{margin:0 0 8px;color:var(--muted);font-size:11px;letter-spacing:0;text-transform:uppercase}.sidebar button{display:block;width:100%;margin:6px 0;padding:9px 10px;text-align:left}.ai-builder{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.ai-status{display:inline-flex;align-items:center;min-height:26px;margin-bottom:10px;border:1px solid rgba(219,232,242,.14);border-radius:999px;background:rgba(21,28,38,.8);color:#cdd8e2;padding:5px 10px;font-size:11px;font-weight:800}.ai-status.generating,.ai-status.ready,.ai-status.reviewing{border-color:rgba(93,184,255,.36);color:#bfe3ff}.ai-status.applied{border-color:rgba(86,208,143,.36);color:#bfead0}.ai-status.error{border-color:rgba(255,107,138,.4);color:#ffb4c2}.ai-result-card{display:grid;gap:7px;margin-bottom:12px;border:1px solid rgba(219,232,242,.12);border-radius:8px;background:rgba(21,28,38,.56);padding:10px}.ai-result-card div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;align-items:baseline}.ai-result-card span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.ai-result-card strong{min-width:0;color:#edf3f8;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.ai-result-card .ai-result-reason{align-items:start}.ai-result-card .ai-result-reason strong{color:#cfe0ec}.chat-log{display:grid;gap:8px;max-height:280px;overflow:auto;padding-right:4px}.chat-message{border:1px solid rgba(219,232,242,.12);border-radius:8px;padding:10px;background:rgba(21,28,38,.72)}.chat-message.user{border-color:rgba(93,184,255,.3);background:rgba(34,55,72,.7)}.chat-message span{display:block;margin-bottom:5px;color:var(--blue);font-size:11px;font-weight:800}.ai-error,.ai-summary,.ai-warnings,.chat-message p{margin:0;color:#d7e2eb;font-size:12px;line-height:1.45}.ai-builder label{display:grid;gap:7px;margin-top:12px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.ai-builder textarea{min-height:120px;resize:vertical;padding:10px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.45}.ai-builder select,.ai-builder textarea{width:100%;border:1px solid rgba(219,232,242,.14);border-radius:8px;outline:none;background:#0c1119;color:#e7eef5;text-transform:none}.ai-builder select{padding:9px 10px;font-size:12px}.ai-builder select:focus{border-color:rgba(93,184,255,.52)}.ai-builder label:last-of-type textarea{min-height:82px;font-family:var(--font)}.ai-builder textarea:focus{border-color:rgba(93,184,255,.52)}.prompt-presets{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.prompt-presets button{margin:0;padding:7px 8px;border-color:rgba(219,232,242,.1);color:#cdd8e2;font-size:11px;text-align:center}.ai-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.ai-actions button{margin:0;text-align:center}.ai-summary{margin-top:10px;color:var(--green)}.ai-error{margin-top:10px;color:#ff9fb0}.ai-warnings{display:grid;gap:4px;margin-top:8px;padding-left:18px;color:#f3d49b}.workspace{min-width:0;padding:24px}.hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.hero p{margin:0 0 4px;color:var(--muted);font-size:13px}.hero h1{margin:0;font-size:28px;line-height:1.15}.hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.editor-actions button,.hero button,.hero-actions a{display:inline-flex;align-items:center;min-height:38px;border:1px solid rgba(219,232,242,.14);border-radius:7px;background:rgba(25,34,46,.86);color:var(--text);padding:9px 12px}.hero-actions a:hover{border-color:rgba(93,184,255,.5);background:rgba(40,62,82,.88)}.panel{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent),var(--panel);box-shadow:0 20px 60px rgba(0,0,0,.26)}.panel-title{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:14px 16px}.panel-title span{color:var(--muted);font-size:12px}.preview{height:470px;margin-bottom:18px;overflow:hidden}.preview-scroll{height:calc(100% - 49px);min-height:320px;overflow:hidden}.scrollable-preview .preview-scroll{overflow:auto}.preview-canvas{width:100%;height:100%;min-width:var(--preview-min-width,100%);min-height:var(--preview-min-height,100%)}.globe-map-example,.kchart-react-root{width:100%;height:100%;min-height:100%}.globe-map-example{position:relative;overflow:hidden}.globe-map-chart-layer,.globe-map-tile-layer{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.globe-map-tile-layer{z-index:1;background:#dbe5ed}.globe-map-chart-layer{z-index:2}.globe-map-chart-layer svg{display:block;width:100%;height:100%}.globe-map-tile-layer .kchart-maplibre-canvas,.globe-map-tile-layer .kchart-maplibre-overlay,.globe-map-tile-layer .maplibregl-map{width:100%;height:100%}.globe-map-example.is-map-active .globe-map-tile-layer{z-index:2;pointer-events:auto}.globe-map-example.is-map-active .globe-map-chart-layer{z-index:3;pointer-events:none!important}.globe-map-example.is-map-active .globe-map-chart-layer *{pointer-events:none!important}.globe-map-example.is-map-active .globe-map-chart-layer svg{opacity:0}.cesium-route-example{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden}.cesium-route-error,.cesium-route-loading{position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:#d9e7ef;font-size:13px;font-weight:800;text-align:center;background:radial-gradient(circle at 50% 42%,rgba(64,167,255,.12),rgba(8,16,28,.92) 62%)}.cesium-route-error{color:#ffd1d1}.direct-renderer-interaction .kchart-tooltip-overlay{pointer-events:none!important}.kchart-three-constellation-label{position:absolute;right:18px;bottom:14px;z-index:5;pointer-events:none;border:1px solid rgba(143,216,255,.24);border-radius:6px;background:rgba(8,17,31,.76);color:#dff5ff;padding:7px 10px;font-size:11px;font-weight:700}.code-panel{overflow:hidden}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding:10px}.tabs .stackblitz-link,.tabs button{padding:8px 11px}.tabs .stackblitz-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid var(--line);border-radius:7px;background:rgba(93,184,255,.1);color:var(--text);font-size:13px;font-weight:700;text-decoration:none}.tabs .stackblitz-link:hover{border-color:var(--accent);color:#f8fbff}.tabs .stackblitz-link.disabled{cursor:not-allowed;opacity:.45;background:rgba(143,160,174,.08)}.code-view{min-height:360px;max-height:520px;margin:0;overflow:auto;padding:18px;background:#0c1119;color:#e7eef5;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.55}.api-reference{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:520px;background:#0c1119}.api-reference-nav{display:flex;flex-direction:column;gap:6px;border-right:1px solid rgba(219,232,242,.1);padding:18px 14px;background:rgba(5,9,16,.38)}.api-reference-nav strong{margin-bottom:8px;color:#f8fbff;font-size:13px;letter-spacing:0}.api-reference-nav a{border-radius:7px;color:var(--muted);padding:8px 10px;text-decoration:none;font-size:13px;font-weight:700}.api-reference-nav a:hover{background:rgba(93,184,255,.1);color:#f8fbff}.api-reference-content{max-height:620px;overflow:auto;padding:18px}.api-reference-hero{border:1px solid rgba(143,216,255,.18);border-radius:8px;background:linear-gradient(135deg,rgba(93,184,255,.14),rgba(86,208,143,.08));padding:18px}.api-reference-hero h2,.api-reference-hero p,.api-reference-hero span{margin:0}.api-reference-hero p{color:#8fd8ff;font-size:12px;font-weight:800;text-transform:uppercase}.api-reference-hero h2{margin-top:7px;color:#f8fbff;font-size:24px}.api-reference-hero span{display:block;margin-top:8px;color:var(--muted);font-size:13px;line-height:1.5}.api-reference-section{padding-top:24px}.api-reference-section-title{margin-bottom:10px}.api-reference-section-title h3,.api-reference-section-title p{margin:0}.api-reference-section-title h3{color:#f8fbff;font-size:18px}.api-reference-section-title p{margin-top:5px;color:var(--muted);font-size:13px;line-height:1.45}.api-reference-list{display:grid;gap:10px}.api-reference-card{border:1px solid rgba(219,232,242,.12);border-radius:8px;background:rgba(14,21,31,.78);padding:14px}.api-reference-card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.api-reference-card-heading strong{color:#f8fbff;font-size:14px}.api-reference-card-heading span{color:#8fd8ff;font-size:11px;font-weight:800;text-transform:uppercase}.api-reference-card code{display:block;margin-top:9px;overflow-x:auto;border:1px solid rgba(143,216,255,.16);border-radius:6px;background:rgba(5,9,16,.52);color:#dff5ff;padding:8px 9px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.api-reference-card p{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.editor{display:grid;gap:12px;padding:14px}.editor-note{margin:0;border:1px solid rgba(86,208,143,.24);border-radius:8px;background:rgba(86,208,143,.08);color:#bfead0;padding:10px 12px;font-size:12px;line-height:1.45}.editor textarea{width:100%;min-height:430px;resize:vertical;border:1px solid rgba(219,232,242,.14);border-radius:8px;outline:none;background:#0c1119;color:#e7eef5;padding:16px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.55}.editor textarea:focus{border-color:rgba(93,184,255,.52)}.editor-actions{display:flex;justify-content:flex-end;gap:10px}.kchart-tooltip{color:#edf3f8}@media (max-width:920px){.playground{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.sidebar section{display:inline-block;width:calc(50% - 8px);vertical-align:top;margin-right:8px}.api-reference{grid-template-columns:1fr}.api-reference-nav{border-right:0;border-bottom:1px solid rgba(219,232,242,.1)}}