:root{--bg: #e7dcc6;--panel: #f3ebda;--panel2: #fbf6ea;--border: #cbbb9c;--border-hard: #4a3e2e;--text: #382e20;--muted: #8d7c60;--accent: #f2a92e;--accent-soft: #ffd75e;--font-pixel: "Galmuri11", sans-serif;--font-body: "Gothic A1", sans-serif;--px-shadow: 3px 3px 0 rgba(74, 62, 46, .28);--px-shadow-sm: 2px 2px 0 rgba(74, 62, 46, .25)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);overflow:hidden}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:16px;padding:10px 18px;background:#3d3323;border-bottom:3px solid var(--border-hard)}.logo{font-family:var(--font-pixel);font-size:18px;color:var(--accent-soft);letter-spacing:1px}.topbar-stats{display:flex;gap:8px;margin-left:auto}.stat{font-family:var(--font-pixel);font-size:11px;color:#c9b89a;background:#00000047;border:1px solid #5c4d36;padding:5px 10px;border-radius:6px}.stat.live{color:var(--accent-soft);border-color:var(--accent-soft)}@media(prefers-reduced-motion:no-preference){.stat.live{animation:pulse 2s infinite}}.layout{display:flex;flex:1;min-height:0}.canvas-wrap{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:12px;position:relative;background:radial-gradient(circle at 30% 20%,#222838 0%,var(--bg) 70%)}.canvas-host{display:contents}.scene-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-family:var(--font-pixel);font-size:14px;color:#c9b89a;pointer-events:none}.scene-loading-icon{font-size:34px;animation:bounce-soft 1s ease-in-out infinite}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.office-canvas{border:3px solid var(--border-hard);outline:2px solid var(--border);outline-offset:-5px;border-radius:8px;box-shadow:6px 6px #0a0c1280;image-rendering:pixelated;max-width:100%;max-height:100%}.sidebar{width:400px;min-width:400px;display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--panel);border-left:2px solid var(--border);overflow-y:auto}.panel{background:var(--panel2);border:2px solid var(--border-hard);outline:1px solid var(--border);outline-offset:-3px;border-radius:8px;padding:14px;box-shadow:var(--px-shadow)}.roster{display:flex;flex-direction:column;gap:8px}.roster-title{font-family:var(--font-pixel);font-size:13px;color:var(--accent);margin-bottom:2px}.roster-row{display:flex;align-items:center;gap:10px;text-align:left;background:#0003;border:2px solid var(--border-hard);border-radius:6px;padding:8px 10px;cursor:pointer;color:var(--text);box-shadow:var(--px-shadow-sm);transition:transform .06s ease}.roster-row:hover{transform:translate(-1px,-1px);border-color:var(--border)}.roster-row:active{transform:translate(1px,1px);box-shadow:none}.roster-row.skeleton{height:52px;border-color:var(--border);box-shadow:none}@media(prefers-reduced-motion:no-preference){.roster-row.skeleton{animation:pulse 1.4s infinite}}.roster-info{flex:1;min-width:0}.roster-name{font-family:var(--font-pixel);font-size:12.5px}.roster-role{font-size:10.5px;color:var(--muted);margin-top:2px}.roster-status{font-family:var(--font-pixel);font-size:10.5px;flex-shrink:0;color:var(--muted)}.roster-status.s-working{color:#7dd3fc}.roster-status.s-question{color:#fb923c}.roster-status.s-reporting{color:#6ee7a0}@media(prefers-reduced-motion:no-preference){.roster-status.s-working{animation:pulse 1.8s infinite}}.roster-hint{font-size:11px;color:var(--muted);text-align:center;margin-top:4px}.tabs{display:flex;gap:6px}.tabs button{flex:1;padding:8px;border-radius:6px;border:2px solid var(--border-hard);background:var(--panel2);color:var(--muted);cursor:pointer;font-family:var(--font-pixel);font-size:12px;box-shadow:var(--px-shadow-sm);transition:transform .06s ease}.tabs button:active{transform:translate(2px,2px);box-shadow:none}.tabs button.on{background:var(--accent);color:#22262e}.employee-panel{border-width:2px}.emp-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.emp-title{display:flex;gap:12px;align-items:center}.portrait{overflow:hidden;flex-shrink:0;background:var(--panel);border:2px solid var(--border-hard);border-radius:6px;box-shadow:var(--px-shadow-sm)}.emp-title h2{font-family:var(--font-pixel);font-size:15px}.emp-role{font-size:11px;color:var(--muted);margin-top:2px}.emp-status{font-size:12px;font-weight:700;margin-top:5px}.emp-intro{font-size:13px;line-height:1.6;margin-bottom:10px}.emp-caps{background:#0000002e;border-radius:8px;padding:10px;margin-bottom:10px}.caps-title{font-family:var(--font-pixel);font-size:11px;color:var(--accent);margin-bottom:6px}.emp-caps ul{list-style:none;display:flex;flex-direction:column;gap:4px}.emp-caps li{font-size:12px;color:var(--text)}.emp-caps li:before{content:"· ";color:var(--accent)}.examples{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.example-chip{text-align:left;font-size:11.5px;padding:7px 10px;background:transparent;border:1px dashed var(--border);border-radius:8px;color:var(--muted);cursor:pointer}.example-chip:hover{color:var(--text);border-color:var(--muted)}.instruction-box{border:2px solid var(--border);border-radius:10px;padding:10px;background:#0003}.instruction-box.drag{border-color:var(--accent);background:#ffd75e14}.instruction-box textarea{width:100%;background:transparent;border:none;outline:none;resize:vertical;color:var(--text);font-family:var(--font-body);font-size:13px;line-height:1.6}.attach-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.attach-chip{font-size:11px;background:var(--panel);padding:4px 8px;border-radius:6px;border:1px solid var(--border);display:inline-flex;gap:6px;align-items:center}.attach-chip button{background:none;border:none;color:var(--muted);cursor:pointer}.instruction-actions{display:flex;justify-content:space-between;margin-top:10px;gap:8px}button.primary{background:var(--accent);color:#22262e;padding:8px 16px;border:2px solid var(--border-hard);border-radius:6px;font-family:var(--font-pixel);font-size:12px;cursor:pointer;box-shadow:var(--px-shadow-sm);transition:transform .06s ease,box-shadow .06s ease}button.primary:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #0a0c1280}button.primary:active{transform:translate(2px,2px);box-shadow:0 0 #0000}button.primary:disabled{opacity:.4;cursor:default;transform:none}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--border);padding:7px 10px;border-radius:8px;font-size:11.5px;cursor:pointer}button.ghost:hover{color:var(--text)}button.danger{background:#e5484d;color:#fff;border:none;padding:8px 12px;border-radius:8px;font-size:12px;cursor:pointer}button.close{background:none;border:none;color:var(--muted);font-size:14px;cursor:pointer}.drive-picker{margin-top:8px;max-height:160px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.drive-picker button{text-align:left;font-size:11.5px;padding:6px 8px;border-radius:6px;background:var(--panel);border:1px solid var(--border);color:var(--text);cursor:pointer}.drive-picker button.picked{border-color:var(--accent);color:var(--accent)}.task-board{display:flex;flex-direction:column;gap:8px;flex:1}.task-row{text-align:left;background:#00000038;border:2px solid var(--border-hard);border-radius:6px;padding:10px;cursor:pointer;color:var(--text);box-shadow:var(--px-shadow-sm);transition:transform .06s ease}.task-row:hover{transform:translate(-1px,-1px);border-color:var(--border)}.task-row:active{transform:translate(1px,1px);box-shadow:none}.task-row-head{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:4px}.task-row-head .task-emp{margin-right:auto}.task-del{background:none;border:none;padding:2px;cursor:pointer;color:var(--muted);line-height:0}.task-del:hover{color:#b91c1c}.task-emp{font-family:var(--font-pixel);font-size:11px}.task-instruction{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.task-live{font-size:11px;color:#7dd3fc;margin-top:4px;animation:pulse 1.6s infinite}.task-outputs-mini{font-size:11px;color:var(--muted);margin-top:4px}.badge{font-size:10px;padding:2px 8px;border-radius:20px;font-weight:700}.badge.blue{background:#1d4ed8;color:#dbeafe}.badge.green{background:#15803d;color:#dcfce7}.badge.orange{background:#c2410c;color:#ffedd5}.badge.red{background:#b91c1c;color:#fee2e2}.badge.gray{background:#374151;color:#d1d5db}.drive-panel{display:flex;flex-direction:column;gap:8px;flex:1}.drive-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.drive-row{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#0000002e;border:1px solid var(--border);border-radius:10px;padding:8px 10px}.drive-name{font-size:12px;word-break:break-all}.drive-meta{font-size:10.5px;color:var(--muted);margin-top:2px}.dl{text-decoration:none}.drive-actions{display:flex;gap:2px;align-items:center;flex-shrink:0}.drive-actions .del:hover{color:#f87171}.empty{font-size:12px;color:var(--muted);text-align:center;padding:28px 12px;border:2px dashed var(--border);border-radius:6px}button svg,.toast-icon svg,.drive-name svg,.task-outputs-mini svg,.result-title svg,.attach-chip svg,.output-file svg,.logo svg,.example-chip svg{vertical-align:-2px}.toast.done .toast-icon{color:#1d8a4e}.toast.question .toast-icon{color:#c2610c}.toast.error .toast-icon{color:#b91c1c}@media(prefers-reduced-motion:no-preference){.employee-panel,.roster{animation:slideup .18s ease}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:960px;max-width:94vw;max-height:92vh;overflow-y:auto;background:var(--panel);border:2px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-taskid{font-size:11px;color:var(--muted);margin-left:8px}.modal-instruction{font-size:13px;background:#0003;padding:10px;border-radius:8px;white-space:pre-wrap}.modal-attach{display:flex;flex-wrap:wrap;gap:6px}.log{max-height:48vh;min-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:3px;background:#00000040;border-radius:8px;padding:10px}.log-line{display:flex;gap:8px;font-size:11.5px;line-height:1.5}.log-time{color:#6b6151;flex-shrink:0;font-size:10px;padding-top:1px}.log-line.tool .log-text{color:#075985}.log-line.text .log-text{color:var(--text);white-space:pre-wrap}.log-line.status .log-text{color:#9a5b06;font-weight:700}.log-line.error .log-text{color:#b91c1c;font-weight:700}.log-line.question .log-text{color:#c2410c;font-weight:700}.log-line.user .log-text{color:#6d28d9;font-weight:700}.result-box{background:#15803d26;border:1px solid #15803d;border-radius:8px;padding:10px}.result-title{font-family:var(--font-pixel);font-size:11px;color:var(--accent);margin-bottom:6px}.result-box pre{font-family:var(--font-body);font-size:12.5px;white-space:pre-wrap}.result-head{display:flex;justify-content:space-between;align-items:center}.result-head .result-title{margin-bottom:0}.result-full-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:70}.result-full{width:960px;max-width:96vw;max-height:92vh;overflow-y:auto;background:var(--panel);border:2px solid var(--border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px}.result-full pre{font-family:var(--font-body);font-size:15px;line-height:1.7;white-space:pre-wrap}.chat-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--bg);display:flex;flex-direction:column}.chat-head{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--panel);border-bottom:2px solid var(--border);flex-shrink:0}.chat-back{background:none;border:1px solid var(--border);border-radius:8px;padding:6px 9px;cursor:pointer;color:var(--text)}.chat-back:hover{background:#00000014}.chat-title{flex:1;min-width:0}.chat-title .badge{margin-left:8px}.chat-sub{font-size:11px;color:var(--muted);margin-top:2px}.chat-body{flex:1;overflow-y:auto;padding:18px 16px}.chat-col{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.chat-col.row{flex-direction:row;gap:8px}.bubble{max-width:82%;padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.65;overflow-wrap:break-word}.bubble.user{align-self:flex-end;white-space:pre-wrap;background:#3d3323;color:#f3ebda;border-bottom-right-radius:4px}.bubble.ai{align-self:flex-start;background:var(--panel2);border:1px solid var(--border);border-bottom-left-radius:4px}.bubble-attach{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.bubble.typing{display:flex;gap:5px;align-items:center;padding:15px 16px}.bubble.typing span{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:typing-blink 1.2s infinite}.bubble.typing span:nth-child(2){animation-delay:.2s}.bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes typing-blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.chat-tool{align-self:flex-start;font-size:11.5px;color:#075985;padding:0 6px}.chat-sys{align-self:center;font-size:11px;color:var(--muted);font-weight:700}.chat-sys.error{color:#b91c1c}.chat-outputs{align-self:flex-start;display:flex;flex-direction:column;gap:4px}.chat-input{flex-shrink:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--panel);border-top:2px solid var(--border)}.chat-input input{flex:1;min-width:0;background:#00000014;border:1px solid var(--border);border-radius:10px;padding:11px 13px;color:var(--text);font-size:13.5px;outline:none}.chat-input input:disabled{opacity:.55}.chat-input textarea{flex:1;min-width:0;resize:none;font-family:var(--font-body);background:#00000014;border:1px solid var(--border);border-radius:10px;padding:11px 13px;color:var(--text);font-size:13.5px;outline:none;line-height:1.5;max-height:140px}.chat-input textarea:disabled{opacity:.55}.chat-new-task{background:none;border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer;color:var(--text);font-size:12px;flex-shrink:0}.chat-new-task:hover{background:#00000014}.task-time{font-size:10px;color:var(--muted);margin-left:auto}.drive-info{background:none;border:none;padding:0;text-align:left;cursor:pointer;color:var(--text);flex:1;min-width:0}.drive-info:hover .drive-name{text-decoration:underline}.preview-name{font-weight:700;font-size:14px}.preview-dl{display:inline-flex;align-items:center;gap:5px;text-decoration:none;font-size:12px;flex-shrink:0}.preview-col{background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:20px}.preview-img{max-width:100%;border-radius:8px}.preview-frame{width:100%;height:78vh;border:none;border-radius:8px}.preview-pre{font-size:12.5px;white-space:pre-wrap;overflow-x:auto}.board-filters{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.filter-chip{font-size:11.5px;padding:4px 10px;border-radius:14px;cursor:pointer;background:none;border:1px solid var(--border);color:var(--muted)}.filter-chip.on{background:var(--accent);border-color:var(--accent);color:#22262e;font-weight:700}.emp-filter{margin-left:auto;font-size:11.5px;padding:4px 6px;border-radius:8px;background:var(--panel2);border:1px solid var(--border);color:var(--text);outline:none}.del-confirm{display:inline-flex;gap:4px;align-items:center}.del-yes{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;cursor:pointer;background:#b91c1c;border:none;color:#fee2e2}.del-no{padding:3px 6px;border-radius:6px;cursor:pointer;line-height:0;background:none;border:1px solid var(--border);color:var(--muted)}.drive-group{display:flex;flex-direction:column;gap:6px}.drive-folder{font-family:var(--font-pixel);font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px;margin-top:4px}.drive-count{font-size:10px;opacity:.7}.jump-new{position:absolute;bottom:86px;left:50%;transform:translate(-50%);z-index:20;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:7px 14px;border-radius:18px;cursor:pointer;background:var(--accent);border:2px solid var(--border-hard);color:#22262e;box-shadow:var(--px-shadow-sm)}.chat-new-task.retry{color:#b45309;border-color:#b45309}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#222838 0%,var(--bg) 70%);padding:20px}.login-box{width:350px;max-width:92vw;background:var(--panel2);border:2px solid var(--border-hard);outline:1px solid var(--border);outline-offset:-4px;border-radius:12px;box-shadow:var(--px-shadow);padding:30px 28px;display:flex;flex-direction:column;gap:14px;text-align:center;animation:slideup .25s ease}.login-chars{display:flex;justify-content:center;gap:10px;margin-bottom:2px}.login-logo{font-family:var(--font-pixel);font-size:20px;color:#3d3323;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:8px}.login-hint{font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:4px}.login-box input{background:#00000012;border:1px solid var(--border);border-radius:9px;padding:12px;font-size:15px;color:var(--text);outline:none;text-align:center;letter-spacing:2px}.login-box input:focus{border-color:var(--accent);background:#fff}.login-err{font-size:12.5px;color:#b91c1c;font-weight:700;animation:shake .35s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.login-box .primary{padding:11px;font-size:14.5px}@media(min-width:761px)and (max-width:1180px){.layout{flex-direction:column}.canvas-wrap{flex:none;min-height:30vh;padding:10px;overflow:hidden}.office-canvas{width:auto;height:auto;max-width:100%;max-height:55vh}.sidebar{width:100%;min-width:0;flex:1;min-height:0;border-left:none;border-top:2px solid var(--border)}.chat-col,.preview-col{max-width:760px}}@media(max-width:760px){.layout{flex-direction:column}.canvas-wrap{flex:none;height:46vh;padding:6px;justify-content:flex-start}.office-canvas{max-width:none;height:100%;width:auto;touch-action:pan-x pan-y!important}.sidebar{width:100%;min-width:0;flex:1;min-height:0;border-left:none;border-top:2px solid var(--border)}.topbar{padding:8px 12px;gap:8px}.logo{font-size:15px}.stat{font-size:10px;padding:4px 7px}.bubble{max-width:92%}.chat-body{padding:12px 10px}.chat-input{padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.jump-new{bottom:78px}.preview-frame{height:62vh}}.chat-attach{background:none;border:1px solid var(--border);border-radius:10px;padding:0 12px;cursor:pointer;color:var(--text)}.chat-attach:hover{background:#00000014}.chat-attach:disabled{opacity:.4;cursor:default}.chat-input .bubble-attach{margin:0 0 8px}.chat-page.drag:after{content:"📎 여기에 놓으면 첨부됩니다";position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--text);background:#f2a92e2e;border:3px dashed var(--accent);pointer-events:none}.modal-foot{display:flex;flex-direction:column;gap:10px}.question-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.question-head .question-title{margin-bottom:0}.question-head .dismiss{font-size:11.5px;color:var(--muted);background:none;border:1px solid var(--border);border-radius:6px;padding:3px 8px;cursor:pointer}.question-head .dismiss:hover{color:#b91c1c;border-color:#b91c1c}.question-box{background:#c2610c24;border:1px solid #c2610c;border-radius:8px;padding:10px 12px}.question-title{font-family:var(--font-pixel);font-size:11px;color:#fb923c;margin-bottom:6px}.question-text{font-size:13.5px;font-weight:700;line-height:1.6;white-space:pre-wrap}.md{font-size:13px;line-height:1.7;overflow-wrap:break-word}.md-large{font-size:15px}.md h1,.md h2,.md h3,.md h4{margin:14px 0 6px;line-height:1.4}.md h1{font-size:1.3em}.md h2{font-size:1.2em}.md h3{font-size:1.08em}.md>*:first-child{margin-top:0}.md p{margin:6px 0}.md ul,.md ol{margin:6px 0;padding-left:20px}.md li{margin:3px 0}.md hr{border:none;border-top:1px solid var(--border);margin:12px 0}.md a{color:#1d4ed8;font-weight:600}.md code{font-size:.92em;background:#00000040;padding:1px 5px;border-radius:4px}.md pre{background:#00000040;padding:10px;border-radius:8px;overflow-x:auto}.md pre code{background:none;padding:0}.md blockquote{border-left:3px solid var(--border);margin:6px 0;padding-left:10px;color:var(--muted)}.md table{border-collapse:collapse;margin:8px 0;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--border);padding:5px 10px;font-size:.95em}.md th{background:#0003}.outputs{display:flex;flex-direction:column;gap:4px}.output-file{font-size:13px;font-weight:700;color:#1d4ed8;text-decoration:none;padding:8px 10px;background:#1d4ed814;border:1px solid rgba(29,78,216,.35);border-radius:6px}.output-file:hover{background:#1d4ed829}.modal-input{display:flex;gap:8px}.modal-input input{flex:1;background:#00000040;border:1px solid var(--border);border-radius:8px;padding:9px 10px;color:var(--text);font-size:13px;outline:none}.toasts{position:fixed;bottom:20px;left:20px;display:flex;flex-direction:column;gap:8px;z-index:60}.toast{display:flex;gap:8px;align-items:center;background:var(--panel2);border:2px solid var(--border-hard);border-radius:6px;padding:10px 14px;font-size:13px;cursor:pointer;animation:slideup .25s ease;box-shadow:var(--px-shadow)}.toast.done{border-color:#15803d}.toast.question{border-color:#c2410c}.toast-hint{font-size:10px;color:var(--muted);margin-left:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes slideup{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}