:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#132d52;font-synthesis:none;background:#f3f6fa;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}[hidden]{display:none!important}.skip-link{z-index:20;color:#fff;background:#162f63;border-radius:.6rem;padding:.7rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.app{grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.app-bar{background:#fffffff5;border-bottom:1px solid #d6deea;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:4.25rem;padding:.7rem 1rem;display:grid;box-shadow:0 .25rem 1rem #1c345c0d}.brand{color:#152a53;align-items:center;gap:.65rem;font-weight:850;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#246bfd;border-radius:.65rem;place-items:center;width:2.2rem;height:2.2rem;display:grid}.file-summary{color:#68758a;justify-items:center;min-width:0;font-size:.78rem;display:grid}.file-summary strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.88rem;overflow:hidden}.primary-button,.drop-cta{color:#fff;background:#246bfd;border:0;border-radius:.75rem;min-height:2.8rem;padding:0 1rem;font-weight:800;box-shadow:0 .5rem 1.2rem #246bfd2e}.workspace{grid-template-columns:minmax(0,1fr) 18rem;gap:1rem;min-height:0;padding:1rem;display:grid}.app:not([data-state=loaded]) #open-button,.app[data-state=empty] .file-summary,.app[data-state=empty] .toolbar,.app[data-state=empty] .status-bar,.app[data-state=empty] .layers-panel{display:none}.app[data-state=empty] .workspace{grid-template-columns:minmax(0,1fr)}.app[data-state=empty] .viewer-shell{grid-template-rows:minmax(0,1fr)}.viewer-shell,.layers-panel{background:#fff;border:1px solid #dce3ed;border-radius:1rem;min-width:0;box-shadow:0 .8rem 2.4rem #18345b0f}.viewer-shell{grid-template-rows:auto minmax(24rem,1fr) auto;min-height:calc(100dvh - 6.25rem);display:grid;overflow:hidden}.toolbar{border-bottom:1px solid #dce4ed;align-items:center;gap:1rem;min-height:3.5rem;padding:.65rem .8rem;display:flex}.toolbar button{color:#263753;background:#f8fafc;border:1px solid #c7d3e2;border-radius:.6rem;min-height:2.35rem;padding:0 .8rem;font-weight:750}.toolbar button:disabled{cursor:default;opacity:.45}.zoom-control{color:#536079;align-items:center;gap:.65rem;min-width:min(22rem,65%);font-size:.8rem;font-weight:750;display:flex}.zoom-control input{accent-color:#246bfd;flex:1;min-width:5rem}.zoom-control output{color:#172033;text-align:right;min-width:3.2rem}.board-stage{background:#07101f;outline:none;min-width:0;min-height:0;position:relative;overflow:hidden}.app[data-state=empty] .board-stage{background:#edf3f9}.board-stage:focus-visible{box-shadow:inset 0 0 0 3px #8db3ff}.board-stage.is-dragging{box-shadow:inset 0 0 0 4px #5b91ff}.empty-state{color:#60738d;text-align:center;background:0 0;border:0;align-content:center;place-items:center;gap:.75rem;width:100%;height:100%;min-height:24rem;padding:2rem;display:grid;position:relative}.empty-state:before{content:"";background:#f9fbfe;border:1px solid #b9d0ef;border-radius:1.65rem;transition:border-color .16s,background-color .16s;position:absolute;inset:clamp(1rem,4vw,3rem);box-shadow:0 1.5rem 4rem #102b4e1a}.empty-state>*{position:relative}.empty-state:hover:before,.board-stage.is-dragging .empty-state:before{background:#eef5ff;border-color:#246bfd}.empty-state strong{color:#102b4e;font-size:clamp(1.25rem,3vw,1.65rem)}.empty-state>span:not(.board-visual):not(.drop-cta){line-height:1.55}.format-list{color:#60738d;max-width:36rem;font-size:.78rem}.drop-hint{font-size:.82rem}.drop-cta{align-items:center;margin-top:.4rem;display:inline-flex}.board-visual{background:#173b79;border:.35rem solid #5b91ff;border-radius:.8rem;width:6.8rem;height:5rem;position:relative;box-shadow:0 0 0 .35rem #dce8ff,0 1rem 2rem #102b4e29}.board-visual span{background:#08121f;border:.14rem solid #eac75c;border-radius:50%;width:.65rem;height:.65rem;position:absolute}.board-visual span:first-child{top:.65rem;left:.8rem}.board-visual span:nth-child(2){top:.65rem;right:.8rem}.board-visual span:nth-child(3){bottom:.65rem;left:.8rem}.board-visual span:nth-child(4){bottom:.65rem;right:.8rem}.canvas-host{cursor:grab;overscroll-behavior:contain;touch-action:none;width:100%;height:100%;min-height:24rem;overflow:auto}.canvas-host:active{cursor:grabbing}.canvas-host canvas{max-width:none;display:block}.loading{color:#cbd9ec;text-align:center;background:#07101feb;align-content:center;place-items:center;gap:.7rem;display:grid;position:absolute;inset:0}.loading strong{color:#fff;font-size:1.1rem}.loading button{color:#fff;background:0 0;border:1px solid #6e819d;border-radius:.6rem;min-height:2.4rem;padding:0 .9rem}.spinner{border:.2rem solid #4c5f79;border-top-color:#5b91ff;border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.message{z-index:2;color:#81291f;background:#fff4f2;border:1px solid #f2b6b0;border-radius:.75rem;padding:.8rem 1rem;font-size:.86rem;position:absolute;bottom:1rem;left:1rem;right:1rem}.status-bar{color:#66738a;border-top:1px solid #dce4ed;justify-content:space-between;gap:1rem;min-width:0;padding:.65rem .9rem;font-size:.76rem;display:flex}.status-bar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layers-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-head{border-bottom:1px solid #dce4ed;padding:1.15rem 1rem .85rem}.panel-head span{color:#246bfd;letter-spacing:.08em;font-size:.7rem;font-weight:850}.panel-head h2{margin:.2rem 0 0;font-size:1.2rem}.panel-empty{color:#79869a;padding:1.2rem 1rem;font-size:.84rem;line-height:1.6}.layers-list{align-content:start;gap:.35rem;min-height:0;padding:.7rem;display:grid;overflow:auto}.layer-row{background:#f5f8fb;border-radius:.7rem;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.6rem;padding:.65rem;display:grid}.layer-row input{accent-color:#246bfd}.layer-marker{background:#ec792f;border-radius:50%;width:.7rem;height:.7rem;box-shadow:0 0 0 .18rem #ec792f2e}.layer-row.kind-drill .layer-marker{background:#35445b;box-shadow:0 0 0 .18rem #35445b29}.layer-row>span:last-child{min-width:0;display:grid}.layer-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.layer-row small{color:#7a879b;margin-top:.15rem;font-size:.68rem}.board-info{border-top:1px solid #dce4ed;gap:.55rem;margin:auto 0 0;padding:1rem;display:grid}.board-info div{justify-content:space-between;gap:1rem;display:flex}.board-info dt{color:#728096;font-size:.76rem}.board-info dd{color:#253550;margin:0;font-size:.78rem;font-weight:800}:focus-visible{outline-offset:2px;outline:3px solid #8db3ff}@media (max-width:50rem){.app-bar{grid-template-columns:minmax(0,1fr) auto}.file-summary{display:none}.workspace{grid-template-columns:1fr;padding:.65rem}.viewer-shell{grid-template-rows:auto minmax(22rem,1fr) auto;min-height:calc(100dvh - 5.55rem)}.layers-panel{max-height:22rem}.status-bar span:last-child{display:none}.app[data-state=empty] .workspace{padding:.5rem}.app[data-state=empty] .viewer-shell{min-height:calc(100dvh - 5.25rem)}.app[data-state=empty] .empty-state:before{border-radius:1.25rem;inset:.5rem}}@media (max-width:28rem){.brand span:last-child{font-size:.85rem}.primary-button{min-height:2.55rem;padding-inline:.8rem}.toolbar{gap:.55rem}.toolbar button{padding-inline:.6rem;font-size:.75rem}.zoom-control{flex:1;gap:.4rem;min-width:0}.zoom-control>span{display:none}.empty-state{padding:1.25rem}}