#workbench-app{display:grid;grid-template-columns:minmax(280px,330px) minmax(0,1fr);gap:16px}.tool-nav{position:sticky;top:16px;align-self:start}.tool-nav-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-kicker{margin:0 0 10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-strong)}.tool-nav-header .panel-kicker{margin-bottom:0}.tool-nav-toggle{display:none}.tool-nav-grid{display:grid;gap:8px;max-height:min(72vh,920px);overflow:auto;padding-right:4px}.tool-nav-group{margin:12px 0 4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft)}.tool-nav-group:first-child{margin-top:0}.tool-nav-view-toggle{display:flex;gap:6px;margin-bottom:8px}.tool-nav-view-toggle .btn-sm{padding:6px 10px;font-size:.82rem}.tool-nav-view-toggle .btn.active{border-color:var(--accent-strong);background:#0d94881f}.tool-nav-item{display:grid;gap:4px;border:1px solid rgba(16,42,67,.14);border-radius:12px;background:#ffffff9e;padding:10px 11px}.tool-nav-item strong{font-size:.95rem}.tool-nav-item span{font-size:.82rem;color:var(--text-soft);line-height:1.35}.tool-nav-item.is-active{border-color:#0d9488a8;background:#0d94881a}.work-area{display:grid;gap:16px}.work-header h1{margin:0;font-size:clamp(1.6rem,2.6vw,2.25rem)}.work-header p{margin:8px 0 0;color:var(--text-soft)}.tool-partial-note{margin:6px 0 0;font-size:.88rem;color:var(--text-soft);opacity:.92}.next-steps{margin:10px 0 0;font-size:.9rem;color:var(--text-soft)}.next-steps a{color:var(--accent-strong);text-decoration:none}.next-steps a:hover{text-decoration:underline}.auth-strip,.limit-prompt,.membership-box{display:grid;gap:8px;border:1px solid rgba(16,42,67,.14);border-radius:12px;background:#ffffff94;padding:12px}.auth-strip p,.limit-prompt p,.membership-box p{margin:2px 0 0;color:var(--text-soft);font-size:.9rem}.auth-strip-actions,.auth-actions,.limit-prompt-actions,.membership-actions{display:flex;gap:8px;flex-wrap:wrap}.limit-prompt{border-color:#c85f0059;background:#fff7e6eb}.auth-strip-actions{justify-content:flex-end}.auth-actions input,.membership-actions input{min-width:220px;flex:1}.membership-actions select{min-width:220px}#topup-amount{min-width:160px;max-width:220px;flex:0 0 auto}.auth-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center}.auth-modal-backdrop{position:absolute;inset:0;background:#07111c94;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.auth-modal-card{position:relative;z-index:1;width:min(680px,calc(100vw - 24px));border-radius:16px;border:1px solid rgba(16,42,67,.18);background:#f5fafb;padding:18px;box-shadow:0 20px 42px #0c243a38;display:grid;gap:10px}.auth-modal-card h2{margin:0;font-size:1.25rem}.auth-modal-card p{margin:0;color:var(--text-soft)}.auth-scan-section{margin-top:12px;padding-top:12px;border-top:1px solid rgba(16,42,67,.12)}.auth-scan-desc{font-size:.9rem;margin-bottom:8px}.auth-scan-qr-box{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:8px}.auth-scan-qr-box img{width:180px;height:180px;border-radius:8px}.auth-scan-shortcode{font-family:ui-monospace,monospace;font-size:1.25rem;letter-spacing:.15em;margin:0}.auth-modal-footer{display:flex;justify-content:flex-end}.tool-form{display:grid;gap:12px}.tool-form.drag-over{outline:2px dashed var(--accent, #6366f1);outline-offset:4px;background:#6366f10f}.field{display:grid;gap:6px}.field>span{font-weight:600}.field small{color:var(--text-soft);font-size:.8rem}.field input,.field textarea,.field select{width:100%;border-radius:10px;border:1px solid rgba(16,42,67,.2);background:#ffffffc7;padding:10px 12px;color:var(--text-main);font:inherit}.field textarea{min-height:88px;resize:vertical}.file-input-row{position:relative;display:inline-flex}.file-input-native{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0)}.checkbox-field{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.checkbox-field small{margin-left:28px}.dynamic-options{display:grid;gap:10px}.file-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.file-list li{border-radius:10px;border:1px solid rgba(16,42,67,.11);padding:8px 10px;font-size:.9rem;background:#ffffff9e}.file-item-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.file-item-actions{display:inline-flex;align-items:center;gap:6px}.btn-xs{min-width:30px;padding:4px 8px;font-size:.8rem;line-height:1}.tool-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status{margin:0;color:var(--text-soft);font-size:.92rem}.result-zone{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:12px}.preview-wrap,.report-wrap{border-radius:12px;border:1px solid rgba(16,42,67,.12);background:#ffffff94;padding:12px}.preview-wrap h2,.report-wrap h2{margin:0 0 6px;font-size:1rem}.preview-wrap p{margin:0 0 8px;color:var(--text-soft);font-size:.88rem}.preview-canvas{width:100%;max-width:460px;border:1px solid rgba(16,42,67,.14);border-radius:10px;background:#fff}#report-text{margin:0;min-height:220px;max-height:420px;overflow:auto;background:#102a43eb;color:#f3fafb;border-radius:10px;padding:10px;font-family:IBM Plex Mono,SFMono-Regular,ui-monospace,monospace;font-size:.8rem;line-height:1.5}.hidden{display:none}@media(max-width:1080px){#workbench-app{grid-template-columns:1fr}.tool-nav{position:static}.tool-nav-toggle{display:inline-flex}.tool-nav[data-collapsible=true][data-expanded=false] .tool-nav-view-toggle,.tool-nav[data-collapsible=true][data-expanded=false] .tool-nav-grid{display:none}.tool-nav-grid{max-height:none}.result-zone{grid-template-columns:1fr}}body.desktop-shell-embedded{background:transparent}body.desktop-shell-embedded .site-shell{max-width:none;margin:0;padding:0}body.desktop-shell-embedded .topbar{display:none}body.desktop-shell-embedded #workbench-app{grid-template-columns:1fr}body.desktop-shell-embedded .panel{border-radius:0;border:none;box-shadow:none;background:transparent;padding:14px}
