:root{--bg: #0d0f12;--bg2: #13161b;--bg3: #1a1e25;--panel: #161920;--border: #252930;--border2: #2e333c;--text: #e8eaed;--text2: #9aa0ad;--text3: #5a6070;--accent: #4a7cf7;--accent2: #3a6ae0;--green: #34c77b;--red: #f05a5a;--yellow: #f5c842;--purple: #a855f7;--orange: #f97316;--radius: 6px;--radius2: 10px;--shadow: 0 4px 24px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Pretendard,-apple-system,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);border:none;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent2)}.btn-ghost{background:transparent;color:var(--text2)}.btn-ghost:hover:not(:disabled){background:var(--bg3);color:var(--text)}.btn-danger{background:transparent;color:var(--red)}.btn-danger:hover:not(:disabled){background:#f05a5a1f}.btn-sm{padding:5px 10px;font-size:12px}.btn-xs{padding:3px 8px;font-size:11px}.btn-icon{padding:6px;border-radius:var(--radius)}.form-label{display:block;font-size:12px;font-weight:500;color:var(--text2);margin-bottom:5px}.form-input{width:100%;padding:8px 12px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text3)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:8px 12px;background:var(--bg3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235a6070' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-size:13px;font-family:inherit;outline:none;cursor:pointer}.form-select:focus{border-color:var(--accent)}.ext-tag{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.05em;font-family:JetBrains Mono,monospace;text-transform:uppercase}.ext-docx,.ext-doc{background:#4a7cf72e;color:#6e9ff7}.ext-xlsx,.ext-xls{background:#34c77b2e;color:#52c77b}.ext-pptx,.ext-ppt{background:#f973162e;color:#f97316}.ext-hwp{background:#1a73e82e;color:#4a90e2}.ext-pdf{background:#f05a5a2e;color:#f05a5a}.ext-txt,.ext-md{background:#5a60702e;color:var(--text2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.modal{background:var(--panel);border:1px solid var(--border2);border-radius:var(--radius2);padding:24px;min-width:360px;max-width:480px;width:90%;box-shadow:var(--shadow);animation:slideUp .2s ease}.modal-title{font-size:15px;font-weight:600;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-container{position:fixed;bottom:20px;right:20px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{padding:10px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;box-shadow:0 4px 16px #0006;animation:toastIn .2s ease;max-width:320px}.toast-success{background:#1a3d2a;border:1px solid #2d6b45;color:var(--green)}.toast-error{background:#3d1a1a;border:1px solid #6b2d2d;color:var(--red)}.toast-info{background:#1a253d;border:1px solid #2d436b;color:#6e9ff7}@keyframes toastIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.ctx-menu{position:fixed;z-index:150;background:var(--panel);border:1px solid var(--border2);border-radius:var(--radius2);padding:4px;box-shadow:var(--shadow);min-width:160px;animation:fadeIn .1s ease}.ctx-item{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:var(--radius);font-size:13px;cursor:pointer;color:var(--text2);transition:all .1s}.ctx-item:hover{background:var(--bg3);color:var(--text)}.ctx-item.danger{color:var(--red)}.ctx-item.danger:hover{background:#f05a5a1a}.ctx-divider{height:1px;background:var(--border);margin:3px 0}@keyframes loadSlide{0%{transform:translate(-150%)}to{transform:translate(500%)}}