*{box-sizing:border-box}[hidden]{display:none!important}:root{--bg: #f7f9ff;--surface: #ffffff;--border: #d8deee;--text: #1c2333;--text-soft: #5a6478;--accent: #2f5bea;--accent-soft: #e6ecff;--danger: #c62f2f}html,body{margin:0;height:100%}body{display:flex;flex-direction:column;font-family:Apple SD Gothic Neo,Pretendard,Noto Sans KR,system-ui,sans-serif;background:var(--bg);color:var(--text)}h1,h2,h3{word-break:keep-all}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:var(--surface);padding:8px 12px;z-index:10}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.app-title h1{margin:0;font-size:18px}.app-subtitle{margin:2px 0 0;font-size:13px;color:var(--text-soft)}.header-actions{display:flex;align-items:center;gap:10px}.back-link{color:var(--accent);text-decoration:none;font-size:14px}.back-link:hover{text-decoration:underline}main{flex:1;display:flex;min-height:0}main>section{flex:1;display:flex;min-height:0}#dropzone{align-items:center;justify-content:center;margin:24px;border:2px dashed var(--border);border-radius:16px;background:var(--surface);text-align:center}#dropzone.drag-over{border-color:var(--accent);background:var(--accent-soft)}.dropzone-inner{max-width:420px;padding:32px}.dropzone-inner h2{margin-top:0}.privacy-note{font-size:13px;color:var(--text-soft)}button{font:inherit;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.error-message{color:var(--danger);font-size:14px}#busy{align-items:center;justify-content:center}.busy-inner{display:flex;flex-direction:column;align-items:center;gap:14px}.spinner{width:36px;height:36px;border:4px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#workspace{flex-direction:column}.toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.toolbar-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#zoom-label{min-width:52px;text-align:center;font-variant-numeric:tabular-nums;font-size:14px}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;background:#fff4e0;color:#8a5a00;border:1px solid #f0d9a8;margin-right:6px}.workspace-body{flex:1;display:flex;min-height:0}#canvas-stage{flex:1;position:relative;overflow:hidden;background:#eceff7}#canvas-stage.checker{background-image:repeating-conic-gradient(#e2e5ee 0% 25%,#f8f9fc 0% 50%);background-size:24px 24px}#stage-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#stage-canvas:active{cursor:grabbing}.side-panel{width:300px;flex-shrink:0;overflow-y:auto;background:var(--surface);border-left:1px solid var(--border);padding:14px}.side-panel h2{font-size:14px;margin:0 0 8px}.info-panel{margin-bottom:18px}#doc-info{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:13px}#doc-info dt{color:var(--text-soft)}#doc-info dd{margin:0}.panel-hint{font-size:12px;color:var(--text-soft);margin:0 0 8px}.layer-tree,.layer-tree ul{list-style:none;margin:0;padding:0}.layer-tree ul{padding-left:14px;border-left:1px solid var(--border);margin-left:6px}.layer-item{margin:2px 0}.layer-button{width:100%;text-align:left;display:flex;flex-direction:column;gap:2px;padding:6px 8px;border:1px solid transparent}.layer-button:hover{border-color:var(--border);background:var(--bg)}.layer-button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.layer-name{font-size:13px;word-break:keep-all}.layer-name.is-hidden{color:var(--text-soft);text-decoration:line-through}.layer-meta{font-size:11px;color:var(--text-soft)}.group-label{font-size:13px;font-weight:600;padding:6px 8px 2px;color:var(--text-soft)}@media(max-width:860px){.workspace-body{flex-direction:column}.side-panel{width:auto;max-height:40vh;border-left:none;border-top:1px solid var(--border)}}