:root{color-scheme:light;font-family:Inter,Noto Sans KR,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #0f172a;--copy: #334155;--muted: #64748b;--line: rgba(148, 163, 184, .28);--panel: rgba(255, 255, 255, .9);--panel-strong: rgba(255, 255, 255, .97);--blue: #2563eb;--teal: #0f766e;--orange: #f97316;--shadow: 0 18px 48px rgba(15, 23, 42, .14);--soft-shadow: 0 12px 28px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px;color:var(--ink);background:#f8fafc;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}button,input,textarea,select{font:inherit}button{border:0}.app{min-height:100vh}.app--canvas{width:100vw;height:100vh;overflow:hidden}.app-main{min-height:100vh;padding-left:56px}.app--mini-tool .app-main{padding-left:0}.app--canvas .app-main{height:100vh;min-height:0}.app--share .app-main{min-height:100vh;padding-left:0}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:300;width:56px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 6px;border-right:1px solid rgba(203,213,225,.76);background:linear-gradient(180deg,#f8fafcf5,#e2e8f0e6);box-shadow:8px 0 28px #0f172a0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow-y:auto;scrollbar-width:none}.app-sidebar::-webkit-scrollbar{display:none}.sidebar-brand,.sidebar-icon{position:relative;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:#64748b;background:transparent;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.sidebar-brand:hover,.sidebar-brand.is-active,.sidebar-icon:hover,.sidebar-icon.is-active{color:#1d4ed8;background:#3b82f61c}.sidebar-brand.is-active:before,.sidebar-icon.is-active:before{content:"";position:absolute;left:-6px;top:9px;width:3px;height:24px;border-radius:0 3px 3px 0;background:#2563eb}.sidebar-divider{width:28px;height:1px;background:#94a3b866}.sidebar-nav{display:grid;gap:6px}.sidebar-nav--context{padding-bottom:2px}.sidebar-divider--context{background:#2563eb2e}.sidebar-icon--context{color:#1d4ed8;background:#3b82f614}.sidebar-icon--context:hover,.sidebar-icon--context.is-active{color:#fff;background:#2563eb}.sidebar-spacer{flex:1}.sidebar-account-wrap{position:relative;width:42px;height:42px;flex:0 0 auto}.sidebar-account-wrap>.sidebar-icon{width:100%;height:100%}.sidebar-account-popover{position:fixed;left:64px;bottom:10px;z-index:3600;width:min(320px,calc(100vw - 84px));overflow:hidden;border:1px solid rgba(203,213,225,.9);border-radius:10px;color:#0f172a;background:#fffffffa;box-shadow:0 20px 50px #0f172a2e}.account-popover-head{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid rgba(226,232,240,.95)}.account-popover-avatar{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid rgba(37,99,235,.24);border-radius:9px;color:#1d4ed8;background:#3b82f61a;font-size:14px;font-weight:740}.account-popover-title{min-width:0;display:grid;gap:2px}.account-popover-title span,.account-popover-credit-title{color:#64748b;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.account-popover-title strong{overflow:hidden;color:#0f172a;font-size:13px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.account-popover-title small{color:#64748b;font-size:11px;font-weight:520}.account-popover-credit{padding:12px 14px 14px;border-bottom:1px solid rgba(226,232,240,.95);background:linear-gradient(135deg,#0ea5e914,#f59e0b14),#f8fafc}.account-popover-credit-title{display:inline-flex;align-items:center;gap:6px}.account-popover-credit>strong{display:block;margin-top:6px;color:#0f172a;font-size:20px;line-height:1.05;font-weight:780}.account-popover-credit p{margin:8px 0 0;color:#475569;font-size:11px;line-height:1.45}.account-popover-credit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.account-popover-credit-grid div{min-width:0;padding:8px;border:1px solid rgba(203,213,225,.72);border-radius:8px;background:#ffffffc7}.account-popover-credit-grid span{display:block;color:#64748b;font-size:10px;font-weight:650}.account-popover-credit-grid b{display:block;overflow:hidden;margin-top:3px;color:#0f172a;font-size:12px;font-weight:740;text-overflow:ellipsis;white-space:nowrap}.account-popover-actions{display:grid;gap:6px;padding:8px}.account-popover-action{min-height:38px;display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;padding:0 11px;border:1px solid rgba(203,213,225,.82);border-radius:8px;color:#334155;background:#fff;cursor:pointer;font-size:12px;font-weight:700;transition:background .16s ease,border-color .16s ease,color .16s ease}.account-popover-action:hover{color:#1d4ed8;border-color:#2563eb47;background:#3b82f614}.account-popover-action--primary{color:#fff;border-color:#2563eb;background:#2563eb}.account-popover-action--primary:hover{color:#fff;border-color:#1d4ed8;background:#1d4ed8}.account-popover-action--danger{color:#be123c;border-color:#f43f5e3d;background:#fff1f2}.account-popover-action--danger:hover{color:#fff;border-color:#be123c;background:#be123c}.account-popover-action:disabled{cursor:progress;opacity:.68}.page{min-height:100vh;padding:36px 0 72px}.route-lazy-fallback{min-height:100vh;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;color:#475569;background:linear-gradient(180deg,#f8fafc,#eef6ff 54%,#f8fafc);font-size:13px;font-weight:850}.route-lazy-spinner{width:18px;height:18px;border:2px solid rgba(37,99,235,.18);border-top-color:var(--primary);border-radius:999px;color:var(--primary);animation:spinIcon .9s linear infinite}.sidebar-placeholder{pointer-events:none;background:linear-gradient(135deg,#e2e8f0bf,#f1f5f980);box-shadow:inset 0 0 0 1px #94a3b833}.route-keepalive{min-height:100%}.route-keepalive[hidden]{display:none!important}.route-keepalive--mindcanvas{width:100%;min-height:100%}.tools-page,.tools-directory-page,.tool-home-page,.youtube-page,.execution-mode-page,.runtime-error-page,.not-found-page,.planmaster-page,.ops-page,.company-core-page,.admin-dashboard-page,.code-page{background:radial-gradient(circle at top left,rgba(8,145,178,.14),transparent 30%),radial-gradient(circle at top right,rgba(245,158,11,.12),transparent 28%),linear-gradient(180deg,#f8fafc,#eef6ff 54%,#f8fafc)}.tools-page>*,.tools-directory-page>*,.tool-home-page>*,.youtube-page>*,.execution-mode-page>*,.runtime-error-page>*,.not-found-page>*,.planmaster-page>*,.ops-page>*,.company-core-page>*,.admin-dashboard-page>*,.code-page>*{width:min(1180px,calc(100% - 40px));margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid rgba(15,118,110,.18);border-radius:999px;color:var(--teal);background:#fffc;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.section-head h1,.section-head h2{margin:12px 0 0;max-width:900px;font-size:clamp(34px,5vw,58px);line-height:1.02;font-weight:920;letter-spacing:0}.section-head p{max-width:780px;margin:20px 0 0;color:var(--copy);font-size:18px;line-height:1.8}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:9px;border:1px solid transparent;cursor:pointer;font-weight:800}.btn-primary{color:#fff;background:#0f172a}.btn-secondary{color:#0f172a;background:#fff;border-color:#cbd5e1e6}.btn-ghost{color:#0f172a;background:#ffffff85;border-color:#cbd5e19e}.ops-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.ops-card{padding:24px;border:1px solid rgba(203,213,225,.76);border-radius:9px;background:#ffffffdb;box-shadow:var(--soft-shadow)}.card-label{color:var(--teal);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.ops-card h3{margin:12px 0 8px}.ops-card p{color:#475569;line-height:1.65}@media(max-width:960px){.ops-grid{grid-template-columns:1fr}}@media(max-width:640px){.app-main{padding-left:48px}.app-sidebar{width:48px;padding-inline:4px}.sidebar-brand,.sidebar-icon,.sidebar-account-wrap{width:38px;height:38px}.sidebar-account-popover{left:54px;bottom:8px;width:min(300px,calc(100vw - 64px))}.page{padding-top:24px}.section-head h1,.section-head h2{font-size:36px;line-height:1.04}.section-head p{font-size:15px}}
