:root{--bg-0: #eef1f4;--bg-1: #f6f7f9;--bg-2: #ffffff;--bg-elev: #ffffff;--line: #d3d9df;--line-strong: #aab4bd;--text: #1c2530;--text-dim: #4c5966;--text-mute: #7c8894;--accent: #1f4e79;--accent-soft: #e4ecf3;--accent-strong: #16385a;--warn: #8a5a1f;--danger: #a02b2b;--radius: 3px;--shadow: 0 4px 14px rgba(20, 30, 40, .12);--font-ui: "Malgun Gothic", "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", system-ui, sans-serif;--font-mono: "Consolas", "D2Coding", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}@supports (height: 100svh){html,body,#root{height:100svh;max-height:100svh}}body{font-family:var(--font-ui);font-size:12.5px;color:var(--text);background:var(--bg-0);overflow:hidden;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{display:block;max-width:100%}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#1c253038;border-radius:2px}::-webkit-scrollbar-track{background:transparent}.app-root{height:100%;max-height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--bg-0);padding-bottom:env(safe-area-inset-bottom,0px)}@supports (height: 100svh){.app-root{height:100svh;max-height:100svh}}.app-header{flex-shrink:0;height:44px;display:flex;align-items:center;padding:0 16px 0 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f7f5f8,#efeef2);color:#1a1d24}.app-header-brand{display:flex;align-items:center;gap:8px;min-width:0}.app-header-mark{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 28%,#3a4452 29% 34%,transparent 35%),radial-gradient(circle at 50% 18%,#3a4452 0 8%,transparent 9%),radial-gradient(circle at 78% 68%,#3a4452 0 8%,transparent 9%),radial-gradient(circle at 22% 68%,#3a4452 0 8%,transparent 9%),#2b3340;flex-shrink:0}.app-header-title{font-size:14px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.app-header-badge{font-size:14px;font-weight:700;letter-spacing:-.02em;color:#1a1d24;white-space:nowrap}.app-header-link{border:none;background:transparent;color:#1a1d24;font-size:13px;font-weight:600;padding:4px 8px;margin-left:2px;border-radius:6px;cursor:pointer;white-space:nowrap}.app-header-link:hover{background:#1a1d2414}.app-shell{flex:1 1 0;min-height:0;display:grid;grid-template-columns:258px 1fr 380px;grid-template-rows:minmax(0,1fr);background:var(--bg-0);overflow:hidden}.app-shell>*{min-height:0;max-height:100%}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0a0e148c;display:grid;place-items:center;padding:24px}.modal{width:min(520px,100%);max-height:min(84vh,720px);overflow:auto;border-radius:12px;border:1px solid var(--line-strong);background:var(--bg-1);box-shadow:0 24px 60px #00000059;padding:20px 22px 22px;color:var(--text)}.help-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.help-modal-head h3{margin:0;font-size:18px;font-weight:700}.help-steps{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:14px}.help-steps li strong{display:block;margin-bottom:4px;font-size:13.5px}.help-steps li p{margin:0;font-size:13px;line-height:1.55;color:var(--text-dim)}.help-steps em{font-style:normal;color:var(--accent-strong);font-weight:600}.help-foot{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.5;color:var(--text-mute)}.help-foot em{font-style:normal;color:var(--text-dim);font-weight:600}.brand-pane{border-right:1px solid var(--line);padding:16px 14px;display:flex;flex-direction:column;gap:16px;background:var(--bg-1);min-height:0;overflow:auto}.brand-mark{display:flex;flex-direction:column;gap:2px;padding-bottom:12px;border-bottom:2px solid var(--accent)}.brand-mark h1{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--accent-strong)}.brand-mark p{margin:0;color:var(--text-mute);font-size:10.5px;letter-spacing:.02em}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2)}.stat strong{display:block;font-size:19px;font-weight:700;line-height:1.1;color:var(--accent-strong)}.stat span{display:block;margin-top:3px;color:var(--text-mute);font-size:10.5px}.folder-card{padding:10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-2);display:flex;flex-direction:column;gap:8px}.folder-card-label{font-size:10px;letter-spacing:.03em;font-weight:700;color:var(--text-mute);text-transform:uppercase}.folder-card-path{font-family:var(--font-mono);font-size:11px;color:var(--text);word-break:break-all;line-height:1.4;padding:6px 8px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius)}.folder-card-actions{display:flex;flex-direction:column;gap:6px}.folder-card-actions .btn{width:100%;text-align:center;padding:8px 10px;word-break:keep-all;overflow-wrap:normal;line-break:strict;white-space:nowrap}.btn-stop{color:#8a2f2f;border-color:#e0b4b4;background:#fff7f7}.btn-stop:hover:not(:disabled){background:#ffecec;border-color:#d09090}.folder-card-msg{font-size:11px;color:var(--accent-strong);line-height:1.4;word-break:keep-all;overflow-wrap:anywhere}.folder-card-note{font-size:10.5px;color:var(--text-mute);line-height:1.45;border-top:1px dashed var(--line);padding-top:8px;white-space:pre-line;word-break:keep-all}.nav-hint{margin-top:auto;padding:10px;border-radius:var(--radius);border:1px solid var(--line);background:var(--accent-soft);color:var(--text-dim);font-size:11px;line-height:1.5}.nav-hint strong{display:block;color:var(--accent-strong);margin-bottom:4px;font-weight:700;font-size:11px}.center-pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border-right:1px solid var(--line);background:var(--bg-0)}.toolbar{padding:14px 18px 12px;display:flex;flex-direction:column;gap:10px;background:var(--bg-1);border-bottom:1px solid var(--line);flex-shrink:0}.toolbar-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.toolbar-top h2{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--text)}.toolbar-actions{display:flex;gap:6px}.btn{border:1px solid var(--line-strong);background:var(--bg-2);color:var(--text);border-radius:var(--radius);padding:7px 12px;font-size:12px;font-weight:600;transition:background .12s ease,border-color .12s ease}.btn:hover{background:var(--bg-1);border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn-ghost{background:transparent}.search-panel{display:flex;flex-direction:column;gap:10px}.cond-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cond-block{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);padding:8px;display:flex;flex-direction:column;gap:6px}.cond-block.on{border-color:var(--accent);background:var(--accent-soft)}.cond-toggle{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--text-dim);cursor:pointer}.cond-block.on .cond-toggle{color:var(--accent-strong)}.cond-toggle input{width:13px;height:13px;accent-color:var(--accent);cursor:pointer}.cond-num{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--line);color:var(--bg-2);font-size:9.5px;font-weight:700}.cond-block.on .cond-num{background:var(--accent)}.cond-body{display:flex;align-items:center;gap:4px}.cond-body input[type=date],.cond-body input[type=text]{width:100%;border:1px solid var(--line-strong);background:var(--bg-2);border-radius:var(--radius);padding:5px 7px;outline:none;font-size:11.5px}.cond-body textarea{width:100%;min-height:46px;resize:vertical;border:1px solid var(--line-strong);background:var(--bg-2);border-radius:var(--radius);padding:5px 7px;outline:none;font-size:11.5px;font-family:inherit}.cond-body input:disabled,.cond-body textarea:disabled{background:var(--bg-1);color:var(--text-mute)}.cond-body-static{font-size:11px;color:var(--text-mute);padding:5px 0 1px}.cond-body-sketch{flex-direction:column;align-items:stretch;gap:6px}.btn-xs{padding:5px 8px;font-size:11px;width:100%;text-align:center}.sketch-preview{display:flex;align-items:center;gap:6px}.sketch-preview img{width:34px;height:34px;object-fit:cover;border:1px solid var(--line);border-radius:2px;flex-shrink:0}.sketch-preview .btn{flex:1}.sim-badge{position:absolute;top:6px;left:6px;font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:2px;background:var(--accent);color:#fff;letter-spacing:.01em}.cond-sep{color:var(--text-mute);font-size:11px}.cond-hint{font-size:10px;color:var(--text-mute);line-height:1.4}.search-run-row{display:flex;align-items:center;justify-content:flex-end;gap:10px}.search-run-status{font-size:11px;color:var(--text-dim)}.btn-search{padding:9px 22px;font-size:13px}.filters{display:flex;flex-wrap:wrap;gap:6px}.chip,.filters select{border:1px solid var(--line-strong);background:var(--bg-2);border-radius:var(--radius);padding:6px 10px;font-size:11.5px;color:var(--text-dim);outline:none}.filters select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:24px;background-image:linear-gradient(45deg,transparent 50%,var(--text-mute) 50%),linear-gradient(135deg,var(--text-mute) 50%,transparent 50%);background-position:calc(100% - 12px) 50%,calc(100% - 8px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.check-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line-strong);background:var(--bg-2);border-radius:var(--radius);padding:6px 10px;font-size:11.5px;color:var(--text-dim);cursor:pointer}.check-chip input{accent-color:var(--accent)}.photo-scroll{flex:1 1 0;min-height:0;overflow:auto;padding:12px 18px 24px;display:flex;flex-direction:column;gap:10px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px}.photo-tile{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg-2);padding:0;text-align:left;transition:border-color .12s ease}.photo-tile:hover{border-color:var(--accent)}.photo-tile.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.photo-tile img{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--bg-1)}.photo-hidden{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4 / 3;background:var(--bg-1);color:var(--text-mute);font-size:10.5px;letter-spacing:.02em}.photo-tile-meta{display:flex;flex-direction:column;gap:1px;padding:6px 8px 7px;border-top:1px solid var(--line)}.photo-tile-meta .name{font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-tile-meta .sub{font-size:10px;color:var(--text-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tagged-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #fff}.preview-frame{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:#10161c;width:100%;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center}.preview-hidden{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-mute);font-size:11.5px;text-align:center;padding:0 20px}.preview-frame img{width:100%;height:100%;object-fit:contain;margin:0}.photo-form{margin-top:2px}.path-break{font-family:var(--font-mono);font-size:10.5px;color:var(--text-mute);word-break:break-all;line-height:1.45}.detail-pane{min-width:0;min-height:0;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-gutter:stable;display:flex;flex-direction:column;background:var(--bg-1)}.detail-empty,.loading-screen{height:100%;display:grid;place-items:center;color:var(--text-mute);padding:32px;text-align:center;font-size:12px}.detail-header{flex-shrink:0;padding:16px 18px 10px;border-bottom:1px solid var(--line);background:var(--bg-2)}.detail-header .eyebrow{color:var(--accent);font-size:10.5px;font-family:var(--font-mono);letter-spacing:.02em;margin-bottom:6px;word-break:break-all}.detail-header h2{margin:0 0 6px;font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.25}.detail-header .memo{margin:0;color:var(--text-dim);font-size:12px;line-height:1.5}.save-row{margin-top:10px;display:flex;flex-direction:column;align-items:stretch;gap:6px}.save-status{font-size:10.5px;color:var(--text-mute)}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag{font-size:10.5px;color:var(--accent-strong);border:1px solid var(--line);background:var(--accent-soft);border-radius:2px;padding:3px 7px}.detail-pane::-webkit-scrollbar{width:10px}.detail-pane::-webkit-scrollbar-thumb{background:#1c253059;border-radius:2px}.detail-pane::-webkit-scrollbar-track{background:#1c25300f}.detail-body{flex:0 0 auto;overflow:visible;padding:14px 18px;padding-bottom:max(20px,calc(12px + env(safe-area-inset-bottom,0px)));display:flex;flex-direction:column;gap:14px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field{border:1px solid var(--line);border-radius:var(--radius);padding:9px 10px;background:var(--bg-2)}.field label{display:block;color:var(--text-mute);font-size:10px;letter-spacing:.03em;text-transform:uppercase;font-weight:700;margin-bottom:4px}.field div{font-size:12.5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid .full{grid-column:1 / -1}.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:10.5px;color:var(--text-mute);letter-spacing:.02em;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line-strong);background:var(--bg-2);border-radius:var(--radius);padding:8px 9px;outline:none;text-transform:none;letter-spacing:normal;color:var(--text);font-size:12.5px;font-weight:400}.form-grid textarea{min-height:76px;resize:vertical}.empty-list{padding:36px 12px;text-align:center;color:var(--text-mute);font-size:12px;line-height:1.6}@media(max-width:1200px){.app-shell{grid-template-columns:220px 1fr 320px}.cond-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(280px,1fr) minmax(320px,50vh);overflow:hidden}body{overflow:hidden}.brand-pane,.center-pane,.detail-pane{border-right:none;border-bottom:1px solid var(--line);min-height:0}.brand-pane{max-height:40vh;overflow:auto}.detail-body{max-height:none}.cond-grid{grid-template-columns:1fr 1fr}}.settings-modal{max-width:480px}.settings-body{display:flex;flex-direction:column;gap:14px;padding:4px 2px 8px}.settings-lead{margin:0;font-size:12.5px;line-height:1.5;color:var(--text-dim);word-break:keep-all}.settings-note{margin:0;font-size:12px;line-height:1.45;color:var(--text-mute)}.settings-check{margin-top:6px}.field-hint{display:block;margin-top:4px;font-size:11px;color:var(--text-mute)}.settings-msg{font-size:12px;color:var(--accent-strong)}.settings-actions{display:flex;justify-content:flex-end}