:root{--bg:#0f1419;--bg-elevated:#1a222c;--bg-input:#121820;--border:#2a3544;--text:#e8eef4;--text-muted:#8b9aab;--accent:#3d8bfd;--accent-hover:#5a9fff;--danger:#e85d5d;--success:#3ecf8e;--radius:10px;--font:"IBM Plex Sans","Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.5rem;border-bottom:1px solid var(--border);background:rgba(15,20,25,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-weight:600;letter-spacing:.02em;color:var(--text)}.brand span{color:var(--text-muted);font-weight:400;margin-left:.5rem}.topbar-actions{display:flex;gap:.75rem;align-items:center}.main{flex:1 1;width:min(1280px,100%);margin:0 auto;padding:2rem 1.25rem 3rem}.btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:8px;padding:.55rem 1rem;transition:background .15s ease,border-color .15s ease}.btn:hover{border-color:#3a4a5c;background:#222c38}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.field label{font-size:.875rem;color:var(--text-muted)}.field input{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.7rem .85rem}.field input:focus{outline:2px solid rgba(61,139,253,.35);border-color:var(--accent)}.error{color:var(--danger);font-size:.9rem;margin:.5rem 0 0}.muted{color:var(--text-muted)}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(ellipse at 20% 10%,rgba(61,139,253,.12),transparent 45%),radial-gradient(ellipse at 80% 90%,rgba(62,207,142,.08),transparent 40%),var(--bg)}.login-card{width:min(400px,100%)}.login-card h1{margin:0 0 .35rem;font-size:1.5rem}.login-card p{margin:0 0 1.5rem;color:var(--text-muted)}.dropzone{border:1.5px dashed var(--border);border-radius:var(--radius);padding:2rem 1.25rem;text-align:center;background:var(--bg-input);transition:border-color .15s ease,background .15s ease}.dropzone.active{border-color:var(--accent);background:rgba(61,139,253,.08)}.dropzone.disabled{opacity:.65;cursor:not-allowed;pointer-events:none}.dropzone input{display:none}.file-name{margin-top:.75rem;font-family:var(--font-mono);font-size:.85rem}.status-line{margin-top:1rem;padding:.85rem 1rem;border-radius:8px;background:#15202b;border:1px solid var(--border);font-size:.9rem}.status-line.ok{border-color:rgba(62,207,142,.4)}.status-line.err{border-color:rgba(232,93,93,.45)}.actions{display:flex;gap:.75rem;margin-top:1.25rem;flex-wrap:wrap}.tool-grid{display:grid;grid-gap:1rem;gap:1rem;margin-top:1.5rem}.tool-link{display:block;padding:1.15rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:inherit;transition:border-color .15s ease}.tool-link:hover{border-color:var(--accent);color:inherit}.tool-link h2{margin:0 0 .35rem;font-size:1.1rem}.tool-link p{margin:0;font-size:.9rem}.meta-row,.tool-link p{color:var(--text-muted)}.meta-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem;font-size:.85rem}.meta-row strong{color:var(--text);font-weight:500}.progress-panel{margin-top:1.25rem;padding:1rem 1.1rem;border-radius:8px;background:#15202b;border:1px solid var(--border)}.progress-header{display:flex;gap:.85rem;align-items:flex-start}.spinner{width:1.15rem;height:1.15rem;margin-top:.15rem;border:2px solid rgba(61,139,253,.25);border-top:2px solid var(--accent);border-radius:50%;animation:spin .75s linear infinite;flex-shrink:0}.spinner-sm{width:.85rem;height:.85rem;margin-top:0;border-width:2px;display:inline-block;vertical-align:middle}@keyframes spin{to{transform:rotate(1turn)}}.stage-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.55rem}.stage{display:flex;gap:.7rem;align-items:flex-start;font-size:.9rem}.stage-marker{width:1.25rem;height:1.25rem;display:grid;place-items:center;flex-shrink:0;font-size:.85rem;color:var(--text-muted)}.stage-done .stage-marker{color:var(--success)}.stage-active .stage-label{color:var(--text);font-weight:500}.stage-active .stage-marker{color:var(--accent)}.stage-error .stage-label,.stage-error .stage-marker{color:var(--danger)}.stage-pending{opacity:.55}.stage-label{color:var(--text)}.stage-message{margin-top:.15rem;color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono)}.dox-layout{margin-top:.5rem;display:flex;flex-direction:column;gap:.85rem}.dox-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}.dox-toolbar-left,.dox-toolbar-right{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.dox-check{display:inline-flex;gap:.4rem;align-items:center;color:var(--text-muted);font-size:.85rem}.dox-dirty{color:#f0b429;font-size:.85rem}.dox-workspace{display:grid;grid-template-columns:minmax(0,1fr) min(340px,100%);grid-gap:1rem;gap:1rem;align-items:start}@media (max-width:900px){.dox-workspace{grid-template-columns:1fr}}.dox-canvas-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:#0b0f14;padding:.75rem;max-height:78vh}.dox-canvas{position:relative;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dox-canvas img{display:block;width:100%;height:100%;pointer-events:none}.dox-overlay{position:absolute;inset:0}.dox-box{cursor:move}.dox-handle-nw,.dox-handle-se{cursor:nwse-resize}.dox-handle-ne,.dox-handle-sw{cursor:nesw-resize}.dox-handle-n,.dox-handle-s{cursor:ns-resize}.dox-handle-e,.dox-handle-w{cursor:ew-resize}.dox-sidebar{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);padding:1rem;max-height:78vh;overflow:auto}.dox-seg-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.dox-seg-item{width:100%;text-align:left;display:flex;gap:.55rem;align-items:flex-start;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.55rem .65rem;font-size:.85rem}.dox-seg-item.active{border-color:var(--accent);background:rgba(61,139,253,.1)}.dox-seg-item small{display:block;margin-top:.15rem}.dox-seg-swatch{width:.65rem;height:.65rem;border-radius:2px;margin-top:.3rem;flex-shrink:0}.dox-bbox-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.4rem;gap:.4rem}.dox-bbox-grid input,.dox-textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.55rem .65rem;width:100%;font:inherit}.dox-textarea{resize:vertical;font-family:var(--font-mono);font-size:.85rem;line-height:1.4}