@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#08090d;--panel:rgba(19,21,29,.66);--panel2:rgba(24,26,36,.72);--line:rgba(255,255,255,.085);--line2:rgba(255,255,255,.14);--text:#f5f5fa;--muted:#8f92a3;--purple:#a58bff;--green:#74e4b0;--red:#ff7b91;--blue:#7caaff}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 68% -10%,rgba(94,73,167,.14),transparent 45%),linear-gradient(145deg,#090a0f,#08090d 65%);color:var(--text);font-family:Manrope,'Noto Sans KR',sans-serif;font-size:14px;overflow-x:hidden}.ambient{position:fixed;pointer-events:none;filter:blur(90px);opacity:.14;border-radius:50%;z-index:0}.ambient-a{width:300px;height:300px;background:#6c4dce;top:120px;right:5%}.ambient-b{width:220px;height:220px;background:#2d6d93;bottom:5%;left:30%}.app-shell{position:relative;z-index:1;display:flex;min-height:100vh}.sidebar{width:248px;flex:0 0 248px;min-height:100vh;padding:25px 15px 14px;background:rgba(12,13,19,.66);border-right:1px solid var(--line);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:2px 10px 32px;color:inherit;text-decoration:none}.brand-mark{width:39px;height:39px;border:1px solid rgba(177,153,255,.5);border-radius:13px;background:linear-gradient(145deg,rgba(157,128,255,.24),rgba(255,255,255,.035));display:grid;place-items:center;font-weight:800;font-size:17px;letter-spacing:-2px;box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 26px rgba(143,109,255,.1)}.brand-mark span{color:var(--purple)}.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-copy b{font-size:21px;letter-spacing:-1px}.brand-copy b span{color:var(--purple)}.brand-copy small{font:9px 'DM Mono',monospace;letter-spacing:1.2px;color:#777b8d}.workspace-label{padding:0 12px 11px;font:10px 'DM Mono',monospace;letter-spacing:1.4px;color:#626679}.nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;height:43px;padding:0 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:#a4a6b4;text-align:left;font:500 13px 'Noto Sans KR',sans-serif;cursor:pointer;transition:.18s}.nav-item:hover{background:rgba(255,255,255,.045);color:#fff}.nav-item.active{background:linear-gradient(100deg,rgba(153,124,255,.17),rgba(153,124,255,.055));border-color:rgba(174,150,255,.17);color:#f3efff;box-shadow:inset 2px 0 #aa91ff}.nav-icon{width:19px;text-align:center;font-size:17px;color:#9990bc}.nav-item.active .nav-icon{color:#b7a3ff}.tools-label{margin-top:29px}.sidebar-bottom{margin-top:auto}.connection{display:flex;gap:10px;align-items:center;margin:18px 5px 16px;padding:13px 11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.pulse-dot{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#e6bd68;box-shadow:0 0 11px currentColor}.connection b,.connection small,.profile-copy b,.profile-copy small{display:block}.connection b{font-size:11px;font-weight:600}.connection small,.profile-copy small{font-size:10px;color:var(--muted);margin-top:3px}.profile{display:flex;align-items:center;gap:10px;padding:15px 5px 2px;border-top:1px solid var(--line)}.avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#9a83f2,#514078);font-size:10px;font-weight:800}.profile-copy{flex:1}.profile-copy b{font-size:11px}.more-button{border:0;background:transparent;color:#8b8d9c;font-size:20px;cursor:pointer}.main-area{min-width:0;flex:1}.topbar{height:69px;padding:0 36px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(9,10,15,.25);backdrop-filter:blur(18px)}.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:12px;color:#777b8c}.breadcrumbs i{font-style:normal;color:#4b4e5d}.breadcrumbs b{font-weight:600;color:#e4e4ed}.top-actions{display:flex;gap:12px;align-items:center}.status-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:20px;padding:7px 11px;color:#a7a9b7;font-size:10px}.icon-button{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--line);border-radius:9px;color:#b5b6c3;text-decoration:none}.content{max-width:1440px;margin:auto;padding:36px 38px 22px}.hero-row{display:flex;justify-content:space-between;align-items:center;min-height:278px;padding:7px 16px 28px 0;position:relative}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:1.65px;color:#9b8bcf;display:flex;align-items:center;gap:9px}.eyebrow-line{height:1px;width:22px;background:#a48af8}.hero-row h1{font-size:clamp(35px,4vw,52px);letter-spacing:-2.5px;line-height:1.13;margin:19px 0 13px;font-weight:800}.hero-row h1 span{color:#a994ff;text-shadow:0 0 35px rgba(156,128,255,.22)}.hero-description{font-size:12px;line-height:1.95;color:#9396a7;margin:0}.hero-actions{display:flex;gap:10px;margin-top:22px}.button{height:39px;border-radius:9px;padding:0 15px;font:600 11px 'Noto Sans KR',sans-serif;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(110deg,#a895ff,#8068d6);border:1px solid rgba(207,194,255,.45);color:#fff;box-shadow:0 7px 22px rgba(119,91,214,.17)}.button.primary span{padding-left:13px}.button.secondary{background:rgba(255,255,255,.035);border:1px solid var(--line2);color:#d0d0dc}.hero-art{width:300px;height:230px;position:relative;display:grid;place-items:center;margin-right:40px}.orb{position:absolute;border-radius:50%;border:1px solid rgba(173,149,255,.19);transform:rotate(-24deg);box-shadow:0 0 40px rgba(129,102,228,.06)}.orb-outer{width:230px;height:180px}.orb-inner{width:170px;height:210px;border-color:rgba(114,168,255,.16);transform:rotate(48deg)}.orb-core{width:92px;height:92px;border:1px solid rgba(190,170,255,.42);border-radius:28px;display:grid;place-items:center;background:linear-gradient(140deg,rgba(151,125,255,.2),rgba(255,255,255,.025));font-size:27px;font-weight:800;letter-spacing:-2px;box-shadow:inset 0 1px rgba(255,255,255,.18),0 0 55px rgba(136,106,255,.15);transform:rotate(-7deg)}.orb-core span{font-size:9px;color:#c3b2ff;vertical-align:top;margin-left:3px}.orbit-label{position:absolute;font:8px 'DM Mono',monospace;letter-spacing:1.4px;color:#77718f}.label-top{top:18px;right:0}.label-bottom{bottom:16px;left:0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:8px 0 15px}.section-heading h2{font-size:18px;letter-spacing:-.5px;margin:7px 0 0}.muted{font-size:10px;color:#777b8d}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.glass{border:1px solid var(--line2);background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.045),0 14px 40px rgba(0,0,0,.08);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:15px}.stat-card{padding:17px 17px 15px;min-height:125px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#a6a8b7;font-size:10px}.stat-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:rgba(164,139,255,.09);color:#b9a8ff;font-size:14px}.stat-value{font-size:24px;letter-spacing:-.8px;font-weight:700;margin:14px 0 10px}.stat-unit{font:10px 'DM Mono',monospace;letter-spacing:0;color:#777b8d}.stat-foot{font-size:9px;color:#85899a;display:flex;gap:7px;align-items:center}.tiny-indicator{width:5px;height:5px;border-radius:50%;background:#9b89ef}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px}.panel{padding:19px 19px 15px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-heading h3{font-size:14px;margin:6px 0 0}.panel-symbol{color:#8f83b8}.quick-list{display:grid}.quick-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 2px;border:0;border-top:1px solid rgba(255,255,255,.055);background:transparent;color:inherit;text-align:left;cursor:pointer}.quick-item:hover .quick-arrow{transform:translateX(3px);color:#c3b3ff}.quick-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-size:15px}.quick-icon.purple{background:rgba(165,139,255,.13);color:#bbaaff}.quick-icon.blue{background:rgba(124,170,255,.12);color:#8eb8ff}.quick-icon.green{background:rgba(116,228,176,.1);color:#81e9b7}.quick-item>span:nth-child(2){flex:1}.quick-item b,.quick-item small{display:block}.quick-item b{font-size:11px;font-weight:600}.quick-item small{font-size:10px;color:#838697;margin-top:4px}.quick-arrow{color:#77798a;transition:.18s}.live-badge{font:8px 'DM Mono',monospace;letter-spacing:.8px;color:#83dcb0;display:flex;gap:7px;align-items:center}.live-badge .pulse-dot{width:5px;height:5px;flex-basis:5px;background:#70dfaa}.service-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid rgba(255,255,255,.055)}.service-name{display:flex;align-items:center;gap:10px}.service-symbol{width:31px;height:31px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:#a8a0ca;font:11px 'DM Mono',monospace}.service-name b,.service-name small{display:block}.service-name b{font-size:10px;font-weight:600}.service-name small{font-size:9px;color:#7e8292;margin-top:4px}.service-state{font-size:9px;color:#78dfad}.service-state.error{color:#ff899b}.service-state.pending{color:#d5b16d}.note{font-size:9px;color:#777b8b;line-height:1.7;margin:11px 0 0}.footer{display:flex;justify-content:space-between;gap:15px;padding:22px 2px 0;color:#5e6272;font:9px 'DM Mono',monospace}.mobile-menu{display:none;background:transparent;border:0;color:#ddd;font-size:20px}.view-page{animation:fadeIn .22s ease}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:8px 0 24px}.page-heading h1{font-size:28px;letter-spacing:-1px;margin:8px 0}.page-heading p{color:var(--muted);font-size:12px;margin:0;line-height:1.7}.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.info-card{padding:20px}.info-card h3{margin:0 0 9px;font-size:14px}.info-card p,.info-card li{color:#9b9eae;font-size:11px;line-height:1.9}.code-panel{background:rgba(4,5,8,.6);border:1px solid var(--line);border-radius:11px;padding:15px;overflow:auto;color:#c4b6ff;font:11px/1.8 'DM Mono',monospace;white-space:pre-wrap;word-break:break-word}.inline-button{border:1px solid var(--line2);border-radius:8px;background:rgba(255,255,255,.045);color:#e4e2f0;padding:9px 12px;font-size:10px;cursor:pointer}.inline-button:hover{background:rgba(164,139,255,.12)}.notice{padding:13px 14px;border:1px solid rgba(213,177,109,.18);background:rgba(213,177,109,.045);border-radius:10px;color:#cdbb92;font-size:10px;line-height:1.8;margin-top:15px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.data-table{width:100%;border-collapse:collapse;min-width:500px}.data-table th,.data-table td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;font-size:10px}.data-table th{color:#818597;font-weight:500;background:rgba(255,255,255,.025)}.data-table td{color:#d0d1dc}.data-table tr:last-child td{border-bottom:0}.tag{display:inline-flex;padding:4px 7px;border-radius:5px;background:rgba(165,139,255,.1);color:#c0b1ff;font-size:9px}.empty-state{padding:35px;text-align:center;color:#8d90a1;font-size:11px}.api-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.method{font:10px 'DM Mono',monospace;color:#85e0b2;border:1px solid rgba(116,228,176,.2);background:rgba(116,228,176,.07);border-radius:5px;padding:5px 7px}.field-label{display:block;font-size:10px;color:#a6a8b7;margin:13px 0 7px}.text-field{width:100%;padding:11px 12px;border:1px solid var(--line2);border-radius:9px;background:rgba(0,0,0,.23);color:#eee;outline:none;font:11px 'DM Mono',monospace}.text-field:focus{border-color:rgba(165,139,255,.65)}@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:1100px){.content{padding:28px 25px}.hero-art{margin-right:0;transform:scale(.85)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{position:fixed;z-index:10;left:0;top:0;bottom:0;width:255px;transform:translateX(-105%);transition:transform .22s;box-shadow:20px 0 70px rgba(0,0,0,.45)}.sidebar.open{transform:translateX(0)}.topbar{height:60px;padding:0 17px;gap:12px}.mobile-menu{display:block}.breadcrumbs{flex:1}.content{padding:25px 17px 20px}.hero-row{min-height:0;padding-bottom:27px}.hero-row h1{font-size:39px}.hero-art{display:none}.hero-description br{display:none}.stats-grid{gap:9px}.stat-card{padding:14px;min-height:115px}.stat-value{font-size:21px}.lower-grid,.page-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:7px}.status-pill{padding:7px 9px}.hero-actions{flex-wrap:wrap}.page-heading{align-items:start;flex-direction:column}.tools-label{margin-top:24px}}@media(max-width:390px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:12px}.stat-top{font-size:9px}.stat-value{font-size:18px}.hero-row h1{font-size:34px}.top-actions{gap:7px}}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.upload-panel{margin-bottom:15px}.upload-panel h3{font-size:18px;margin:10px 0 7px}.upload-panel>p{color:var(--muted);font-size:11px;line-height:1.8}.file-field{padding:9px}.code-input{resize:vertical;min-height:110px;line-height:1.7}.form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px}.form-actions .button:disabled{opacity:.55;cursor:wait}.script-info-grid{margin-top:15px}#loaderResult{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}@media(max-width:500px){.form-grid{grid-template-columns:1fr}.form-actions{align-items:flex-start;flex-direction:column}}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.upload-panel{margin-bottom:15px}.upload-panel h3{font-size:18px;margin:10px 0 7px}.upload-panel>p{color:var(--muted);font-size:11px;line-height:1.8}.file-field{padding:9px}.code-input{resize:vertical;min-height:110px;line-height:1.7}.form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px}.form-actions .button:disabled{opacity:.55;cursor:wait}.script-info-grid{margin-top:15px}#loaderResult{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}@media(max-width:500px){.form-grid{grid-template-columns:1fr}.form-actions{align-items:flex-start;flex-direction:column}}
