:root{--cream: #F5F1E8;--slate-dark: #2B3440;--slate-strong: #3A4254;--slate: #4A5568;--warm-gray: #8B8680;--muted: #A8A29E;--border: #E8E2D5;--accent-red: #C04A3A;--accent-amber: #F5A623;--accent-green: #2D5A3D;--accent-green-soft: rgba(45, 90, 61, .08);--accent-green-mid: rgba(45, 90, 61, .4);--bg-card: #FAF7EE;--bg-hover: #EFEAD8;--bg-selected: #E8E0C7;--bg-section: #EDE7D7;--fs-h1: 32px;--fs-h2: 22px;--fs-body: 14px;--fs-meta: 13px;--fs-small: 12px;--fs-mono: 13px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--radius: 8px;--radius-sm: 4px;--shadow-sm: 0 1px 2px rgba(43, 52, 64, .04);--shadow-md: 0 2px 8px rgba(43, 52, 64, .08);--shadow-lg: 0 8px 24px rgba(43, 52, 64, .12);--transition: .18s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:IBM Plex Sans KR,Pretendard,-apple-system,sans-serif;font-size:var(--fs-body);color:var(--slate-dark);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}.draft-banner{position:fixed;top:0;left:0;right:0;background:var(--accent-red);color:#fff;padding:6px 16px;font-size:var(--fs-small);font-weight:500;text-align:center;z-index:1000;letter-spacing:.5px}.app{display:grid;grid-template-columns:280px 1fr;height:100vh;padding-top:32px}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);overflow-y:auto;padding:var(--sp-5) 0}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar-header{padding:0 var(--sp-5) var(--sp-5);border-bottom:1px solid var(--border);margin-bottom:var(--sp-3);cursor:pointer}.sidebar-header h1{font-family:Cormorant Garamond,serif;font-size:28px;font-weight:600;letter-spacing:-.5px;color:var(--slate-dark)}.sidebar-header .sub{font-family:JetBrains Mono,monospace;font-size:var(--fs-meta);color:var(--warm-gray);margin-top:2px}.sb-filter{padding:0 var(--sp-5) var(--sp-3);margin-bottom:var(--sp-2)}.sb-filter input{width:100%;background:var(--cream);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:var(--fs-small);color:var(--slate-dark);outline:none;transition:border-color var(--transition)}.sb-filter input:focus{border-color:var(--accent-green)}.sb-filter input::placeholder{color:var(--muted)}.cat-item{padding:var(--sp-2) var(--sp-5);cursor:pointer;transition:background var(--transition);display:flex;align-items:center;gap:var(--sp-3);border-left:3px solid transparent;-webkit-user-select:none;user-select:none}.cat-item:hover{background:var(--bg-hover)}.cat-item.active{background:var(--bg-selected);border-left-color:var(--accent-green)}.cat-item .twist{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--warm-gray);width:8px;transition:transform var(--transition)}.cat-collapsed .cat-item .twist{transform:rotate(-90deg)}.cat-item .num{font-family:JetBrains Mono,monospace;font-size:var(--fs-small);color:var(--muted);min-width:18px}.cat-item .label{font-size:var(--fs-body);font-weight:500;color:var(--slate-dark);flex:1}.cat-item .count{font-family:JetBrains Mono,monospace;font-size:var(--fs-meta);color:var(--warm-gray)}.schema-list{padding:0 0 var(--sp-3);display:block}.cat-collapsed .schema-list{display:none}.schema-item{padding:4px var(--sp-5) 4px 52px;font-family:JetBrains Mono,monospace;font-size:var(--fs-meta);color:var(--slate-strong);cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-left:3px solid transparent;transition:background var(--transition);-webkit-user-select:none;user-select:none}.schema-item:hover{background:var(--bg-hover);color:var(--slate-dark)}.schema-item.active{background:var(--accent-green-soft);color:var(--accent-green);font-weight:600;border-left-color:var(--accent-green)}.schema-item .schema-count{font-family:JetBrains Mono,monospace;font-size:var(--fs-small);color:var(--muted)}.schema-item.active .schema-count{color:var(--accent-green)}.schema-item.hidden{display:none}.main{overflow-y:auto;padding:var(--sp-6) var(--sp-7)}.search-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-6);display:flex;align-items:center;gap:var(--sp-3);box-shadow:var(--shadow-sm)}.search-bar svg{width:20px;height:20px;color:var(--warm-gray);flex-shrink:0}.search-bar input{flex:1;border:none;background:transparent;outline:none;font-family:inherit;font-size:var(--fs-body);color:var(--slate-dark)}.search-bar input::placeholder{color:var(--muted)}.search-bar input:focus+.kbd{background:var(--accent-green);color:#fff;border-color:var(--accent-green)}.search-bar .kbd{font-family:JetBrains Mono,monospace;font-size:var(--fs-meta);color:var(--warm-gray);background:var(--cream);padding:2px var(--sp-2);border-radius:var(--radius-sm);border:1px solid var(--border);transition:all var(--transition)}.section-title{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:600;color:var(--slate-dark);margin-bottom:var(--sp-4);display:flex;align-items:baseline;gap:var(--sp-3)}.section-title .meta{font-family:JetBrains Mono,monospace;font-size:var(--fs-meta);font-weight:400;color:var(--warm-gray)}.pinned-section{margin-bottom:var(--sp-6)}.pin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3)}.pin-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);cursor:pointer;transition:all var(--transition);border-top:3px solid transparent}.pin-card:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-md);border-top-color:var(--accent-green)}.pin-card .pin-name{font-family:JetBrains Mono,monospace;font-size:var(--fs-meta);color:var(--warm-gray);margin-bottom:2px}.pin-card .pin-label{font-size:var(--fs-body);font-weight:500;color:var(--slate-dark)}.portal-section{margin-bottom:var(--sp-6)}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.portal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-5);cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;gap:var(--sp-3);min-height:180px;position:relative}.portal-card:hover{background:var(--bg-hover);transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-green-mid)}.portal-card .top{display:flex;align-items:flex-start;justify-content:space-between}.portal-card .icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--accent-green)}.portal-card .num{font-family:JetBrains Mono,monospace;font-size:var(--fs-meta);color:var(--muted)}.portal-card .label{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:600;color:var(--slate-dark);letter-spacing:-.3px;line-height:1.2}.portal-card .desc{font-size:var(--fs-meta);color:var(--slate-strong);line-height:1.5}.portal-card .meta{font-family:JetBrains Mono,monospace;font-size:var(--fs-small);color:var(--warm-gray);margin-top:auto;padding-top:var(--sp-2);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.portal-card .arrow{color:var(--warm-gray);font-size:16px;transition:color var(--transition)}.portal-card:hover .arrow{color:var(--accent-green)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;vertical-align:middle}.status-dot.live{background:var(--accent-green)}.status-dot.dev{background:var(--accent-amber)}.status-dot.plan{background:var(--muted)}.stats-footer{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--border);display:flex;gap:var(--sp-7);align-items:baseline}.stat-item .label{display:block;font-family:JetBrains Mono,monospace;font-size:var(--fs-small);color:var(--warm-gray);letter-spacing:.5px;text-transform:uppercase;margin-bottom:2px}.stat-item .value{font-family:Cormorant Garamond,serif;font-size:28px;font-weight:600;color:var(--slate-dark);line-height:1}.stats-footer .ts{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:var(--fs-meta);color:var(--warm-gray)}.breadcrumb{font-family:JetBrains Mono,monospace;font-size:var(--fs-meta);color:var(--warm-gray);margin-bottom:var(--sp-3)}.breadcrumb a{color:var(--slate-strong);text-decoration:none;cursor:pointer}.breadcrumb a:hover{color:var(--accent-green)}.breadcrumb .sep{margin:0 var(--sp-2);color:var(--muted)}.page-header{margin-bottom:var(--sp-5)}.page-header h2{font-family:Cormorant Garamond,serif;font-size:var(--fs-h1);font-weight:600;color:var(--slate-dark);letter-spacing:-.5px;display:flex;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap}.page-header h2 .meta-mono{font-family:JetBrains Mono,monospace;font-size:var(--fs-body);font-weight:400;color:var(--warm-gray)}.page-header .desc{margin-top:var(--sp-3);color:var(--slate-strong);line-height:1.6;font-size:var(--fs-meta)}.page-header .desc strong{color:var(--accent-green);font-weight:600}.schema-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4);margin-top:var(--sp-5)}.schema-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-5);cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;gap:var(--sp-2);min-height:160px;border-left:3px solid transparent}.schema-card:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-md);border-left-color:var(--accent-green)}.schema-card .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--sp-2)}.schema-card .schema-name{font-family:JetBrains Mono,monospace;font-size:var(--fs-meta);color:var(--slate-dark);font-weight:500}.schema-card .schema-count{font-family:JetBrains Mono,monospace;font-size:var(--fs-meta);color:var(--accent-green);font-weight:600}.schema-card .schema-label{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:600;color:var(--slate-dark);letter-spacing:-.3px;margin-bottom:2px}.schema-card .schema-desc{font-size:var(--fs-meta);color:var(--slate-strong);line-height:1.5}.schema-card .schema-meta{margin-top:auto;padding-top:var(--sp-3);border-top:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:var(--fs-small);color:var(--warm-gray);display:flex;justify-content:space-between}.flat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-2);margin-top:var(--sp-4)}.flat-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all var(--transition);font-family:JetBrains Mono,monospace;font-size:var(--fs-meta);border-left:3px solid var(--accent-green)}.flat-row.is-view{border-left-color:var(--accent-amber)}.flat-row:hover{background:var(--bg-hover);border-color:var(--accent-green-mid)}.flat-row .name{color:var(--slate-dark);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flat-row .name .label-kr{font-family:IBM Plex Sans KR,sans-serif;font-size:var(--fs-small);color:var(--warm-gray);margin-left:var(--sp-2);font-weight:400}.flat-row .cnt{font-family:JetBrains Mono,monospace;font-size:var(--fs-meta);color:var(--warm-gray);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:var(--sp-3)}.flat-row.is-view .cnt{color:var(--accent-amber)}.flat-legend{margin-top:var(--sp-3);display:flex;gap:var(--sp-5);font-family:JetBrains Mono,monospace;font-size:var(--fs-small);color:var(--warm-gray)}.flat-legend .lg{display:flex;align-items:center;gap:6px}.flat-legend .swatch{width:12px;height:3px;background:var(--accent-green)}.flat-legend .swatch.vw{background:var(--accent-amber)}.board-empty{margin-top:var(--sp-6);padding:var(--sp-7) var(--sp-5);text-align:center;background:var(--bg-section);border:1px dashed var(--border);border-radius:var(--radius);color:var(--warm-gray)}.board-empty .empty-mark{font-family:Cormorant Garamond,serif;font-size:48px;color:var(--accent-green);font-weight:600;margin-bottom:var(--sp-3);line-height:1}.board-empty .empty-title{font-family:JetBrains Mono,monospace;font-size:var(--fs-meta);letter-spacing:.5px;text-transform:uppercase;color:var(--slate-strong);margin-bottom:var(--sp-2)}.board-empty .empty-mono{font-family:JetBrains Mono,monospace;font-size:var(--fs-body);color:var(--slate-dark);font-weight:500;background:var(--cream);display:inline-block;padding:4px var(--sp-3);border-radius:var(--radius-sm);margin-top:var(--sp-2)}.domain-empty{margin-top:var(--sp-6);padding:var(--sp-7) var(--sp-5);text-align:center;background:var(--bg-section);border:1px dashed var(--accent-green-mid);border-radius:var(--radius)}.domain-empty .mark{font-family:Cormorant Garamond,serif;font-size:56px;color:var(--accent-green);font-weight:600;margin-bottom:var(--sp-3);line-height:1}.domain-empty .title{font-family:Cormorant Garamond,serif;font-size:24px;color:var(--slate-dark);font-weight:600;margin-bottom:var(--sp-2)}.domain-empty .phase{font-family:JetBrains Mono,monospace;font-size:var(--fs-small);color:var(--warm-gray);letter-spacing:1px;text-transform:uppercase}.domain-empty .panels{margin-top:var(--sp-5);display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center;max-width:600px;margin-left:auto;margin-right:auto}.domain-empty .panel-tag{font-family:JetBrains Mono,monospace;font-size:var(--fs-small);color:var(--accent-green);background:var(--accent-green-soft);padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--accent-green-mid)}@media (max-width: 900px){.app{grid-template-columns:1fr}.sidebar{display:none}.pin-grid,.schema-grid,.portal-grid,.flat-grid{grid-template-columns:1fr}}@media (min-width: 901px) and (max-width: 1280px){.portal-grid{grid-template-columns:repeat(2,1fr)}}