:root{--color-bg:#f7f7f8;--color-surface:#fff;--color-border:#e2e2e6;--color-text:#1c1c1f;--color-text-muted:#6b6b75;--color-primary:#2f6fed;--color-primary-hover:#1f57c9;--color-danger:#d33d3d;--color-danger-hover:#b32f2f;--radius:8px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0}.app{flex-direction:column;min-height:100%;display:flex}.app-loading{min-height:100vh;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.app-header{z-index:10;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 16px;position:sticky;top:0}.app-header-row{justify-content:space-between;align-items:center;gap:12px;height:56px;display:flex}.app-brand{font-size:16px;font-weight:700}.app-header-user{align-items:center;gap:12px;min-width:0;display:flex}.app-email{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:40vw;font-size:13px;overflow:hidden}.app-nav{gap:4px;padding-bottom:4px;display:flex;overflow-x:auto}.app-nav-item{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 12px;font-size:14px}.app-nav-item:hover{color:var(--color-text)}.app-nav-item-active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.app-main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:24px 16px 48px}.page-title{margin:0 0 16px;font-size:20px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field-label{color:var(--color-text-muted);font-size:13px}.field-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.text-input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);min-width:0;color:var(--color-text);flex:1;padding:10px 12px;font-family:inherit;font-size:14px}.text-input:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.btn{appearance:none;border-radius:var(--radius);cursor:pointer;background:var(--color-primary);color:#fff;white-space:nowrap;border:1px solid #0000;padding:10px 16px;font-size:14px;font-weight:600}.btn:hover{background:var(--color-primary-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border);align-items:center;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:var(--color-bg)}.btn-ghost{color:var(--color-text-muted);background:0 0;border:none;padding:8px 10px}.btn-ghost:hover{color:var(--color-text);background:var(--color-bg)}.btn-danger{background:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-hover)}.btn-sm{padding:6px 10px;font-size:13px}.dropzone{appearance:none;font:inherit;color:inherit;border:2px dashed var(--color-border);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--color-surface);width:100%;margin-bottom:16px;padding:40px 16px;display:block;position:relative}.dropzone-active{border-color:var(--color-primary);background:#eef4ff}.dropzone-title{margin:0 0 4px;font-size:15px}.dropzone-hint{color:var(--color-text-muted);margin:0;font-size:13px}.dropzone-input,.hidden-file-input{display:none}.banner{border-radius:var(--radius);margin:0 0 16px;padding:10px 12px;font-size:13px}.banner-error{color:#8a2323;background:#fdecec;border:1px solid #f3c6c6}.result-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:16px}.result-title{word-break:break-word;margin:0 0 12px;font-weight:600}.result-link-row{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.warning-list{color:#8a6d1f;margin:8px 0 0;padding-left:18px;font-size:13px}.code-snippet{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;padding:10px 12px;font-size:13px;overflow-x:auto}.empty-state{color:var(--color-text-muted);text-align:center;padding:24px 0}.doc-list{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin:0 0 16px;padding:0;list-style:none;overflow:hidden}.doc-row{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.doc-row:last-child{border-bottom:none}.doc-row-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.doc-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.doc-meta{color:var(--color-text-muted);font-size:12px}.doc-row-actions{flex-wrap:wrap;gap:6px;display:flex}.settings-block{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin-bottom:20px;padding:16px}.settings-heading{margin:0 0 12px;font-size:15px}.dialog-backdrop{z-index:100;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:360px;padding:20px}.dialog-title{margin:0 0 8px;font-size:16px}.dialog-message{color:var(--color-text-muted);margin:0 0 16px;font-size:14px}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=480px){.app-header-row{flex-wrap:wrap;height:auto;padding:12px 0}.app-email{max-width:50vw}.doc-row{flex-direction:column;align-items:flex-start}.doc-row-actions{width:100%}}