:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font:14px/1.5 Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;background:#101713;color:#edf3ef}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #73efae;outline-offset:3px}.review-app{height:100vh;display:flex}.review-sidebar{width:218px;background:#0a100d;border-right:1px solid #26382d;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;padding:24px 18px 15px;font-weight:750}.brand>span{background:#36dd83;color:#062617;font-size:23px;border-radius:8px;padding:2px 11px}.brand small{display:block;color:#8ea699;font-size:12px;font-weight:400;margin-top:2px}.scope{margin:5px 18px 20px;padding:12px;border:1px solid #2b3e32;border-radius:8px;font-size:12px;color:#9fb4a7}.scope b{color:#d6e8dd;font-weight:500}#page-nav{flex:1;overflow-y:auto;padding:0 10px 16px}.nav-group{color:#6f8879;font-size:11px;letter-spacing:.1em;margin:12px 10px 5px}#page-nav button{display:block;text-align:left;width:100%;border:0;background:transparent;color:#afc3b7;border-radius:7px;padding:8px 12px;margin:2px 0;font-size:13px}#page-nav button:hover{background:#17241c}#page-nav button.active{background:#1a3a27;color:#8bf4b8;font-weight:700}.sidebar-bottom{padding:15px 18px;border-top:1px solid #26382d}.sidebar-bottom a{display:block;color:#c1d6c9;text-decoration:none;font-size:12px;padding:5px 0}.sidebar-bottom small{display:block;color:#70877a;font-size:11px;margin-top:12px}.review-content{min-width:0;flex:1;display:flex;flex-direction:column}.review-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 24px;border-bottom:1px solid #26382d;background:#111c15}.review-toolbar h1{margin:0;font-size:18px}.review-toolbar small{color:#819c8b;font-size:12px}.toolbar-controls{display:flex;gap:10px}.segmented{display:flex;padding:3px;border:1px solid #334a3b;border-radius:8px;background:#0b140f}.segmented button,.toolbar-controls>button{background:transparent;border:0;color:#a7c0b1;border-radius:6px;padding:7px 13px;font-size:13px}.segmented button.selected{background:#d5eee0;color:#123420}.toolbar-controls>button{border:1px solid #3d5847}.review-notice{display:flex;gap:20px;justify-content:space-between;padding:8px 24px;border-bottom:1px solid #26382d;color:#8da798;background:#0e1912;font-size:12px}.review-workspace{display:flex;min-height:0;flex:1}.frames{display:flex;flex:1;min-width:0;background:#070c09}.frames iframe{border:0;width:100%;height:100%;flex:1;min-width:0;background:var(--bg)}.frames.split iframe{width:50%;border-right:1px solid #425849}.todo-panel{width:310px;flex-shrink:0;border-left:1px solid #314738;background:#15221a;overflow-y:auto;padding:18px}.todo-heading{display:flex;align-items:center;justify-content:space-between}.todo-heading h2{font-size:16px;margin:0}.todo-heading button{background:none;border:0;color:#c5dacf;font-size:24px}.todo-item{padding:16px 0;border-bottom:1px solid #314b3a}.todo-item .tag{color:#73eaa7;font-size:11px}.todo-item h3{font-size:14px;margin:7px 0}.todo-item p{font-size:13px;color:#afc7b8;margin:5px 0}.todo-item .dev{color:#e3d8b6}.note{font-size:12px;color:#8ba695;margin:18px 0}[hidden]{display:none!important}@media(max-width:900px){.review-sidebar{width:165px}.scope{margin:5px 10px 15px}.brand{padding:18px 10px}.brand>span{display:none}.review-toolbar{padding:12px;flex-wrap:wrap}.review-notice{padding:7px 12px}#capture-note{display:none}.todo-panel{position:absolute;right:0;top:130px;bottom:0;width:300px;z-index:20;box-shadow:-10px 0 30px #0008}.segmented button{padding:6px 10px}}@media(max-width:600px){.review-sidebar{width:115px}.brand{font-size:12px}.brand small{font-size:10px}.scope{padding:8px;font-size:11px}#page-nav{padding:0 4px}#page-nav button{padding:8px;font-size:12px}.sidebar-bottom{padding:10px 8px}.sidebar-bottom a{font-size:11px}.review-toolbar h1{font-size:16px}.review-notice{font-size:11px}.toolbar-controls{gap:4px}.toolbar-controls>button{padding:6px 8px}.frames.split{flex-direction:column}.frames.split iframe{width:100%;height:50%}}

.review-tools{border-top:1px solid #334b3b;padding:12px 0}.review-tools>small{margin:0 0 8px;color:#8ca496}.review-tools .toolbar-controls{flex-direction:column;gap:8px}.review-tools .segmented{display:flex}.review-tools .segmented button{flex:1;padding:7px 4px;font-size:12px}.review-tools .toolbar-controls>button{width:100%;text-align:center}.todo-panel{top:0}.review-content{height:100vh}.review-workspace{height:100%}

/* ── 검토 도구 = 플로팅 (8차 지시 2) ──────────────────────────────
   좌측 사이드바는 서비스 화면이 아니라 검토용 도구다. 레이아웃에서 빼서 폭 0 으로 두고,
   좌측 하단 버튼으로 열고 닫는다. 열면 왼쪽에서 밀려 나와 화면 위에 겹친다. */
.review-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:40;width:218px;visibility:hidden;
  box-shadow:12px 0 32px rgba(0,0,0,.55);transform:translateX(-100%);transition:transform .2s ease,visibility 0s .2s}
.review-app.tools-open .review-sidebar{transform:none;visibility:visible;transition:transform .2s ease}
.tools-fab{position:fixed;left:12px;bottom:12px;z-index:41;width:40px;height:40px;display:flex;
  align-items:center;justify-content:center;border:1px solid #3d5847;border-radius:50%;
  background:#0a100d;color:#a7c0b1;box-shadow:0 6px 18px rgba(0,0,0,.5);transition:left .2s ease}
.tools-fab:hover{color:#edf3ef;border-color:#73efae}
.review-app.tools-open .tools-fab{left:230px;background:#1a3a27;color:#8bf4b8;border-color:#36dd83}
/* 06 영상 편집은 좌측 메뉴 맨 아래에 계정 줄이 붙는다 — 도구 버튼이 그 위로 비켜선다 */
.review-app[data-page="editing"] .tools-fab{bottom:78px}
@media(prefers-reduced-motion:reduce){.review-sidebar,.tools-fab{transition:none}}
@media(max-width:900px){.review-sidebar{width:218px}}
@media(max-width:600px){.review-sidebar{width:218px}}