:root{--bg:#f3f3f0;--paper:#ffffff;--ink:#111111;--line:#111111;--muted:#696969;--panel:#e9e9e4;--shadow:8px 8px 0 #111111;--shadow-soft:4px 4px 0 #111111;--radius:0}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);font-family:IBM Plex Sans KR,SUIT,Pretendard,Apple SD Gothic Neo,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;padding:28px;background-image:linear-gradient(90deg,rgba(17,17,17,.06) 1px,transparent 0),linear-gradient(rgba(17,17,17,.06) 1px,transparent 0);background-size:28px 28px}.page-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(12,minmax(0,1fr));max-width:1600px;margin:0 auto}.edge-box{border:3px solid var(--line);background:var(--paper);box-shadow:var(--shadow)}.mini-box{border:2px solid var(--line);background:var(--panel);padding:16px}.danger-box{border-color:#111111;background:#deded9}.hero-card{grid-column:span 8;min-height:280px;padding:28px;display:flex;justify-content:space-between;gap:24px}.focus-header h2,.hero-copy h1,.panel-head h3,.result-head h3,.section-heading h2,.status-head h2{margin:0;font-family:JetBrains Mono,IBM Plex Mono,SFMono-Regular,monospace;letter-spacing:-.04em;white-space:nowrap}.hero-copy h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.95}.empty-hints p,.feature-grid p,.guide-item p,.hero-summary,.hint-card p,.product-card p,.section-heading p,.status-foot p{margin:0;line-height:1.6}.column-item,.focus-header,.hero-actions,.hero-copy,.hint-card,.panel-head,.product-card,.section-heading,.selected-table-box,.status-card{display:flex;flex-direction:column;gap:12px}.hero-actions{width:300px;justify-content:space-between}.practice-launch-button{min-height:62px!important;padding:18px 20px!important;font-size:1.14rem;letter-spacing:-.02em;box-shadow:0 18px 36px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08);background:radial-gradient(circle at top left,rgba(214,182,110,.2),transparent 32%),linear-gradient(180deg,rgba(27,28,32,.98),rgba(14,15,18,1))}.practice-launch-button:hover{transform:translate(-4px,-4px) scale(1.01);border-color:rgba(214,182,110,.92);box-shadow:0 24px 40px rgba(0,0,0,.32),0 0 0 1px rgba(214,182,110,.14),0 0 22px rgba(214,182,110,.12);background:radial-gradient(circle at top left,rgba(214,182,110,.28),transparent 34%),linear-gradient(180deg,rgba(35,32,28,.98),rgba(16,16,19,1))}.eyebrow{margin:0;font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,IBM Plex Mono,monospace}.primary-button,.secondary-button,.toolbar-button,.tree-preview,.tree-toggle{border:2px solid var(--line);background:var(--paper);color:var(--ink);padding:14px 16px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.primary-button,.secondary-button{font-weight:700}.primary-button{background:var(--ink);color:var(--paper)}.secondary-button,.toolbar-button,.tree-preview,.tree-toggle{box-shadow:var(--shadow-soft)}.primary-button:hover,.secondary-button:hover,.toolbar-button:hover,.tree-preview:hover,.tree-toggle:hover{transform:translate(-3px,-3px)}.helper-text{margin:0;color:var(--muted);line-height:1.5}.status-card{grid-column:span 4;padding:28px;justify-content:space-between}.guide-item,.hint-action-row,.hint-head,.metric-strip,.product-head,.result-head,.status-foot,.status-head{display:flex;justify-content:space-between;gap:16px}.focus-pill span,.hint-trigger,.meta-flag,.status-tag{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 10px;border:2px solid var(--line);background:var(--panel);font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.78rem}.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.focus-pill,.metric-strip div{border:2px solid var(--line);background:var(--panel);padding:16px;display:flex;flex-direction:column;gap:10px}.focus-pill span,.metric-strip span{color:var(--muted)}.focus-pill strong,.metric-strip strong,.product-head strong{font-size:1.3rem;font-family:JetBrains Mono,IBM Plex Mono,monospace}.section-card{grid-column:span 6;padding:24px;display:flex;flex-direction:column;gap:18px}.section-card-compact{padding:20px;gap:16px}.link-banner-card{grid-column:span 12;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#ffffff,#f0f0ea 55%,#e5e5df)}.link-banner-copy{display:flex;flex-direction:column;gap:10px;max-width:760px}.link-banner-copy h2{margin:0;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.04em}.link-banner-copy p{margin:0;line-height:1.6}.link-banner-meta{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.link-chip-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.link-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:220px}.persona-bank-grid{grid-column:span 12;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;align-items:start}.persona-bank-left-stack{display:flex;flex-direction:column;gap:18px;min-width:0}.question-bank-card{min-height:100%;padding:24px;display:flex;flex-direction:column;gap:16px;background:radial-gradient(circle at top right,rgba(214,182,110,.14),transparent 28%),linear-gradient(180deg,rgba(30,32,38,.97),rgba(12,13,16,.99))}.question-bank-copy,.question-bank-head{display:flex;flex-direction:column;gap:8px}.question-bank-head{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:16px}.question-bank-copy h2{margin:0;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:clamp(1.45rem,2.4vw,2.2rem);letter-spacing:-.04em}.question-bank-copy p,.question-bank-item p{margin:0;line-height:1.6}.question-bank-chip-row{justify-content:flex-start}.question-bank-list{display:grid;grid-gap:10px;gap:10px}.question-bank-item{padding:14px;display:flex;flex-direction:column;gap:6px}.question-bank-item strong{font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.92rem}.question-bank-slim-link{margin-top:auto;min-height:38px;padding:8px 14px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(214,182,110,.5);background:linear-gradient(180deg,rgba(24,26,30,.94),rgba(14,15,18,.98));color:#f3f3ef;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.84rem;letter-spacing:.04em;text-decoration:none;transition:border-color .14s ease,color .14s ease,background .14s ease}.question-bank-slim-link:hover{border-color:rgba(214,182,110,.82);color:#ffe29c;background:linear-gradient(180deg,rgba(33,29,24,.96),rgba(17,17,19,1))}.ql-card{padding:18px 20px;display:flex;flex-direction:column;gap:12px;min-height:100%;background:radial-gradient(circle at top right,rgba(214,182,110,.12),transparent 24%),linear-gradient(180deg,rgba(28,30,35,.96),rgba(13,14,17,.98))}.ql-chat-form,.ql-chat-head,.ql-greeting-head,.ql-hero{display:flex;justify-content:space-between;gap:14px}.ql-hero{align-items:center}.ql-copy{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px;max-width:none}.ql-chat-head h3,.ql-copy h2,.ql-greeting h3,.ql-overview h3{margin:0;font-family:JetBrains Mono,IBM Plex Mono,monospace;letter-spacing:-.04em}.ql-copy h2{font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.12}.ql-chat-head p,.ql-copy p,.ql-greeting p,.ql-message p,.ql-meta-card p,.ql-overview p{margin:0;line-height:1.6}.ql-layout{display:flex;flex-direction:column;gap:12px;flex:1 1 auto;min-height:0}.ql-overview{padding:14px 16px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,rgba(26,28,33,.97),rgba(16,18,22,.99));color:#f3f3ee}.ql-overview-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.ql-overview h3{font-size:1.05rem;line-height:1.16}.ql-overview p{font-size:.88rem;line-height:1.5}.ql-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:2px}.ql-overview-item{display:flex;flex-direction:column;gap:4px;min-width:0}.ql-overview-item strong{font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.9rem;line-height:1.24}.ql-overview-item a,.ql-overview-item p{color:rgba(223,226,232,.82);font-size:.8rem;line-height:1.42}.ql-overview-item a{text-decoration:underline;text-underline-offset:3px}.ql-chat{flex:1 1 auto;padding:16px;display:flex;flex-direction:column;gap:14px;min-height:0;height:100%;position:relative;isolation:isolate;border-color:rgba(214,182,110,.88);box-shadow:0 24px 48px rgba(0,0,0,.38),0 0 0 1px rgba(214,182,110,.08),inset 0 1px 0 rgba(255,255,255,.06);background:radial-gradient(circle at 0 0,rgba(214,182,110,.22),transparent 30%),radial-gradient(circle at 100% 0,rgba(255,189,83,.12),transparent 26%),linear-gradient(180deg,rgba(27,24,22,.99),rgba(15,15,18,.995) 44%,rgba(11,12,15,1))}.ql-chat:before{left:16px;right:16px;top:0;height:3px;background:linear-gradient(90deg,rgba(245,205,120,.96),rgba(214,182,110,.14))}.ql-chat:after,.ql-chat:before{content:"";position:absolute;pointer-events:none}.ql-chat:after{inset:10px;border:1px solid rgba(255,222,149,.08);background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 0);background-size:20px 20px;opacity:.34;z-index:-1}.ql-greeting{padding:14px 16px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,rgba(26,28,33,.97),rgba(16,18,22,.99));color:#f3f3ee}.ql-greeting h3{font-size:1.15rem;line-height:1.15}.ql-greeting p{font-size:.9rem;line-height:1.45}.ql-chat-head p,.ql-error-text,.ql-greeting p{color:rgba(223,226,232,.82)}.ql-smalltalk{color:#efd28a}.ql-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.ql-meta-card{display:flex;flex-direction:column;gap:6px;min-height:0;padding:12px}.ql-meta-card strong{font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.96rem}.ql-meta-card a,.ql-meta-card span:last-child{color:var(--muted);line-height:1.35;font-size:.82rem}.ql-meta-card a{text-decoration:underline;text-underline-offset:3px}.ql-meta-label{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,IBM Plex Mono,monospace}.ql-chat-head{align-items:flex-start;padding:2px 2px 10px;border-bottom:1px solid rgba(214,182,110,.2)}.ql-live-tag{display:inline-flex;align-items:center;gap:8px;margin-bottom:6px;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.72rem;letter-spacing:.12em;color:#ffe3a0;text-transform:uppercase}.ql-live-tag:before{content:"";width:8px;height:8px;border-radius:999px;background:#f8b737;box-shadow:0 0 0 4px rgba(248,183,55,.16),0 0 20px rgba(248,183,55,.52)}.ql-chat-log{flex:1 1 auto;min-height:320px;max-height:none;overflow:auto;gap:10px;scroll-behavior:smooth;background:radial-gradient(circle at top,rgba(214,182,110,.1),transparent 38%),linear-gradient(180deg,rgba(10,10,12,.94),rgba(18,16,15,.98));border:1px solid rgba(214,182,110,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),inset 0 0 0 1px rgba(255,230,174,.05);padding:12px}.ql-chat-log,.ql-message{display:flex;flex-direction:column}.ql-message{gap:5px;padding:11px 13px;border:1px solid rgba(214,182,110,.28);position:relative}.ql-message strong{font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.74rem;letter-spacing:.08em}.ql-message-assistant{background:linear-gradient(135deg,rgba(214,182,110,.22),rgba(214,182,110,.08) 42%,rgba(34,30,24,.98));color:#f3f5f8;box-shadow:inset 3px 0 0 rgba(255,223,149,.72),0 10px 24px rgba(0,0,0,.16)}.ql-message-user{align-self:flex-end;width:min(92%,420px);background:linear-gradient(180deg,rgba(8,9,11,1),rgba(18,18,20,.98));color:#f4f4ef;border-color:rgba(214,182,110,.42);box-shadow:0 12px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03)}.ql-message-assistant p,.ql-message-assistant strong{color:#f3f5f8}.ql-message-user p,.ql-message-user strong{color:#f4f4ef}.ql-message-thinking{opacity:.9}.ql-message-thinking p{color:#efd28a}.ql-chat-form{align-items:stretch;padding:6px;border:1px solid rgba(214,182,110,.28);background:linear-gradient(180deg,rgba(36,28,20,.72),rgba(16,16,18,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 30px rgba(0,0,0,.18)}.ql-chat-form input{flex:1 1 auto;min-width:0;border:2px solid rgba(214,182,110,.62);padding:13px 16px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,245,240,.98));color:#111111!important;-webkit-text-fill-color:#111111;caret-color:#111111;font-weight:600;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 12px 24px rgba(0,0,0,.18)}.ql-chat-form input::placeholder{color:#8e949c;-webkit-text-fill-color:#8e949c}.ql-chat-form input:active,.ql-chat-form input:focus{color:#111111!important;-webkit-text-fill-color:#111111;border-color:rgba(214,182,110,.98);box-shadow:0 0 0 1px rgba(214,182,110,.18),0 0 0 4px rgba(214,182,110,.12),0 14px 28px rgba(0,0,0,.24)}.ql-chat-form button{min-width:152px;background:radial-gradient(circle at top left,rgba(214,182,110,.28),transparent 36%),linear-gradient(180deg,rgba(32,31,29,.98),rgba(18,18,21,.99));box-shadow:0 12px 28px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06)}.ql-mascot,.qli-mascot{flex-shrink:0;display:flex;flex-direction:column;gap:8px}.qli-mascot{align-items:center}.qli-mascot-hero{width:min(100%,112px)}.qli-mascot-compact{width:56px;gap:4px}.ql-mascot svg,.qli-mascot svg{width:100%;height:auto;filter:drop-shadow(0 18px 34px rgba(0,0,0,.28)) drop-shadow(0 0 18px rgba(255,187,63,.18))}.qli-mascot-image{display:block;width:100%;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(0 14px 24px rgba(0,0,0,.22))}.focus-ql-panel{position:relative;height:100%;min-height:0;max-height:100%;overflow:hidden;padding:12px;gap:10px;background:radial-gradient(circle at top left,rgba(255,196,93,.18),transparent 28%),radial-gradient(circle at top right,rgba(214,182,110,.12),transparent 24%),linear-gradient(180deg,rgba(34,30,26,.98),rgba(14,14,17,.995) 38%,rgba(9,10,12,1));border-color:rgba(214,182,110,.88);box-shadow:0 22px 42px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 0 1px rgba(255,229,169,.06)}.focus-ql-panel:before{content:"";position:absolute;left:14px;right:14px;top:0;height:3px;background:linear-gradient(90deg,rgba(255,213,120,.98),rgba(214,182,110,.08));pointer-events:none}.focus-ql-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-top:4px}.focus-ql-head-side{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.focus-ql-avatar{margin-top:-2px;width:72px}.focus-ql-avatar-label{color:#f7df9f;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.focus-ql-avatar-label,.focus-ql-head h3{font-family:JetBrains Mono,IBM Plex Mono,monospace}.focus-ql-head h3{margin:0;font-size:1.02rem;line-height:1.06;color:#f7f6f2}.focus-ql-head p{margin:4px 0 0;color:rgba(223,226,232,.82);font-size:.76rem;line-height:1.42}.focus-ql-memory{display:flex;flex-wrap:wrap;gap:6px}.focus-ql-memory span{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid rgba(214,182,110,.2);background:rgba(255,255,255,.03);color:rgba(219,223,228,.88);font-size:.66rem;line-height:1.3}.focus-ql-memory strong{color:#f6db9a;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.67rem}.focus-ql-loading{display:flex;flex-direction:column;gap:6px}.focus-ql-thread{flex:1 1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:9px;padding:10px;border:1px solid rgba(214,182,110,.3);background:radial-gradient(circle at top,rgba(214,182,110,.08),transparent 32%),linear-gradient(180deg,rgba(12,12,14,.94),rgba(20,18,17,.98))}.focus-ql-message{display:flex;flex-direction:column;gap:6px;padding:10px 11px;border:1px solid rgba(214,182,110,.24);box-shadow:0 10px 24px rgba(0,0,0,.14)}.focus-ql-message-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.focus-ql-message-head span,.focus-ql-message-head strong{font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.66rem;letter-spacing:.06em}.focus-ql-message-head strong{color:#f5f5f2}.focus-ql-message-head span{color:rgba(214,182,110,.82)}.focus-ql-message p{margin:0;color:#f2f4f7;font-size:.8rem;line-height:1.6;white-space:pre-wrap}.focus-ql-message-assistant{background:linear-gradient(135deg,rgba(214,182,110,.18),rgba(214,182,110,.08) 38%,rgba(32,28,23,.98));box-shadow:inset 3px 0 0 rgba(255,225,152,.72),0 12px 26px rgba(0,0,0,.18)}.focus-ql-message-user{align-self:flex-end;width:min(92%,300px);background:linear-gradient(180deg,rgba(10,11,13,1),rgba(19,18,20,.98));border-color:rgba(214,182,110,.38)}.focus-ql-message-live{border-color:rgba(214,182,110,.62);background:radial-gradient(circle at top left,rgba(214,182,110,.2),transparent 34%),linear-gradient(135deg,rgba(64,47,25,.96),rgba(30,25,18,.98) 46%,rgba(18,18,20,1))}.focus-ql-message-thinking p{color:#f2d48a}.focus-ql-form{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;padding:6px;border:1px solid rgba(214,182,110,.3);background:linear-gradient(180deg,rgba(38,31,24,.76),rgba(15,16,19,.98))}.focus-ql-form input{min-width:0;border:1px solid rgba(214,182,110,.62);padding:11px 12px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,244,238,.98));color:#101113!important;-webkit-text-fill-color:#101113;caret-color:#101113;font-size:.8rem;font-weight:600}.focus-ql-form input::placeholder{color:#8d949d;-webkit-text-fill-color:#8d949d}.focus-ql-form input:focus{border-color:rgba(214,182,110,.98);box-shadow:0 0 0 1px rgba(214,182,110,.18),0 0 0 4px rgba(214,182,110,.1)}.focus-ql-form button{min-width:122px;min-height:42px}.ql-badge,.qli-badge{width:min(100%,144px);border:0;background:transparent;box-shadow:none;padding:2px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;align-self:center;position:relative;overflow:hidden}.ql-badge:after,.qli-badge:after{display:none}.ql-badge strong,.qli-badge strong{font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.94rem;line-height:1;color:#fff6db;letter-spacing:.02em;text-shadow:0 2px 10px rgba(0,0,0,.28),0 0 16px rgba(214,182,110,.12)}.ql-badge span,.qli-badge span{color:#b8bec7;font-size:.63rem;line-height:1.2;letter-spacing:.02em;text-align:center}.ql-loading{display:flex;flex-direction:column;gap:8px}.ql-loading strong{font-family:JetBrains Mono,IBM Plex Mono,monospace}.feature-grid,.products-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.guide-link-row{display:flex;justify-content:flex-start}.inline-link-button{min-width:220px}.guide-list{display:flex;flex-direction:column;gap:12px}.guide-item{align-items:flex-start;border:2px solid var(--line);background:var(--panel);padding:16px}.guide-item span,.product-limit{font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:1.2rem}.focus-overlay{position:fixed;inset:0;background:rgba(17,17,17,.92);padding:20px;z-index:1000;overflow:auto}.focus-stage{width:100%;height:calc(100dvh - 40px);min-height:calc(100dvh - 40px);max-height:calc(100dvh - 40px);padding:22px;background:#f2f2ee;overflow:hidden;display:flex;flex-direction:column}.focus-header{align-items:center;margin-bottom:18px;flex:0 0 auto}.focus-header-actions{display:flex;align-items:stretch;gap:12px}.studio-layout{display:grid;flex:1 1 auto;min-height:0;grid-gap:18px;gap:18px;grid-template-columns:320px minmax(0,1fr) 340px}.center-panel,.studio-panel{min-height:0;padding:16px;display:flex;flex-direction:column;gap:14px}.hint-stack,.tree-list{gap:12px;min-height:0;overflow:auto}.hint-stack,.tree-list,.tree-node{display:flex;flex-direction:column}.tree-node{border:2px solid var(--line);background:var(--panel);padding:8px;gap:6px}.tree-table-row{display:grid;grid-template-columns:36px minmax(0,1fr);grid-gap:8px;gap:8px;align-items:center}.tree-preview,.tree-toggle{text-align:left}.tree-toggle{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--paper);min-height:36px;padding:0}.tree-preview{background:transparent}.compact-tree-preview{display:grid;grid-template-columns:minmax(0,120px) minmax(0,1fr);grid-gap:10px;gap:10px;min-height:36px;padding:8px 10px}.compact-tree-preview span,.compact-tree-preview strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.compact-tree-preview strong{font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.92rem}.compact-tree-preview span{color:var(--muted);font-size:.82rem}.column-list{display:flex;flex-direction:column;gap:4px}.column-item{border:2px solid var(--line);padding:7px 10px;background:var(--paper);display:flex;gap:8px}.column-item p,.column-item span,.selected-table-box span{margin:0;color:var(--muted)}.column-item strong{font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.79rem;white-space:nowrap;flex:0 0 auto}.column-item p{font-size:.74rem;white-space:nowrap;flex:0 0 auto}.flag-row{display:flex;gap:6px;justify-content:flex-end;flex:1 1 auto;min-width:0}.selected-table-box h4,.selected-table-box p{margin:0;font-family:JetBrains Mono,IBM Plex Mono,monospace}.editor-toolbar{display:flex;gap:10px;flex-wrap:wrap}.small-button{padding:10px 12px}.editor-frame,.result-frame{border:2px solid var(--line);background:var(--panel)}.editor-frame{min-height:320px;position:relative}.sql-editor{width:100%;min-height:320px;border:0;resize:none;padding:22px;background:#111111;color:#f5f5f0;font-size:.98rem;line-height:1.7;outline:none}.completion-box{position:absolute;left:18px;right:18px;bottom:18px;border:3px solid var(--line);background:#f4f4ef;box-shadow:var(--shadow-soft);z-index:2;max-width:540px}.completion-head{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:2px solid var(--line);background:#e8e8e2;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.78rem}.completion-list{display:flex;flex-direction:column;max-height:220px;overflow:auto}.completion-item{border-bottom:2px solid var(--line);background:transparent;display:flex;justify-content:space-between;gap:12px;padding:12px;text-align:left}.completion-item:last-child{border-bottom:0}.completion-item.is-active{background:#111111;color:#f4f4ef}.completion-main{display:flex;flex-direction:column;gap:4px}.completion-main span,.completion-main strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.completion-kind,.completion-main strong{font-family:JetBrains Mono,IBM Plex Mono,monospace}.completion-main span{color:var(--muted);font-size:.8rem}.completion-item.is-active .completion-main span{color:rgba(244,244,239,.72)}.completion-kind{border:2px solid;padding:4px 8px;font-size:.72rem;flex-shrink:0}.result-frame{min-height:260px;padding:14px;display:flex;flex-direction:column;gap:14px;min-width:0}.result-table-wrap{overflow:auto;min-width:0}.result-table{width:100%;min-width:560px;border-collapse:collapse;background:var(--paper)}.result-table td,.result-table th{border:2px solid var(--line);padding:10px;text-align:left}.result-table th{background:var(--panel);font-family:JetBrains Mono,IBM Plex Mono,monospace}.error-box{border:2px solid var(--line);padding:16px;background:var(--paper)}.advice-list,.error-box p{margin:0}.advice-list{gap:10px;padding-left:18px}.advice-list,.hint-chat-card{display:flex;flex-direction:column}.hint-chat-card{gap:8px}.hint-chat-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hint-chat-bubble{border:1px solid rgba(214,182,110,.28);background:linear-gradient(135deg,rgba(214,182,110,.12),rgba(214,182,110,.04)),linear-gradient(180deg,rgba(24,26,31,.98),rgba(15,16,19,1));padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 22px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.04)}.hint-chat-card-error .hint-chat-bubble{background:linear-gradient(135deg,rgba(117,58,43,.22),rgba(72,31,24,.1)),linear-gradient(180deg,rgba(30,24,22,.98),rgba(18,15,14,1))}.hint-chat-title{margin:0;font-size:1rem;line-height:1.26;color:#f7f7f1}.hint-card{background:var(--panel);padding:16px}.hint-card,.hint-card pre{border:2px solid var(--line)}.hint-card pre{margin:0;padding:14px;background:#111111;color:#f2f2ee;overflow:auto;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.85rem;line-height:1.6}.empty-hints span,.hint-card span:last-child{color:var(--muted);line-height:1.5}.empty-hints{display:flex;flex-direction:column;gap:10px}.guide-page{min-height:100vh;padding:28px;background:linear-gradient(90deg,rgba(17,17,17,.06) 1px,transparent 0),linear-gradient(rgba(17,17,17,.06) 1px,transparent 0);background-size:28px 28px;background-color:var(--bg)}.guide-shell{max-width:1480px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.guide-footer,.guide-hero{padding:28px;display:flex;justify-content:space-between;gap:24px}.guide-footer-actions,.guide-footer-copy,.guide-hero-actions,.guide-hero-copy,.guide-point-list,.guide-step-copy,.guide-tip-box{display:flex;flex-direction:column;gap:12px}.guide-footer-copy h2,.guide-hero-copy h1,.guide-step-copy h2,.guide-summary-card h2{margin:0;font-family:JetBrains Mono,IBM Plex Mono,monospace;letter-spacing:-.04em}.guide-hero-copy h1{font-size:clamp(2.6rem,6vw,4.8rem)}.guide-footer-copy p,.guide-hero-copy p,.guide-step-copy p,.guide-summary-card p,.shortcut-card p{margin:0;line-height:1.7}.guide-footer-actions,.guide-hero-actions{width:280px;justify-content:flex-end}.guide-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.guide-summary-card{padding:20px}.guide-shortcuts{padding:24px;display:flex;flex-direction:column;gap:18px}.shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.shortcut-card{min-height:116px}.shortcut-card strong{font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:1rem}.guide-steps{display:flex;flex-direction:column;gap:18px}.guide-step{padding:22px;display:grid;grid-template-columns:minmax(0,1fr) 520px;grid-gap:20px;gap:20px;align-items:start}.guide-image-frame{border:3px solid var(--line);background:var(--panel);padding:12px}.guide-image-frame img{display:block;width:100%;height:auto;border:2px solid var(--line);background:#ffffff}.guide-tip-box strong{font-family:JetBrains Mono,IBM Plex Mono,monospace}.guide-footer-copy{max-width:820px}.upgrade-page{min-height:100vh;padding:28px;background:linear-gradient(90deg,rgba(17,17,17,.06) 1px,transparent 0),linear-gradient(rgba(17,17,17,.06) 1px,transparent 0);background-size:28px 28px;background-color:var(--bg)}.upgrade-shell{max-width:1480px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.upgrade-faq,.upgrade-flow,.upgrade-hero,.upgrade-plans{padding:26px}.upgrade-login-banner{padding:24px 26px;background:linear-gradient(135deg,#ffffff,#f4f4ef 40%,#ecece5)}.upgrade-hero,.upgrade-login-banner{display:flex;justify-content:space-between;gap:24px}.upgrade-hero{background:linear-gradient(135deg,#ffffff,#efefea 50%,#e6e6df)}.upgrade-actions,.upgrade-copy,.upgrade-login-actions,.upgrade-login-copy{display:flex;flex-direction:column;gap:12px}.upgrade-copy h1,.upgrade-copy h2,.upgrade-faq-list h3,.upgrade-plan-head h3,.upgrade-summary-card h3{margin:0;font-family:JetBrains Mono,IBM Plex Mono,monospace;letter-spacing:-.04em}.upgrade-copy h1{font-size:clamp(2.6rem,6vw,4.5rem)}.upgrade-copy h2{font-size:clamp(1.35rem,3vw,2rem)}.payment-step-card p,.upgrade-best-for,.upgrade-copy p,.upgrade-faq-list p,.upgrade-note,.upgrade-plan-head p,.upgrade-summary-card p{margin:0;line-height:1.7}.upgrade-actions{width:280px;justify-content:flex-end}.upgrade-login-copy{max-width:820px}.upgrade-login-copy h2{margin:0;font-family:JetBrains Mono,IBM Plex Mono,monospace;letter-spacing:-.04em;font-size:clamp(1.4rem,3vw,2rem)}.upgrade-login-copy p{margin:0;line-height:1.7}.upgrade-login-actions{width:280px;justify-content:center}.upgrade-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.upgrade-summary-card{padding:22px}.payment-step-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.payment-step-card strong,.upgrade-metrics strong{font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:1rem}.upgrade-faq-list,.upgrade-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.upgrade-plan-card{display:flex;flex-direction:column;gap:14px}.upgrade-plan-head{display:flex;justify-content:space-between;gap:16px}.upgrade-plan-head strong{font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:1.4rem;white-space:nowrap}.upgrade-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.upgrade-metrics div{border:2px solid var(--line);background:#ffffff;padding:14px;display:flex;flex-direction:column;gap:8px}.upgrade-metrics span{color:var(--muted)}.upgrade-highlight-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.upgrade-button-stack{display:flex;flex-direction:column;gap:10px}.upgrade-note{margin-top:18px;color:var(--muted)}@media (max-width:1200px){.hero-card,.link-banner-card,.section-card,.status-card{grid-column:span 12}.studio-layout{flex:1 1 auto;overflow:auto}.guide-step,.guide-summary-grid,.payment-step-list,.shortcut-grid,.studio-layout,.upgrade-faq-list,.upgrade-plan-grid,.upgrade-summary-grid{grid-template-columns:1fr}.focus-stage{overflow:auto}}@media (max-width:820px){.page-shell{padding:14px}.hero-card{flex-direction:column}.hero-actions{width:100%}.feature-grid,.metric-strip,.products-grid{grid-template-columns:1fr}.focus-header,.guide-footer,.guide-hero,.guide-item,.hint-action-row,.link-banner-card,.link-banner-meta,.product-head,.status-head,.upgrade-hero,.upgrade-login-banner{flex-direction:column}.focus-header-actions{width:100%;flex-wrap:wrap}.completion-box{left:12px;right:12px;bottom:12px;max-width:none}.link-banner-meta{align-items:flex-start}.link-chip-row{justify-content:flex-start}.compact-tree-preview{grid-template-columns:1fr}.column-item{flex-wrap:wrap;gap:4px}.flag-row{justify-content:flex-start}.guide-page,.upgrade-page{padding:14px}.guide-footer-actions,.guide-hero-actions,.upgrade-actions,.upgrade-login-actions{width:100%}}:root{--bg:#050506;--paper:#121316;--ink:#f5f7fb;--line:rgba(214,182,110,0.46);--muted:#9a9da6;--panel:#16181c;--shadow:0 26px 70px rgba(0,0,0,0.45);--shadow-soft:0 12px 32px rgba(0,0,0,0.28)}body,html{background:radial-gradient(circle at top left,rgba(210,177,104,.08),transparent 28%),radial-gradient(circle at top right,rgba(255,255,255,.05),transparent 24%),linear-gradient(180deg,#08090b,#0b0c0e 42%,#050506);color:var(--ink);font-family:Space Grotesk,SUIT Variable,Pretendard Variable,Apple SD Gothic Neo,sans-serif}.guide-page,.page-shell,.upgrade-page{background:radial-gradient(circle at 10% 0,rgba(214,182,110,.08),transparent 22%),radial-gradient(circle at 100% 10%,rgba(255,255,255,.04),transparent 20%),linear-gradient(180deg,rgba(255,255,255,.015),transparent 40%),linear-gradient(180deg,#07080a,#0a0b0d 48%,#050506);background-size:auto}.edge-box,.mini-box{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:2px;position:relative;overflow:hidden}.edge-box:before,.mini-box:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 28%),linear-gradient(90deg,rgba(214,182,110,.12),transparent 18%,transparent 82%,rgba(214,182,110,.08));opacity:.75}.edge-box{background:linear-gradient(180deg,rgba(33,35,41,.94),rgba(14,15,18,.97))}.mini-box{background:linear-gradient(180deg,rgba(27,29,34,.96),rgba(18,19,23,.98))}.danger-box{background:linear-gradient(180deg,rgba(38,30,27,.97),rgba(25,20,18,.99))}.guide-footer,.guide-hero,.guide-shortcuts,.hero-card,.link-banner-card,.section-card,.status-card,.upgrade-faq,.upgrade-flow,.upgrade-hero,.upgrade-login-banner,.upgrade-plans{background:linear-gradient(180deg,rgba(28,30,35,.96),rgba(13,14,17,.98))}.link-banner-card,.upgrade-hero,.upgrade-login-banner{background:radial-gradient(circle at top right,rgba(214,182,110,.12),transparent 26%),linear-gradient(180deg,rgba(30,32,38,.97),rgba(12,13,16,.99))}.focus-header h2,.guide-footer-copy h2,.guide-hero-copy h1,.guide-step-copy h2,.guide-summary-card h2,.hero-copy h1,.link-banner-copy h2,.panel-head h3,.result-head h3,.section-heading h2,.status-head h2,.upgrade-copy h1,.upgrade-copy h2,.upgrade-faq-list h3,.upgrade-login-copy h2,.upgrade-plan-head h3,.upgrade-summary-card h3{font-family:Space Grotesk,SUIT Variable,Pretendard Variable,sans-serif;color:#f7f7f5;letter-spacing:-.06em;font-weight:700}.hero-copy h1{font-size:clamp(3.2rem,7vw,6.3rem);line-height:.9}.column-item p,.column-item span,.empty-hints p,.feature-grid p,.guide-footer-copy p,.guide-hero-copy p,.guide-item p,.guide-step-copy p,.guide-summary-card p,.helper-text,.hero-summary,.hint-card p,.link-banner-copy p,.payment-step-card p,.product-card p,.section-heading p,.selected-table-box span,.shortcut-card p,.status-foot p,.upgrade-best-for,.upgrade-copy p,.upgrade-faq-list p,.upgrade-note,.upgrade-plan-head p,.upgrade-summary-card p{color:var(--muted)}.completion-kind,.eyebrow,.focus-pill span,.hint-trigger,.meta-flag,.status-tag{color:#dcc182;border-color:rgba(214,182,110,.58);background:linear-gradient(180deg,rgba(31,32,37,.95),rgba(19,20,24,.98));letter-spacing:.16em;font-family:Space Grotesk,SUIT Variable,Pretendard Variable,sans-serif;font-weight:600}.primary-button,.secondary-button,.toolbar-button,.tree-preview,.tree-toggle{border:1px solid rgba(214,182,110,.55);background:linear-gradient(180deg,rgba(32,34,39,.96),rgba(16,17,20,.98));color:#f6f7fb;box-shadow:none;border-radius:2px;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.primary-button{background:radial-gradient(circle at top left,rgba(214,182,110,.18),transparent 30%),linear-gradient(180deg,rgba(34,35,40,.98),rgba(12,13,16,1))}.primary-button:hover,.secondary-button:hover,.toolbar-button:hover,.tree-preview:hover,.tree-toggle:hover{transform:translateY(-1px);border-color:rgba(235,204,132,.86);box-shadow:0 18px 28px rgba(0,0,0,.22)}.column-item,.completion-box,.completion-head,.focus-pill,.guide-item,.hint-card,.metric-strip div,.payment-step-card,.result-frame,.selected-table-box,.shortcut-card,.tree-node,.upgrade-plan-card,.upgrade-summary-card{background:linear-gradient(180deg,rgba(26,28,33,.96),rgba(15,16,19,.98));border-color:rgba(214,182,110,.28)}.focus-pill,.metric-strip div{border:1px solid rgba(214,182,110,.3)}.focus-pill strong,.metric-strip strong,.payment-step-card strong,.product-head strong,.product-limit,.selected-table-box h4,.selected-table-box p,.shortcut-card strong,.upgrade-metrics strong,.upgrade-plan-head strong{color:#ffffff;font-family:Space Grotesk,SUIT Variable,Pretendard Variable,sans-serif;letter-spacing:-.03em}.column-item strong,.compact-tree-preview strong,.completion-head,.completion-main strong,.hint-card pre,.result-table th,.sql-editor{font-family:JetBrains Mono,IBM Plex Mono,monospace}.center-panel,.guide-footer,.guide-hero,.guide-shortcuts,.hero-card,.link-banner-card,.section-card,.status-card,.studio-panel,.upgrade-faq,.upgrade-flow,.upgrade-hero,.upgrade-login-banner,.upgrade-plans{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.column-item,.guide-item,.guide-summary-card,.payment-step-card,.selected-table-box,.shortcut-card,.tree-node,.upgrade-plan-card,.upgrade-summary-card{box-shadow:none}.tree-toggle{min-height:38px}.compact-tree-preview{background:transparent}.compact-tree-preview span,.completion-main span,.focus-pill span,.metric-strip span,.panel-head p,.result-head p,.upgrade-metrics span{color:var(--muted)}.empty-hints p,.feature-grid p,.guide-footer-copy p,.guide-hero-copy p,.guide-item p,.guide-step-copy p,.guide-summary-card p,.helper-text,.hero-summary,.hint-card p,.link-banner-copy p,.payment-step-card p,.product-card p,.section-heading p,.shortcut-card p,.status-foot p,.upgrade-best-for,.upgrade-copy p,.upgrade-faq-list p,.upgrade-note,.upgrade-plan-head p,.upgrade-summary-card p{font-size:.98rem}.feature-grid p,.guide-item p,.hero-actions .helper-text,.product-card p,.status-foot p{max-width:62ch}.hero-card{min-height:320px;align-items:stretch}.hero-copy{justify-content:space-between}.hero-summary{max-width:720px;font-size:1.08rem}.guide-footer-actions,.guide-hero-actions,.hero-actions,.upgrade-actions,.upgrade-login-actions{align-self:stretch}.hero-actions .primary-button,.hero-actions .secondary-button,.link-button{min-height:50px}.completion-kind,.hint-trigger,.meta-flag,.status-tag{border-radius:999px}.eyebrow{display:inline-flex;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content}.eyebrow:before{content:"";width:28px;height:1px;background:linear-gradient(90deg,rgba(214,182,110,.85),transparent)}.panel-head h3,.result-head h3,.section-heading h2,.status-head h2{font-weight:650}.guide-footer,.guide-hero,.hero-card,.link-banner-card,.section-card,.status-card,.upgrade-faq,.upgrade-flow,.upgrade-hero,.upgrade-login-banner,.upgrade-plans{padding:30px}.feature-grid,.products-grid{gap:16px}.payment-step-card,.product-card,.shortcut-card,.upgrade-plan-card,.upgrade-summary-card{padding:18px}.column-item,.guide-item,.selected-table-box,.tree-node{border-radius:4px}.toolbar-button,.tree-preview,.tree-toggle{font-weight:500}.editor-frame,.guide-image-frame,.result-frame{border:1px solid rgba(214,182,110,.36);background:linear-gradient(180deg,rgba(20,21,25,.98),rgba(11,12,15,1))}.sql-editor{background:radial-gradient(circle at top left,rgba(214,182,110,.08),transparent 24%),linear-gradient(180deg,#0d0f12,#090a0d);color:#f7f7f2;font-family:JetBrains Mono,IBM Plex Mono,monospace}.completion-box{border:1px solid rgba(214,182,110,.56);background:linear-gradient(180deg,rgba(28,29,34,.98),rgba(19,20,24,1));box-shadow:0 18px 42px rgba(0,0,0,.34);width:min(396px,calc(100% - 32px));max-width:none}.completion-box-docked{position:static;width:min(396px,100%);margin-top:2px;margin-bottom:4px}.completion-head{background:linear-gradient(180deg,rgba(33,34,39,.96),rgba(22,23,28,.98));color:#f3f3f1;padding:8px 10px 7px;font-size:.68rem;letter-spacing:0;align-items:center;border-bottom:0}.completion-item{border:0;padding:5px 10px;grid-gap:8px;gap:8px;display:grid;grid-template-columns:15px minmax(0,1fr) auto;align-items:center;min-height:30px}.completion-item.is-active{background:linear-gradient(180deg,rgba(67,69,75,.96),rgba(56,58,63,.98));color:#f5f6f8}.completion-list{max-height:164px}.completion-main{min-width:0}.completion-main strong{font-size:.68rem;letter-spacing:0;color:#d7dbe0;min-width:0}.completion-main-table{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px}.completion-main-column{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;grid-gap:7px;gap:7px}.completion-data-type,.completion-scope{font-size:.58rem;min-width:0;overflow:hidden;text-overflow:ellipsis}.completion-data-type{color:#abb3bd;flex:0 0 auto}.completion-table-comment{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;color:#8f98a3}.completion-scope{color:#7f8791;flex:1 1 auto}.completion-kind{padding:0;font-size:.58rem;border:0;background:transparent;color:#8f949c;letter-spacing:.08em}.completion-item.is-active .completion-kind{color:#e2c47d}.completion-item.is-active .completion-scope{color:#b2b8c0}.completion-glyph{display:inline-flex;align-items:center;justify-content:center;color:#90a1ad}.completion-glyph,.completion-glyph svg{width:14px;height:14px}.completion-glyph-table svg{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.completion-glyph-column{color:#d4b56d}.completion-glyph-column svg rect{fill:currentColor}.completion-item.is-active .completion-glyph-table{color:#c5ced6}.completion-item.is-active .completion-main span{color:#b8bec5}.result-table{background:#101216;color:#f5f7fb}.result-table td,.result-table th{border-color:rgba(214,182,110,.18);background:transparent}.result-table th{background:linear-gradient(180deg,rgba(35,37,42,.96),rgba(21,22,26,.98))}.error-box{border-color:rgba(214,182,110,.22);background:linear-gradient(180deg,rgba(31,19,18,.92),rgba(20,14,13,.98))}.guide-image-frame img,.hint-card pre{border-color:rgba(214,182,110,.22);background:#0f1013;color:#f6f7fb}.focus-overlay{background:radial-gradient(circle at top left,rgba(214,182,110,.08),transparent 18%),rgba(4,4,6,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.focus-stage{background:linear-gradient(180deg,rgba(20,21,25,.98),rgba(8,9,11,1));border:1px solid rgba(214,182,110,.48);box-shadow:0 40px 120px rgba(0,0,0,.52)}.guide-footer-actions,.guide-hero-actions,.hero-actions,.link-banner-meta,.upgrade-actions,.upgrade-login-actions{gap:12px}.link-button{min-height:46px}.guide-image-frame{padding:14px}.guide-image-frame img{background:linear-gradient(180deg,rgba(28,30,35,.96),rgba(15,16,19,.98))}.upgrade-stage{padding:0;overflow:hidden;background:radial-gradient(circle at top right,rgba(214,182,110,.12),transparent 24%),radial-gradient(circle at top left,rgba(255,255,255,.04),transparent 18%),linear-gradient(180deg,rgba(27,29,34,.98),rgba(11,12,15,1))}.upgrade-stage-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,520px);grid-gap:28px;gap:28px;padding:34px 34px 14px;background:transparent}.upgrade-stage-actions{width:100%;justify-content:flex-start;align-items:flex-end;text-align:right;margin-left:auto}.upgrade-stage-meta{display:flex;flex-direction:column;align-items:flex-end;gap:18px;width:100%}.upgrade-stage-status{align-self:flex-end}.upgrade-stage-metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:20px 26px;max-width:420px}.upgrade-stage-fact{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}.upgrade-stage-fact span{color:#9ca1ab;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.upgrade-stage-fact strong{color:#ffffff;font-family:Space Grotesk,SUIT Variable,Pretendard Variable,sans-serif;font-size:1.55rem;letter-spacing:-.04em;line-height:1.05}.upgrade-stage-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;width:100%}.upgrade-stage-links .link-button{min-width:0;width:auto;padding-inline:20px;align-self:auto}.upgrade-stage-section{padding:14px 34px 8px;display:flex;flex-direction:column;gap:18px;background:transparent}.upgrade-inline-login{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,520px);grid-gap:24px;gap:24px;align-items:center;background:transparent}.upgrade-inline-login .upgrade-login-actions{width:100%;max-width:520px;margin-left:auto;align-items:stretch;text-align:right}.upgrade-inline-login .upgrade-login-actions .link-button{width:100%}.upgrade-inline-login .upgrade-note{text-align:right}.upgrade-stage .section-heading{max-width:820px}.upgrade-stage .payment-step-list,.upgrade-stage .upgrade-faq-list,.upgrade-stage .upgrade-plan-grid,.upgrade-stage .upgrade-summary-grid{margin-top:8px}.upgrade-stage .upgrade-note:last-child{margin-top:10px}.upgrade-stage .payment-step-card,.upgrade-stage .upgrade-faq-list>article,.upgrade-stage .upgrade-plan-card,.upgrade-stage .upgrade-summary-card{height:100%}.upgrade-plan-card{gap:18px}.upgrade-plan-visual{position:relative;overflow:hidden;min-height:0;aspect-ratio:1200/680;border:1px solid rgba(214,182,110,.3);background:transparent;box-shadow:0 18px 30px rgba(0,0,0,.16)}.upgrade-plan-visual-image{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none}.upgrade-button-stack{margin-top:auto}.upgrade-faq-list{display:flex;flex-direction:column;gap:16px}.upgrade-faq-item{padding:0;border:0;background:transparent;box-shadow:none}.upgrade-faq-item h3{margin:0;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:1rem;line-height:1.25;color:#f5f5f0}.upgrade-faq-item p{margin:8px 0 0;max-width:980px;color:rgba(220,223,228,.82);line-height:1.7}@media (max-width:1200px){.upgrade-inline-login,.upgrade-stage-top{grid-template-columns:1fr}.upgrade-inline-login .upgrade-login-actions,.upgrade-stage-metrics{max-width:none}}@media (max-width:820px){.upgrade-stage-section,.upgrade-stage-top{padding:22px}.upgrade-stage-actions,.upgrade-stage-links,.upgrade-stage-meta{align-items:flex-start;text-align:left;justify-content:flex-start}.upgrade-stage-fact{align-items:flex-start}.upgrade-inline-login .upgrade-login-actions,.upgrade-inline-login .upgrade-note{text-align:left}}.nickname-page{min-height:100vh;padding:28px;background:radial-gradient(circle at top right,rgba(214,182,110,.12),transparent 24%),radial-gradient(circle at top left,rgba(255,255,255,.04),transparent 18%),linear-gradient(180deg,rgba(13,14,17,1),rgba(8,9,11,1))}.nickname-shell{max-width:1100px;margin:0 auto}.nickname-card{padding:34px;gap:28px}.nickname-card,.nickname-copy{display:flex;flex-direction:column}.nickname-copy{gap:12px;max-width:760px}.nickname-copy h1{margin:0;font-family:Space Grotesk,SUIT Variable,Pretendard Variable,sans-serif;font-size:clamp(2.2rem,6vw,4rem);letter-spacing:-.06em}.nickname-copy p:last-child{margin:0;color:var(--muted);line-height:1.7}.nickname-current-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.nickname-current-row strong{font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:1.1rem;color:#fff6db}.nickname-form{display:flex;flex-direction:column;gap:14px;max-width:560px}.nickname-label{font-family:Space Grotesk,SUIT Variable,Pretendard Variable,sans-serif;font-size:.92rem;color:#d9dddf}.nickname-input{width:100%;min-height:56px;border:1px solid rgba(214,182,110,.46);background:linear-gradient(180deg,rgba(21,22,26,.98),rgba(12,13,16,1));color:#f6f7fb;padding:0 18px;outline:none;font-size:1rem}.nickname-input::placeholder{color:#7f8691}.nickname-rules{display:flex;flex-wrap:wrap;gap:8px}.nickname-rules span{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid rgba(214,182,110,.22);color:#afb4bc;font-size:.78rem;background:rgba(255,255,255,.02)}.nickname-error{margin:0;color:#f3a8a8;line-height:1.6}.nickname-submit{width:-moz-fit-content;width:fit-content;min-width:260px}.nickname-note-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.nickname-note-row .helper-text{margin:0;max-width:620px}.status-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.compact-link-button{min-width:0;padding:0 12px;min-height:34px;font-size:.78rem}.status-login-button,.status-logout-button{min-width:0;display:inline-flex;align-items:center;gap:8px}.google-mark{display:inline-flex;width:16px;height:16px;flex-shrink:0}.google-mark svg{display:block;width:100%;height:100%}@media (max-width:820px){.nickname-page{padding:14px}.nickname-card{padding:22px}.nickname-note-row{flex-direction:column;align-items:flex-start}.status-head-actions{justify-content:flex-start}.nickname-submit{width:100%}}.focus-header{margin-bottom:10px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.focus-header-copy{display:flex;flex-direction:column;gap:6px}.focus-header-actions{margin-left:auto;align-items:center;gap:14px}.focus-metrics-line{display:inline-flex;align-items:center;gap:12px;padding:0;color:#cad0d6;white-space:nowrap}.focus-metric{display:inline-flex;align-items:baseline;gap:8px}.focus-metric em{font-style:normal;color:#979da5;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.focus-metric strong{color:#f6f7fb;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.98rem;letter-spacing:-.02em}.focus-metric-separator{width:1px;height:12px;background:rgba(214,182,110,.28)}.focus-exit-button{min-height:34px;padding:8px 12px;font-size:.82rem}.studio-layout{gap:14px;grid-template-columns:270px minmax(0,1fr) 310px}.center-panel,.studio-panel{padding:8px 10px 10px;gap:8px}.panel-head{gap:6px}.panel-head h3{font-size:.96rem;line-height:1}.panel-head p{font-size:.72rem;line-height:1.25}.editor-toolbar{gap:5px}.toolbar-button{min-height:28px;padding:5px 9px;font-size:.74rem;line-height:1}.small-button{padding:5px 9px}.editor-top-strip{display:flex;flex-direction:column;gap:4px;padding-bottom:2px}.editor-toolbar-shell{position:relative;display:flex;flex-direction:column;gap:5px;align-items:flex-start}.editor-panel-head{gap:3px}.editor-panel-head p{font-size:.7rem;line-height:1.15}.compact-toolbar{gap:4px;align-items:center}.center-panel{position:relative;overflow:visible}.completion-overlay{position:absolute;top:74px;left:10px;z-index:12;width:min(420px,calc(100% - 20px));pointer-events:none}.completion-box-floating{position:relative;left:auto;right:auto;bottom:auto;inset:auto;width:100%;max-width:none;pointer-events:auto}.example-toggle-button.is-active{border-color:rgba(214,182,110,.78);color:#f6edd1}.example-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:14;width:min(760px,100%);max-width:min(760px,calc(100vw - 120px));padding:8px;display:flex;flex-direction:column;gap:7px;border:1px solid rgba(214,182,110,.36);background:linear-gradient(180deg,rgba(26,28,33,.98),rgba(16,18,22,.99));box-shadow:0 22px 48px rgba(0,0,0,.42)}.example-menu-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.example-menu-head strong{font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.72rem;color:#f5f5f1}.example-menu-head span{font-size:.67rem;color:rgba(214,219,229,.74);line-height:1.2}.example-menu-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:5px;gap:5px;max-height:252px;overflow:auto}.example-menu-item{border:1px solid rgba(214,182,110,.18);background:rgba(255,255,255,.02);color:#f3f5f8;padding:7px 8px;min-height:0;display:flex;flex-direction:column;gap:2px;text-align:left;transition:border-color .12s ease,background .12s ease,transform .12s ease}.example-menu-item strong{font-size:.72rem;line-height:1.15}.example-menu-item span{font-size:.65rem;line-height:1.25;color:rgba(214,219,229,.72)}.example-menu-item:hover{border-color:rgba(214,182,110,.44);background:rgba(214,182,110,.08);transform:translateY(-1px)}.hint-stack,.tree-list{gap:4px}.tree-topic-group{display:flex;flex-direction:column;gap:3px}.tree-topic-row{display:grid;grid-template-columns:14px minmax(0,1fr);grid-gap:6px;gap:6px;min-height:24px;align-items:center}.tree-topic-preview{display:flex;align-items:center;gap:8px;justify-content:flex-start;min-height:24px;padding:0}.tree-topic-badge{flex:0 0 auto;font-size:.68rem;line-height:1;color:#dcc182;border:1px solid rgba(214,182,110,.42);background:linear-gradient(180deg,rgba(31,32,37,.95),rgba(19,20,24,.98));border-radius:999px;padding:4px 7px;letter-spacing:.08em;font-family:Space Grotesk,SUIT Variable,Pretendard Variable,sans-serif;font-weight:700}.tree-topic-summary{min-width:0;font-size:.73rem;color:#8d949d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-topic-table-list{display:flex;flex-direction:column;gap:2px;padding-left:20px}.tree-node{border:0;background:transparent;padding:0;gap:2px}.tree-table-row{grid-template-columns:14px minmax(0,1fr);gap:6px;min-height:24px}.tree-preview,.tree-toggle{border:0;background:transparent;box-shadow:none;min-height:24px;padding:0}.tree-preview:hover,.tree-toggle:hover{transform:none;box-shadow:none;border-color:transparent}.tree-toggle{width:14px;color:#889099}.tree-chevron{display:inline-block;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.86rem;line-height:1;transform-origin:center;transition:transform .12s ease}.tree-chevron.is-open{transform:rotate(90deg)}.compact-tree-preview{grid-template-columns:14px minmax(0,116px) minmax(0,1fr);gap:8px;min-height:24px;padding:0;align-items:center}.compact-tree-preview strong{font-size:.83rem;color:#d7dbe0}.compact-tree-preview span{font-size:.74rem;color:#858c96}.tree-table-row.is-selected .compact-tree-preview strong{color:#f3f5f8}.tree-table-row.is-selected .compact-tree-preview span{color:#c2a563}.column-list{gap:2px;padding-left:18px}.column-item{border:0;background:transparent;padding:0;display:grid;grid-template-columns:8px 14px minmax(0,1fr) auto auto;grid-gap:7px;gap:7px;align-items:center;min-height:22px}.tree-column-branch{width:8px;height:1px;background:rgba(214,182,110,.22)}.tree-node-icon{display:inline-flex;align-items:center;justify-content:center}.tree-node-icon,.tree-node-icon svg{width:14px;height:14px}.tree-node-icon-table{color:#90a1ad}.tree-node-icon-table svg{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.tree-node-icon-column{color:#7e878f}.tree-node-icon-column svg rect{fill:currentColor}.column-item strong{font-size:.74rem;color:#cfd5dc}.column-item p{font-size:.68rem;color:#7f8791}.flag-row{gap:4px}.flag-row .meta-flag{min-height:18px;padding:0 5px;font-size:.56rem;border-radius:999px}.selected-table-box{padding:10px 12px;gap:4px}.selected-table-box h4{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#8e949c}.selected-table-box p{font-size:.82rem}.selected-table-box span{font-size:.72rem}@media (max-width:1200px){.ql-layout{gap:10px}.persona-bank-grid,.ql-overview-grid,.studio-layout{grid-template-columns:1fr}}@media (max-width:820px){.ql-card{padding:18px}.ql-chat-form,.ql-chat-head,.ql-hero,.question-bank-head{flex-direction:column}.ql-mascot,.qli-mascot-hero{width:96px;align-items:flex-start}.focus-ql-head-side{width:100%;justify-content:space-between}.focus-header{flex-direction:column}.focus-header-actions{margin-left:0;align-items:flex-start;flex-wrap:wrap}.focus-metrics-line{flex-wrap:wrap}.example-menu{width:min(420px,calc(100vw - 48px));max-width:min(420px,calc(100vw - 48px))}.example-menu-list{grid-template-columns:1fr}}.result-frame{min-height:220px;padding:8px;gap:8px}.result-head{align-items:flex-start;gap:10px}.result-head>div:first-child{display:flex;flex-direction:column;gap:4px}.result-head h3{font-size:1rem;line-height:1.05}.result-head p{margin:0;font-size:.7rem;line-height:1.3}.result-frame .status-tag{min-height:22px;padding:0 8px;font-size:.62rem;line-height:1;align-self:flex-start}.result-table-wrap{border:1px solid rgba(92,95,101,.62);background:#2e2f33;max-height:300px}.result-table{min-width:920px;background:#2f3034;color:#cfd6df;font-family:JetBrains Mono,IBM Plex Mono,monospace;font-size:.78rem}.result-table td,.result-table th{border:1px solid rgba(84,86,92,.7);padding:6px 10px;white-space:nowrap}.result-table th{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#4a4b50,#3f4044);color:#c7d0db;font-size:.7rem;letter-spacing:0;font-weight:600}.result-table td{background:#2f3034;color:#d2d9e2}.result-table tbody tr:nth-child(2n) td{background:#313236}.result-index-cell,.result-index-head{position:-webkit-sticky;position:sticky;left:0;z-index:3;width:44px;min-width:44px;max-width:44px;text-align:right;padding-right:8px}.result-index-head{background:linear-gradient(180deg,#434449,#3a3b3f);color:#aeb8c2}.result-index-cell{background:#292a2e;color:#a5b1bd}.result-table tbody tr:nth-child(2n) .result-index-cell{background:#2b2c30}.result-header-label{display:inline-flex;align-items:center;gap:6px}.result-header-glyph{width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;color:#a9b3bf;flex-shrink:0}.result-header-glyph svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.result-table td.is-null{color:#8d8f95}.studio-layout{gap:0;grid-template-columns:var(--left-panel-width,280px) 4px minmax(0,1fr) 4px var(--right-panel-width,300px);align-items:stretch}.editor-result-stack{flex:1 1 auto;min-height:0;display:grid;grid-template-rows:minmax(180px,var(--editor-pane-height,320px)) 4px minmax(160px,1fr)}.editor-frame,.result-frame{min-height:0;height:100%;overflow:hidden}.sql-editor{min-height:0;height:100%}.result-table-wrap{height:100%}.panel-resizer{position:relative;z-index:3;flex-shrink:0}.panel-resizer:before{content:"";position:absolute;inset:0;margin:auto;background:rgba(214,182,110,.14);transition:background .12s ease}.panel-resizer:hover:before{background:rgba(214,182,110,.4)}.panel-resizer-vertical{width:4px;cursor:col-resize}.panel-resizer-vertical:before{width:1px;height:calc(100% - 6px)}.panel-resizer-horizontal{height:4px;cursor:row-resize}.panel-resizer-horizontal:before{width:100%;height:1px}@media (max-width:1200px){.focus-stage{height:auto;min-height:100%;max-height:none}.studio-layout{grid-template-columns:1fr}.panel-resizer{display:none}.editor-result-stack{grid-template-rows:minmax(200px,1fr) minmax(160px,auto)}}.hero-actions{width:360px;justify-content:flex-start;align-items:stretch;gap:14px}.hero-actions .guide-launch-button,.hero-actions .practice-launch-button{width:100%}.guide-launch-button{min-height:62px!important;padding:18px 20px!important}.hero-guide-copy{display:flex;flex-direction:column;gap:10px}.hero-credit-policy{color:#efd28a}.status-head-profile{align-items:flex-start}.status-title-block{display:flex;flex-direction:column;gap:8px}.profile-control-panel{margin-left:auto;min-width:320px;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.profile-button-row,.profile-identity-row{width:100%;display:flex;justify-content:flex-end}.profile-button-row{gap:10px;flex-wrap:wrap}.profile-name-chip{min-height:36px;padding-inline:14px;font-size:.82rem}.profile-button-row .compact-link-button{min-height:44px;padding:12px 16px}.status-login-button,.status-logout-button{min-width:170px;justify-content:center}.question-bank-link-button{min-width:220px;min-height:56px;padding:14px 22px;white-space:nowrap;justify-content:center;font-size:.98rem}@media (max-width:900px){.status-head-profile{flex-direction:column}.profile-control-panel{margin-left:0;min-width:0;width:100%;align-items:flex-start}.profile-button-row,.profile-identity-row{justify-content:flex-start}.question-bank-link-button{min-width:0;width:100%}}