:root{color-scheme:light;--scale: 1;--bg: #FFFFFF;--surface: #F3F4F6;--paper: #FFFFFF;--paper-text: #1A1F24;--paper-divider: #C9CED4;--border: #767E86;--divider: #C9CED4;--text: #0B0F14;--text-2: #4A535C;--chrome: #111418;--chrome-text: #F2F4F6;--chrome-text-2: #AEB6BE;--chrome-rule: #3A4148;--primary: #157539;--primary-hover: #104B29;--primary-fg: #FFFFFF;--ai: #3B4650;--ai-bg: #EEF0F2;--review: #FFF2B0;--review-text: #0B0F14;--focus: #0B0F14;--focus-outer: #FFFFFF;--fail: #B42318;--fail-fg: #FFFFFF;--fail-text: #B42318;--fail-bg: #FDECEA;--ok: #157539;--ok-bg: #E6F2EA;--ok-text: #0F5C2E;--neutral-text: #2B333B;--neutral-bg: #EDEFF2;--overlay: rgba(11, 15, 20, .35);--viewer-overlay: rgba(11, 15, 20, .72);--shadow-dialog: 0 12px 32px rgba(11, 15, 20, .18);--font: "Pretendard", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;--mono: ui-monospace, Consolas, "Cascadia Mono", monospace;--fs-body: calc(12px * var(--scale));--fs-strong: calc(13px * var(--scale));--fs-small: calc(11px * var(--scale));--fs-heading: calc(14px * var(--scale));--fs-title: calc(16px * var(--scale));--fs-display: calc(20px * var(--scale));--sp1: 4px;--sp2: 8px;--sp3: 12px;--sp4: 16px;--sp5: 24px;--row: 28px;--top: 48px;--handle: 6px;--cell-pad: 3px 6px;--input-pad: 4px 6px;--radius: 2px}:root[data-theme=dark]{color-scheme:dark;--bg: #0E1114;--surface: #161A1E;--border: #7E868E;--divider: #3A4148;--text: #F2F4F6;--text-2: #AEB6BE;--chrome: #0A0C0F;--chrome-rule: #3A4148;--primary: #187A3D;--primary-hover: #1C8442;--ok: #2E9E5B;--ok-bg: #123021;--ok-text: #86D9A4;--fail-bg: #3A1614;--ai: #B9C2CB;--ai-bg: #232930;--review: #4A3F0F;--review-text: #F2F4F6;--focus: #F2F4F6;--focus-outer: #0E1114;--fail: #C0281C;--fail-text: #FF8A80;--neutral-text: #D5DAE0;--neutral-bg: #232930}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}h1,h2,h3,p{margin:0}img{display:block}.mono{font-family:var(--mono);font-size:var(--fs-small)}.plain{font-family:var(--font);font-size:var(--fs-body)}.muted{color:var(--text-2)}.small{font-size:var(--fs-small)}.grow{flex:1}.nowrap{white-space:nowrap}.narrow-only{display:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}:focus-visible{outline:2px solid var(--focus);outline-offset:1px;box-shadow:0 0 0 4px var(--focus-outer)}.pane:focus-visible{outline-offset:-2px;box-shadow:none}.frame{height:100%;display:flex;flex-direction:column;min-width:0}.topbar{height:var(--top);flex:0 0 var(--top);display:flex;align-items:center;gap:var(--sp3);padding:0 var(--sp3);background:var(--chrome);color:var(--chrome-text);min-width:0}.topbar{padding-left:var(--sp2)}.app-title{padding:0 var(--sp3) 0 var(--sp1);border-right:1px solid var(--chrome-rule);color:var(--chrome-text);text-decoration:none;white-space:nowrap;font-size:var(--fs-title);font-weight:700;letter-spacing:.01em}.app-module{font-style:italic}.lang-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.lang-toggle button{height:24px;min-width:38px;padding:0 6px;border:0;background:transparent;font-size:var(--fs-small);font-weight:600;letter-spacing:.02em;cursor:pointer}.lang-toggle button+button{border-left:1px solid var(--border)}.lang-toggle.chrome button{color:var(--chrome-text-2)}.lang-toggle.chrome button:hover{color:var(--chrome-text)}.lang-toggle.chrome button.on{background:var(--chrome-text);color:var(--chrome)}.lang-toggle.light{background:var(--bg)}.lang-toggle.light button{color:var(--text-2)}.lang-toggle.light button.on{background:var(--text);color:var(--bg)}.login-lang{position:fixed;top:var(--sp3);right:var(--sp4)}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;padding:0;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--chrome-text);cursor:pointer}.icon-btn:hover{background:#232930;border-color:var(--chrome-rule)}.icon-btn .icon{width:18px;height:18px}.tooltip{position:absolute;top:calc(100% + 6px);left:0;z-index:60;display:inline-flex;align-items:center;gap:var(--sp2);padding:4px var(--sp2);background:var(--chrome);color:var(--chrome-text);border:1px solid var(--chrome-rule);border-radius:var(--radius);font-size:var(--fs-small);font-weight:400;font-style:normal;white-space:nowrap;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .12s ease 0s,visibility 0s linear .12s}.icon-btn:hover .tooltip,.icon-btn:focus-visible .tooltip{visibility:visible;opacity:1;transition:opacity .12s ease .35s,visibility 0s linear .35s}.tooltip kbd{padding:0 4px;border:1px solid var(--chrome-rule);border-radius:var(--radius);font-family:var(--mono);font-size:var(--fs-small);color:var(--chrome-text-2)}.crumbs{display:flex;align-items:center;min-width:0;white-space:nowrap;overflow:hidden}.crumbs a{color:var(--chrome-text);text-decoration:none}.crumbs a:hover{text-decoration:underline}.crumbs .sep{color:var(--chrome-text-2);margin:0 6px}.crumbs .current{overflow:hidden;text-overflow:ellipsis}.top-meta{font-size:var(--fs-small);color:var(--chrome-text-2);white-space:nowrap}.top-user{display:flex;align-items:center;gap:var(--sp2);padding-left:var(--sp3);border-left:1px solid var(--chrome-rule);white-space:nowrap}.top-user .who{max-width:220px;overflow:hidden;text-overflow:ellipsis}.top-user .role{color:var(--chrome-text-2)}.top-btn{height:24px;padding:0 var(--sp2);border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--chrome-text);font-size:var(--fs-small);font-weight:600;cursor:pointer}.top-btn:hover{background:#232930}.panes{flex:1;min-height:0;display:grid;grid-template-columns:var(--left-w, 260px) var(--handle) minmax(0,1fr) var(--handle) var(--right-w, 360px);grid-template-rows:minmax(0,1fr);position:relative}.panes.two{grid-template-columns:var(--left-w, 260px) var(--handle) minmax(0,1fr)}.panes{transition:grid-template-columns .24s ease}body.resizing .panes{transition:none}.pane-left>*{min-width:var(--left-w, 260px);transition:transform .24s ease}.panes.left-hidden{grid-template-columns:0px 0px minmax(0,1fr) var(--handle) var(--right-w, 360px)}.panes.two.left-hidden{grid-template-columns:0px 0px minmax(0,1fr)}.panes.left-hidden>.pane-left{overflow:hidden;visibility:hidden;transition:visibility 0s linear .24s}.panes.left-hidden>.pane-left>*{transform:translate(-100%)}.panes.left-hidden>.handle-left{visibility:hidden;border-width:0;transition:visibility 0s linear .24s}@media(prefers-reduced-motion:reduce){.panes,.pane-left>*{transition:none}}.pane{min-width:0;min-height:0}.pane-left{background:var(--surface);display:flex;flex-direction:column;overflow:visible}.pane-center{background:var(--surface);display:flex;flex-direction:column;overflow:hidden}.pane-right{background:var(--bg);display:flex;flex-direction:column;overflow:hidden}.handle{position:relative;background:var(--surface);border-left:1px solid var(--divider);border-right:1px solid var(--divider);cursor:col-resize;touch-action:none}.handle:after{content:"";position:absolute;top:50%;left:1px;width:2px;height:28px;margin-top:-14px;background:var(--border)}.handle:hover,.handle.dragging{background:var(--divider)}body.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.menu{flex:0 0 auto;padding:var(--sp2) var(--sp2) 0}.menu-list{list-style:none;margin:0;padding:0}.menu-link{display:flex;align-items:center;gap:var(--sp2);min-height:var(--row);padding:0 var(--sp2);border-bottom:1px solid var(--divider);color:var(--text);text-decoration:none}.menu-link .icon{width:16px;height:16px;flex:0 0 16px;color:var(--text-2)}.menu-link.active .icon{color:var(--text)}.menu-link:hover{background:var(--ai-bg)}.module-switch{position:relative;margin:0 0 var(--sp1)}.module-switch-button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 var(--sp2);border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text);font-size:var(--fs-heading);font-weight:700;letter-spacing:.01em;cursor:pointer}.module-switch-button:hover,.module-switch-button[aria-expanded=true]{background:var(--ai-bg);border-color:var(--divider)}.module-chevron{width:14px;height:14px;color:var(--text-2);transition:transform .12s ease}.module-switch-button[aria-expanded=true] .module-chevron{transform:rotate(180deg)}.module-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:40;width:max(260px,100%);margin:0;padding:var(--sp1);list-style:none;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--border);border-radius:var(--radius)}.module-menu:focus-visible{box-shadow:none;outline-offset:2px}.module-option{display:flex;align-items:center;gap:var(--sp2);min-height:48px;padding:6px var(--sp2);border-radius:var(--radius);cursor:pointer}.module-option.active{background:color-mix(in srgb,var(--text) 8%,transparent)}.module-option-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.module-option-text b{font-size:var(--fs-strong);font-weight:700}.module-option-text span{font-size:var(--fs-small);color:var(--text-2)}.module-check{width:16px;height:16px;flex:0 0 16px}.menu-link.active{background:var(--bg);box-shadow:inset 3px 0 0 var(--text);font-weight:600}.left-toggle{display:none}.left-context{flex:1;min-height:0;overflow:auto;padding:var(--sp3) var(--sp2) var(--sp2);display:flex;flex-direction:column;gap:var(--sp2)}.panel-label{display:flex;align-items:center;gap:var(--sp1);padding-bottom:var(--sp1);border-bottom:1px solid var(--divider);font-size:var(--fs-small);font-weight:600;letter-spacing:.02em;color:var(--text-2)}.menu .panel-label{margin-bottom:0}.center-head{flex:0 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp2);min-height:40px;padding:var(--sp1) var(--sp3);border-bottom:1px solid var(--divider)}.center-title{font-size:var(--fs-heading);font-weight:700}.center-meta{font-size:var(--fs-small);color:var(--text-2)}.center-body{flex:1;min-height:0;overflow:auto;padding:var(--sp3);display:flex;flex-direction:column;gap:var(--sp2)}.pane-head{flex:0 0 auto;display:flex;align-items:center;gap:var(--sp2);min-height:40px;padding:var(--sp1) var(--sp3);border-bottom:1px solid var(--divider)}.pane-title{font-size:var(--fs-heading);font-weight:700}.pane-close{display:none}.pane-body{flex:1;min-height:0;overflow:auto;padding:var(--sp3);display:flex;flex-direction:column;gap:var(--sp3)}.pane-foot{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--sp1);padding:var(--sp2) var(--sp3);border-top:1px solid var(--divider)}.pane-foot .reason{flex-basis:100%;text-align:right}.detail-id{font-family:var(--mono);font-size:var(--fs-small);overflow-wrap:anywhere}.section-title{font-size:var(--fs-strong);font-weight:600}.stack{display:flex;flex-direction:column;gap:var(--sp2)}.row{display:flex;align-items:center;gap:var(--sp2);flex-wrap:wrap}.boot{padding:var(--sp5);color:var(--text-2)}.boot-offline{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp1);min-height:var(--row);padding:0 var(--sp3);border:1px solid var(--text);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:var(--fs-strong);font-weight:600;white-space:nowrap;cursor:pointer}.btn:hover{background:var(--ai-bg)}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn.destructive{border-color:var(--fail-text);color:var(--fail-text)}.btn.compact{min-height:24px;padding:0 var(--sp2);font-size:var(--fs-body)}.btn[aria-disabled=true],.btn[aria-disabled=true]:hover{background:var(--surface);border-color:var(--divider);color:var(--text-2);cursor:not-allowed}.btn.narrow-only{display:none}.reason{font-size:var(--fs-small);color:var(--text-2);line-height:1.45}.link{background:none;border:0;padding:0;color:var(--text);text-decoration:underline;text-underline-offset:2px;cursor:pointer;white-space:nowrap}.link:hover{text-decoration-thickness:2px}.field{display:flex;flex-direction:column;gap:var(--sp1)}.field-label{display:flex;align-items:center;gap:6px;font-size:var(--fs-small);font-weight:600;letter-spacing:.02em;color:var(--text-2)}.req-chip{font-size:var(--fs-small);font-weight:500;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:0 5px;line-height:16px;letter-spacing:0}.hint{font-size:var(--fs-small);color:var(--text-2);line-height:1.45}.input,input[type=text],input[type=password],input[type=number],select,textarea{min-height:var(--row);width:100%;padding:var(--input-pad);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:var(--fs-body);line-height:1.45}textarea{min-height:84px;resize:vertical}input:disabled,select:disabled,textarea:disabled,input[readonly]{background:var(--surface);color:var(--text-2);border-color:var(--divider);opacity:1}input.mono{font-family:var(--mono)}::placeholder{color:var(--text-2)}.select{position:relative;display:block}.select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:22px;cursor:pointer}.select select:disabled{cursor:default}.select:after{content:"▾";position:absolute;right:7px;top:50%;transform:translateY(-50%);color:var(--text-2);pointer-events:none;font-size:var(--fs-small)}input[type=checkbox],input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin:0;flex:0 0 auto;border:1px solid var(--border);background:var(--bg);display:inline-grid;place-content:center;vertical-align:middle;cursor:pointer}input[type=checkbox]{border-radius:var(--radius)}input[type=radio]{border-radius:50%}input[type=checkbox]:checked{background:var(--text);border-color:var(--text)}input[type=checkbox]:checked:after{content:"";width:7px;height:4px;border-left:2px solid var(--bg);border-bottom:2px solid var(--bg);transform:translateY(-1px) rotate(-45deg)}input[type=radio]:checked:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--text)}input[type=checkbox]:disabled,input[type=radio]:disabled{background:var(--surface);border-color:var(--divider);cursor:default}input[type=checkbox]:disabled:checked{background:var(--text-2);border-color:var(--text-2)}.check-row{display:flex;align-items:center;gap:var(--sp2);min-height:var(--row);cursor:pointer}.check-row .hint{margin-top:1px}.seg{display:inline-flex;align-self:flex-start;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);overflow:hidden}.seg label{position:relative;display:flex;align-items:center;justify-content:center;min-width:56px;height:24px;padding:0 var(--sp2);border-right:1px solid var(--border);font-size:var(--fs-small);color:var(--text-2);cursor:pointer;white-space:nowrap}.seg label:last-child{border-right:0}.seg input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.seg label:has(input:checked){background:var(--text);color:var(--bg);font-weight:600}.seg label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:-3px}.seg label:has(input:disabled){cursor:default}.badge{display:inline-flex;align-items:center;height:20px;padding:0 8px;border:1px solid transparent;border-radius:var(--radius);font-size:var(--fs-small);font-weight:600;letter-spacing:.01em;white-space:nowrap;vertical-align:middle}.badge.live{background:var(--bg);color:var(--text);border:2px solid var(--text)}.badge.neutral{background:var(--neutral-bg);color:var(--neutral-text)}.badge.check{background:var(--review);color:var(--review-text);border-color:var(--divider)}.badge.outline{background:var(--bg);color:var(--neutral-text);border-color:var(--neutral-text)}.badge.ok{background:var(--ok-bg);color:var(--ok-text);border-color:var(--ok)}.badge.fail{background:var(--fail-bg);color:var(--fail-text);border-color:var(--fail-text)}.badge.ok:before,.badge.fail:before{content:"";width:6px;height:6px;margin-right:5px;border-radius:50%;background:currentColor}.chip{display:inline-block;max-width:100%;height:18px;padding:0 6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text-2);font-size:var(--fs-small);line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.chip .mono,.kv .mono{font-size:inherit}.chip.file{border-color:var(--ok);color:var(--ok);font-weight:600}.notice{padding:var(--sp1) var(--sp2);border:1px solid var(--divider);border-radius:var(--radius);background:var(--ai-bg);color:var(--ai);font-size:var(--fs-small);line-height:1.45}.notice.error{background:var(--bg);color:var(--fail-text);border-color:var(--fail-text)}.notice.attention{background:var(--review);color:var(--review-text)}.notice.done{background:var(--bg);color:var(--text);border-color:var(--text)}.notice.ok{background:var(--ok-bg);color:var(--ok-text);border-color:var(--ok);font-weight:600}.notice .link{color:inherit;margin-left:var(--sp1)}.notice.loading{display:flex;flex-direction:column;gap:var(--sp1)}.empty{padding:var(--sp2) var(--sp3);border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-2);font-size:var(--fs-small);line-height:1.45}.pane-right .empty{background:var(--bg)}.counter{display:flex;flex-direction:column;gap:2px;padding:var(--sp2);border:1px solid var(--divider);border-radius:var(--radius);background:var(--review);color:var(--review-text)}.counter b{font-size:var(--fs-strong)}.counter span{font-size:var(--fs-small)}.progress{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress i{display:block;width:40%;height:100%;background:var(--text-2);animation:progress-slide 1.2s linear infinite}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media(prefers-reduced-motion:reduce){.progress i{animation:none;width:100%}}.kv{display:grid;grid-template-columns:minmax(84px,max-content) minmax(0,1fr);border-top:1px solid var(--divider)}.kv dt,.kv dd{margin:0;min-height:var(--row);padding:5px 6px;border-bottom:1px solid var(--divider)}.kv dt{background:var(--surface);color:var(--text-2);font-size:var(--fs-small);font-weight:600;white-space:nowrap}.kv dd{overflow-wrap:anywhere}.filter-bar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--sp2);padding:var(--sp2);border:1px solid var(--divider);border-radius:var(--radius);background:var(--surface)}.filter-bar .field{min-width:120px}.filter-bar .field.grow{flex:1 1 220px}.filter-bar .filter-actions{display:flex;gap:var(--sp1);margin-left:auto}.pager{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp2);padding-top:var(--sp2)}.pager-meta{font-size:var(--fs-small);color:var(--text-2)}.pager .select{margin-right:auto}.table-wrap{overflow:auto;background:var(--bg);border:1px solid var(--divider)}.table{width:100%;border-collapse:collapse;background:var(--bg)}.table th,.table td{height:var(--row);padding:var(--cell-pad);border:1px solid var(--divider);text-align:left;vertical-align:middle}.table tr>:first-child{border-left:0}.table tr>:last-child{border-right:0}.table thead th{position:sticky;top:0;z-index:1;background:var(--surface);border-top:0;border-bottom:2px solid var(--text);color:var(--text-2);font-size:var(--fs-small);font-weight:600;letter-spacing:.02em;white-space:nowrap}.table tbody tr{cursor:pointer}.table tbody tr:hover td{background:var(--ai-bg)}.table tbody tr:focus-visible{outline-offset:-2px;box-shadow:none}.table tbody tr.selected td{background:var(--bg);box-shadow:inset 0 1.5px 0 var(--focus),inset 0 -1.5px 0 var(--focus)}.table tbody tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--focus),inset 0 1.5px 0 var(--focus),inset 0 -1.5px 0 var(--focus)}.table tbody tr.selected td:last-child{box-shadow:inset -1.5px 0 0 var(--focus),inset 0 1.5px 0 var(--focus),inset 0 -1.5px 0 var(--focus)}.table td.mono{white-space:nowrap}.table td.wrap-any{white-space:normal;overflow-wrap:anywhere}.table td.num,.table th.num{text-align:right}.list{list-style:none;margin:0;padding:0}.list-row{display:flex;align-items:center;gap:var(--sp1);width:100%;min-height:var(--row);padding:0 var(--sp2);border:0;border-bottom:1px solid var(--divider);background:none;color:var(--text);text-align:left;cursor:pointer}.list-row:hover{background:var(--ai-bg)}.list-row.active{background:var(--bg);box-shadow:inset 3px 0 0 var(--text);font-weight:600}.list-row .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row .chip{font-weight:400}.tree-caret{display:inline-block;width:12px;flex:0 0 12px;color:var(--text-2);font-size:var(--fs-small)}.tree-children{margin-left:12px}.tree-row.leaf .name{font-family:var(--mono);font-size:var(--fs-small)}.tree-empty{padding:var(--sp1) var(--sp2);font-size:var(--fs-small);color:var(--text-2)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:var(--sp2)}.tile{display:flex;flex-direction:column;min-width:0;padding:0;border:1px solid var(--divider);border-radius:var(--radius);background:var(--bg);color:var(--text);text-align:left;cursor:pointer;content-visibility:auto;contain-intrinsic-size:168px 200px}.tile:hover{border-color:var(--border)}.tile.selected{border-color:var(--focus);box-shadow:inset 0 0 0 1px var(--focus)}.tile-media{position:relative;aspect-ratio:4 / 3;background:var(--surface);overflow:hidden}.tile-media img{width:100%;height:100%;object-fit:cover}.tile-body{display:flex;flex-direction:column;gap:2px;padding:var(--sp1) 6px 6px;border-top:1px solid var(--divider)}.tile.selected .tile-body{box-shadow:inset 3px 0 0 var(--focus)}.tile-name{font-family:var(--mono);font-size:var(--fs-small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-meta{font-size:var(--fs-small);color:var(--text-2)}.tile-tags{display:flex;flex-wrap:wrap;gap:var(--sp1);margin-top:2px}.tile.pick{cursor:default}.tile.pick .tile-body{flex-direction:row;align-items:center;gap:6px}.tile.pick.off .tile-media img{filter:grayscale(1)}.tile.pick.off .tile-body{background:var(--surface)}.tile.pick label{display:flex;align-items:center;gap:6px;min-width:0;flex:1;cursor:pointer}.photo-stage{display:grid;place-items:center;width:100%;min-height:180px;max-height:300px;padding:0;border:1px solid var(--divider);border-radius:var(--radius);background:var(--chrome) center / contain no-repeat;cursor:zoom-in;overflow:hidden}.photo-stage img{max-width:100%;max-height:298px;object-fit:contain}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--sp4);background:var(--overlay)}.dialog{width:440px;max-width:100%;max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--bg);color:var(--text);border:1px solid var(--text);border-radius:var(--radius);box-shadow:var(--shadow-dialog);overflow:hidden}.dialog-head{display:flex;align-items:center;gap:var(--sp2);padding:var(--sp2) var(--sp3);border-bottom:1px solid var(--divider);font-size:var(--fs-heading);font-weight:700}.dialog-body{padding:var(--sp3);overflow:auto;display:flex;flex-direction:column;gap:var(--sp2)}.dialog-foot{display:flex;justify-content:flex-end;gap:var(--sp1);padding:var(--sp2) var(--sp3);border-top:1px solid var(--divider)}.dialog.wide{width:560px}.overlay.viewer-overlay{background:var(--viewer-overlay)}.dialog.viewer{width:1100px}.viewer .dialog-head .title{font-family:var(--mono);font-size:var(--fs-body);font-weight:600;overflow-wrap:anywhere}.viewer-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:0;overflow:hidden}.viewer-figure{display:grid;place-items:center;min-height:320px;background:var(--chrome) center / contain no-repeat}.viewer-figure img{max-width:100%;max-height:calc(100vh - 170px);object-fit:contain}.viewer-side{padding:var(--sp3);border-left:1px solid var(--divider);overflow:auto;display:flex;flex-direction:column;gap:var(--sp2)}.form-panel{width:100%;max-width:720px}.form-panel.wide{max-width:none;background:var(--bg);border:1px solid var(--divider);border-radius:var(--radius)}.form-panel-head{display:flex;align-items:center;gap:var(--sp2);padding:var(--sp2) var(--sp3);border-bottom:1px solid var(--divider)}.form-panel-head h2{font-size:var(--fs-heading);font-weight:700}.form-panel-body{padding:var(--sp3);display:flex;flex-direction:column;gap:var(--sp3)}.form-panel-foot{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--sp1);padding:var(--sp2) var(--sp3);border-top:1px solid var(--divider)}.form-panel-foot .reason{margin-right:auto}.dialog-foot .reason{margin-right:auto;text-align:left}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp3)}.setting-strip{display:flex;align-items:center;gap:var(--sp3);flex-wrap:wrap;padding:var(--sp2) var(--sp3);background:var(--bg);border:1px solid var(--divider);border-radius:var(--radius)}.setting-strip .section-title{min-width:72px}.preview-value{padding:var(--sp2);border:1px solid var(--divider);border-radius:var(--radius);background:var(--surface);font-size:var(--fs-strong);font-weight:600}.stepper{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:var(--sp2)}.stepper .btn{min-height:44px;padding:0;font-size:var(--fs-title)}.stepper-value{text-align:center;display:flex;flex-direction:column;gap:2px}.stepper-value b{font-size:30px;font-weight:700;line-height:1.1}.preview-frame{flex:1;min-height:420px;width:100%;border:1px solid var(--paper-divider);border-radius:var(--radius);background:var(--paper)}.login{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp3);padding:var(--sp4);background:var(--surface)}.login-card{width:420px;max-width:100%;display:flex;flex-direction:column;gap:var(--sp3);padding:var(--sp5);background:var(--bg);border:1px solid var(--divider);border-radius:4px}.brand-plate{display:flex;flex-direction:column;gap:var(--sp1);padding:var(--sp2) 0 var(--sp3);background:var(--paper);border-bottom:1px solid var(--divider)}:root[data-theme=dark] .brand-plate{padding:var(--sp3);border:1px solid var(--divider);border-radius:var(--radius)}.brand-plate img{width:190px;height:auto}.brand-plate .tagline{font-size:var(--fs-small);color:#4a535c;letter-spacing:.02em}.login-title{font-size:var(--fs-display);font-weight:700;letter-spacing:-.01em}.login-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp1)}.login-foot{display:flex;align-items:center;gap:6px;font-size:var(--fs-small);color:var(--text-2)}.login-foot img{width:16px;height:16px}.login-server{width:420px;max-width:100%}@media(max-width:1279px){.panes{grid-template-columns:var(--left-w, 260px) var(--handle) minmax(0,1fr)}.panes>.handle-right{display:none}.panes.left-hidden,.panes.two.left-hidden{grid-template-columns:0px 0px minmax(0,1fr)}.pane-right{display:none;position:absolute;top:0;right:0;bottom:0;z-index:20;width:min(var(--right-w, 360px),100%);border-left:1px solid var(--text)}.pane-right.open{display:flex}.pane-close{display:block;position:absolute;top:8px;right:var(--sp3);z-index:1}.btn.narrow-only{display:inline-flex}.viewer-body{grid-template-columns:1fr;overflow:auto}.viewer-side{border-left:0;border-top:1px solid var(--divider)}}@media(max-width:899px){html,body,#root{height:auto}.frame{height:auto;min-height:100vh}.topbar{gap:var(--sp2)}.top-meta,.crumbs{display:none}.app-title{border-right:0;padding-right:0;font-size:var(--fs-heading)}.tooltip{display:none}.panes.left-hidden>.pane-left{display:none}.top-user .role{display:none}.top-user{margin-left:auto}.top-user .who{max-width:120px}.panes{display:block}.handle{display:none}.pane-left,.pane-center{overflow:visible}.menu{padding:var(--sp2)}.menu .panel-label{display:none}.menu-list{display:flex;flex-wrap:wrap;gap:var(--sp1)}.menu-link{border:1px solid var(--divider);border-radius:var(--radius);background:var(--bg);min-height:44px}.menu-link.active{box-shadow:inset 0 -3px 0 var(--text)}.left-toggle{display:flex;align-items:center;gap:var(--sp1);width:100%;min-height:44px;padding:0 var(--sp3);border:0;border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);background:var(--surface);color:var(--text);font-weight:600;text-align:left;cursor:pointer}.left-context{display:none}.left-context.open{display:flex;max-height:60vh}.center-body{overflow:visible}.pane-right{position:fixed;top:var(--top);left:0;right:0;bottom:0;width:auto;border-left:0}.tiles{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.table th,.table td{white-space:nowrap}.form-grid{grid-template-columns:1fr}.btn,.list-row{min-height:44px}.overlay{padding:var(--sp2)}}