:root{--color-brand-hue: 250;--color-brand-sat: 95%;--color-brand-light: 65%;--brand-primary: hsl(var(--color-brand-hue), var(--color-brand-sat), var(--color-brand-light));--brand-secondary: hsl(280, 90%, 60%);--brand-dark: hsl(240, 20%, 10%);--brand-surface: hsl(240, 20%, 15%);--brand-surface-light: hsl(240, 20%, 20%);--text-main: hsl(0, 0%, 98%);--text-muted: hsl(240, 10%, 70%);--ease-elastic: cubic-bezier(.5, 1.2, .5, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:#0f172a;color:#f8fafc;-webkit-font-smoothing:antialiased;min-height:100vh}#root{isolation:isolate;width:100%;height:100%;display:flex;flex-direction:column;flex:1}.glass-panel{background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0000001a}.btn-primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s var(--ease-elastic),box-shadow .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6464ff40}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.1);padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s var(--ease-smooth)}.btn-secondary:hover{background:#ffffff26}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s var(--ease-smooth) forwards}.pdf-app{min-height:100vh;background:#f8f9fa;color:#202124;font-family:Google Sans,Roboto,-apple-system,sans-serif}.pdf-shell{width:100%;min-height:100vh;display:flex;flex-direction:column}.pdf-main,.pdf-editor{display:flex;flex-direction:column;min-height:100vh}.pdf-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #dadce0;height:64px;box-sizing:border-box}.pdf-header-left{display:flex;align-items:center;gap:12px}.pdf-logo{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}.pdf-file{display:flex;flex-direction:column;gap:4px}.pdf-file-name{font-size:18px;font-weight:400;color:#202124}.pdf-file-actions{display:flex;gap:4px}.pdf-file-action{width:20px;height:20px;border:none;background:transparent;border-radius:4px;color:#5f6368;font-size:14px;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease}.pdf-file-action:hover{background:#f1f3f4}.pdf-header-right{display:flex;align-items:center;gap:8px}.pdf-icon-button{width:36px;height:36px;border:none;background:transparent;border-radius:50%;color:#5f6368;font-size:16px;cursor:pointer;position:relative;transition:background .2s ease}.pdf-icon-button:hover{background:#f1f3f4}.pdf-save-button{border:none;background:#1a73e8;color:#fff;padding:8px 24px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.pdf-save-button:hover{background:#1765cc;box-shadow:0 2px 6px #1a73e84d}.pdf-save-button:active{transform:scale(.98)}.pdf-menu-bar{display:flex;align-items:center;padding:0 16px;height:40px;background:#fff;border-bottom:1px solid #dadce0;position:relative;overflow:visible;z-index:20}.pdf-menu-scroll{display:flex;align-items:center;gap:2px;flex:1;overflow-x:auto;overflow-y:visible;scrollbar-width:thin}.pdf-menu-scroll-open{overflow:visible}.pdf-menu{position:relative}.pdf-menu-button{border:none;background:transparent;padding:8px 12px;font-size:14px;color:#202124;border-radius:4px;cursor:pointer;transition:background .2s ease}.pdf-menu-button:hover{background:#f1f3f4}.pdf-dropdown{position:absolute;top:100%;left:0;margin-top:4px;min-width:240px;background:#fff;border-radius:4px;box-shadow:0 2px 10px #0003;z-index:1000;animation:pdf-dropdown .15s ease forwards;transform-origin:top}.pdf-dropdown-portal{position:fixed;top:auto;left:auto;margin-top:0;z-index:2001}@keyframes pdf-dropdown{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pdf-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;padding:10px 16px;font-size:14px;color:#202124;cursor:pointer;transition:background .2s ease}.pdf-dropdown-item:hover{background:#f1f3f4}.pdf-dropdown-item.is-disabled,.pdf-dropdown-item:disabled{color:#9aa0a6;cursor:not-allowed}.pdf-dropdown-item.is-disabled:hover{background:transparent}.pdf-dropdown-left{display:flex;align-items:center;gap:16px}.pdf-dropdown-icon{width:20px;text-align:center;color:#5f6368}.pdf-dropdown-shortcut{font-size:12px;color:#5f6368}.pdf-dropdown-divider{height:1px;background:#dadce0;margin:4px 0}.pdf-toolbar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border-bottom:1px solid #dadce0;height:52px;overflow-x:auto}.pdf-toolbar-group{display:flex;align-items:center;gap:8px}.pdf-toolbar-divider{width:1px;height:24px;background:#dadce0}.pdf-tool-button{width:36px;height:36px;border:none;background:transparent;border-radius:4px;color:#444746;font-size:18px;cursor:pointer;position:relative;transition:background .2s ease,color .2s ease,transform .2s ease}.pdf-tool-button:hover{background:#f1f3f4}.pdf-tool-button:active{transform:scale(.98)}.pdf-tool-button.is-active{background:#e8f0fe;color:#1a73e8}.pdf-tool-button:disabled{opacity:.5;cursor:not-allowed}.pdf-toolbar-label{font-size:14px;color:#5f6368;padding:0 8px}.pdf-toolbar-zoom{width:50px;text-align:center}.pdf-tooltip{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%) translateY(4px);background:#202124;color:#fff;font-size:11px;padding:6px 8px;border-radius:4px;opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .2s ease,transform .2s ease;transition-delay:.5s;z-index:5}.pdf-icon-button:hover .pdf-tooltip,.pdf-tool-button:hover .pdf-tooltip,.pdf-file-action:hover .pdf-tooltip{opacity:.9;transform:translate(-50%) translateY(0)}.pdf-text-tools{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;background:#f1f3f4;margin-left:8px}.pdf-text-tools select,.pdf-text-tools input{border:1px solid #dadce0;background:#fff;color:#202124;border-radius:4px;font-size:12px;padding:4px 6px}.pdf-text-tools input[type=number]{width:64px}.pdf-text-tools input[type=color]{width:32px;height:24px;padding:0}.pdf-text-tools button{border:none;background:#1a73e8;color:#fff;font-size:12px;border-radius:4px;padding:4px 8px;cursor:pointer}.pdf-image-tools{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;background:#e8f0fe;margin-left:8px;font-size:12px}.pdf-image-tools label{display:flex;align-items:center;gap:6px;color:#1a73e8}.pdf-image-tools input{width:64px;border:1px solid #d2e3fc;border-radius:4px;padding:4px 6px}.pdf-image-tools button{border:none;background:#1a73e8;color:#fff;font-size:12px;border-radius:4px;padding:4px 8px;cursor:pointer}.pdf-canvas{background:#f8f9fa;padding:20px;flex:1;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 180px);box-sizing:border-box}.pdf-page-wrapper{width:100%;max-width:800px;margin:0 auto}.pdf-page-surface{position:relative;width:100%;min-height:1000px;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0003;display:flex;justify-content:flex-start;align-items:flex-start;overflow:hidden}.pdf-page-shadow canvas{border-radius:2px}.react-pdf__Page__canvas{position:relative;z-index:1}.react-pdf__Page__textContent{z-index:2;-webkit-user-select:text;user-select:text;pointer-events:auto}.react-pdf__Page__textContent span{cursor:text}.pdf-page-surface.is-tool-active .react-pdf__Page__textContent{-webkit-user-select:none;user-select:none;pointer-events:none}.pdf-empty-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aa0a6;font-size:16px;gap:8px}.pdf-empty-icon{font-size:48px}.pdf-selection{position:absolute;border:2px solid #ea4335;background:#ea433533;pointer-events:none}.pdf-annotation{position:absolute;transform:translate(-10px,-50%);z-index:80;cursor:text;background:#ffffffe6;padding:2px 4px;border-radius:4px}.pdf-image-annotation{position:absolute;z-index:70;cursor:move;border:1px solid transparent;background:#ffffff4d;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px}.pdf-image-annotation img{width:100%;height:100%;object-fit:contain;pointer-events:none}.pdf-image-annotation.is-selected{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e826}.pdf-image-handle{position:absolute;width:10px;height:10px;background:#1a73e8;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 4px #0003}.pdf-image-handle-nw{top:-6px;left:-6px;cursor:nwse-resize}.pdf-image-handle-ne{top:-6px;right:-6px;cursor:nesw-resize}.pdf-image-handle-sw{bottom:-6px;left:-6px;cursor:nesw-resize}.pdf-image-handle-se{bottom:-6px;right:-6px;cursor:nwse-resize}.pdf-annotation-editor{position:absolute;transform:translate(-10px,-50%);z-index:100;display:flex;align-items:center;gap:6px;background:#fff;padding:6px;border-radius:6px;box-shadow:0 4px 12px #0003}.pdf-annotation-editor input{border:1px solid #dadce0;padding:4px 6px;border-radius:4px;font-size:12px;color:#202124;outline:none}.pdf-annotation-editor button{border:none;border-radius:4px;padding:4px 6px;cursor:pointer;background:#e8f0fe;color:#1a73e8}.pdf-processing{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#202124;color:#fff;padding:16px 24px;border-radius:8px;z-index:2000;opacity:.9}.pdf-status-banner{margin:8px 16px 0;padding:8px 12px;border-radius:6px;font-size:13px;display:flex;align-items:center;gap:8px;border:1px solid transparent}.pdf-status-info{background:#e8f0fe;color:#1a73e8;border-color:#d2e3fc}.pdf-status-warning{background:#fef7e0;color:#b26a00;border-color:#fce8b2}.pdf-status-error{background:#fde7e9;color:#a50e0e;border-color:#f6c5c9}.pdf-toast{position:fixed;right:20px;bottom:20px;padding:12px 16px;border-radius:8px;color:#fff;font-size:13px;box-shadow:0 8px 20px #0003;z-index:2500;max-width:320px}.pdf-toast-info{background:#1a73e8}.pdf-toast-success{background:#188038}.pdf-toast-error{background:#d93025}.pdf-modal-backdrop{position:fixed;inset:0;background:#2021248c;display:flex;align-items:center;justify-content:center;z-index:3000;padding:24px}.pdf-modal{width:min(720px,100%);max-height:85vh;background:#fff;border-radius:10px;box-shadow:0 18px 40px #00000040;display:flex;flex-direction:column;overflow:hidden}.pdf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #dadce0}.pdf-modal-header h2{margin:0;font-size:18px}.pdf-modal-close{border:none;background:transparent;font-size:16px;cursor:pointer;color:#5f6368}.pdf-modal-content{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;color:#202124;font-size:14px}.pdf-modal-content h3{margin:4px 0 0;font-size:15px}.pdf-help-page{width:min(820px,100%)}.pdf-ocr-modal{width:min(860px,100%)}.pdf-ocr-textarea{width:100%;min-height:260px;border:1px solid #dadce0;border-radius:8px;padding:12px;font-size:13px;font-family:Courier New,Courier,monospace;resize:vertical}.pdf-modal-actions{display:flex;gap:8px}.pdf-modal-actions button{border:none;background:#1a73e8;color:#fff;font-size:12px;border-radius:6px;padding:6px 10px;cursor:pointer}.pdf-hidden-input{display:none}.code-editor-shell{width:100%;display:flex;flex-direction:column;gap:12px;background:#f6f8fa;color:#24292f;border:1px solid #d0d7de;border-radius:12px;padding:12px;box-sizing:border-box}.code-editor-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:#fff;border:1px solid #d0d7de;border-radius:10px}.code-editor-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.code-editor-path{color:#57606a;font-weight:500}.code-editor-badge{margin-left:6px;padding:2px 8px;border-radius:999px;background:#eaeef2;color:#57606a;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.code-editor-actions{display:flex;align-items:center;gap:8px}.code-editor-button{border:1px solid #d0d7de;background:#fff;color:#24292f;padding:6px 10px;border-radius:6px;font-size:12px;cursor:pointer}.code-editor-primary{display:inline-flex;align-items:center;gap:6px;border:1px solid #2da44e;background:#2da44e;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer}.code-editor-body{display:grid;grid-template-columns:220px 1fr;gap:12px;min-height:520px}.code-editor-sidebar{background:#fff;border:1px solid #d0d7de;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}.code-editor-sidebar-title{font-size:12px;font-weight:600;text-transform:uppercase;color:#57606a;letter-spacing:.08em}.code-editor-file{border:1px solid transparent;background:transparent;text-align:left;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:13px;color:#24292f}.code-editor-file.is-active{background:#f6f8fa;border-color:#d0d7de;font-weight:600}.code-editor-meta{font-size:12px;color:#57606a;display:flex;flex-direction:column;gap:4px}.code-editor-main{display:flex;flex-direction:column;background:#fff;border:1px solid #d0d7de;border-radius:10px;overflow:hidden}.code-editor-tabs{display:flex;gap:8px;border-bottom:1px solid #d0d7de;background:#f6f8fa;padding:6px 10px}.code-editor-tab{padding:6px 10px;border-radius:6px;font-size:12px;color:#57606a}.code-editor-tab.is-active{background:#fff;border:1px solid #d0d7de;color:#24292f;font-weight:600}.code-editor-tab-spacer{flex:1}.code-editor-tab-button{border:1px solid transparent;background:transparent;color:#57606a;font-size:12px;padding:6px 10px;border-radius:6px;cursor:pointer}.code-editor-tab-button.is-active{background:#fff;border-color:#d0d7de;color:#24292f;font-weight:600}.code-editor-diff-summary{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#57606a}.code-editor-diff-added{color:#1a7f37;font-weight:600}.code-editor-diff-removed{color:#d1242f;font-weight:600}.code-editor-editor{flex:1;min-height:420px}.code-editor-markdown{padding:20px 24px;overflow-y:auto;height:100%;color:#24292f;font-size:14px;line-height:1.6}.code-editor-markdown h1,.code-editor-markdown h2,.code-editor-markdown h3,.code-editor-markdown h4,.code-editor-markdown h5,.code-editor-markdown h6{margin:16px 0 8px}.code-editor-markdown p{margin:8px 0}.code-editor-markdown a{color:#0969da;text-decoration:underline}.code-editor-markdown img{max-width:100%;border-radius:6px;border:1px solid #d0d7de;margin:8px 0}.code-editor-markdown table{width:100%;border-collapse:collapse;margin:12px 0}.code-editor-markdown th,.code-editor-markdown td{border:1px solid #d0d7de;padding:6px 8px;text-align:left;font-size:13px}.code-editor-markdown th{background:#f6f8fa;font-weight:600}.code-editor-tree{display:flex;flex-direction:column;gap:6px}.code-editor-tree-root{font-size:12px;color:#57606a;font-weight:600;text-transform:uppercase}.code-editor-markdown ul{padding-left:20px;margin:8px 0}.code-editor-markdown code{background:#f6f8fa;border:1px solid #d0d7de;border-radius:4px;padding:1px 4px;font-size:12px}.code-editor-markdown-code{background:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;padding:12px;overflow-x:auto;margin:10px 0}.code-editor-hidden-input{display:none}@media(max-width:900px){.code-editor-body{grid-template-columns:1fr}}@media(max-width:768px){.pdf-file-actions{display:none}.pdf-menu-bar,.pdf-toolbar{overflow-x:auto}.pdf-canvas{padding:10px}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mb-4{margin-bottom:1rem}.mb-12{margin-bottom:3rem}.mt-12{margin-top:3rem}.w-full{width:100%}.max-w-7xl{max-width:80rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.p-2{padding:.5rem}.p-4{padding:1rem}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.z-10{z-index:10}.overflow-hidden{overflow:hidden}.pointer-events-none{pointer-events:none}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.blur-\[120px\]{filter:blur(120px)}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-slate-200{color:#e2e8f0}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-indigo-400{color:#818cf8}.text-purple-400{color:#c084fc}.text-emerald-400{color:#34d399}.text-amber-400{color:#fbbf24}.text-white{color:#fff}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.tracking-tight{letter-spacing:-.025em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:max-w-\[300px\]{max-width:300px}}.bg-white\/5{background-color:#ffffff0d}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.border-white\/5{border-color:#ffffff0d}.border-white\/10{border-color:#ffffff1a}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-white{--tw-gradient-from: #ffffff;--tw-gradient-to: rgb(255 255 255 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-slate-400{--tw-gradient-to: #94a3b8}.from-indigo-500{--tw-gradient-from: #6366f1;--tw-gradient-to: rgb(99 102 241 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-purple-600{--tw-gradient-to: #9333ea}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.active\:scale-95:active{transform:scale(.95)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.hover\:bg-red-500\/20:hover{background-color:#ef444433}.hover\:text-red-400:hover{color:#f87171}
