/* Presentation only: existing operational controls and confirmations remain. */
:root{color-scheme:dark;--workspace-bg:#101827;--workspace-panel:#172234;--workspace-line:#34445c;--workspace-text:#edf2fa;--workspace-muted:#b1bfd1;--workspace-accent:#8de1d0}
html{scroll-padding-top:85px}body{background:var(--workspace-bg)!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:var(--workspace-text)}
button,input,textarea,select{font-family:inherit}button,a,input,textarea,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--workspace-accent)!important;outline-offset:3px!important}
textarea{resize:vertical}pre{white-space:pre-wrap;overflow-wrap:anywhere}button:disabled{cursor:not-allowed;opacity:.55}
.card,.mc-card{border-radius:16px!important;border-color:var(--workspace-line)!important;box-shadow:0 8px 24px #0002!important}
#oc-shell{--oc-line:var(--workspace-line);--oc-muted:var(--workspace-muted)}#oc-shell .oc-hero{background:linear-gradient(120deg,#1b3040,#152033);border-radius:20px 20px 0 0}#oc-shell h1{font-size:clamp(30px,3.3vw,46px);letter-spacing:-1.5px}#oc-shell .oc-panel{background:var(--workspace-panel);box-shadow:0 8px 24px #0002}#oc-shell .oc-section-label{font-size:11px;letter-spacing:1.2px}#oc-shell small{font-size:12px}#oc-shell button,#oc-shell select{min-height:44px}#oc-shell .oc-context{background:#192637}#oc-shell .oc-research{background:#172234}
.workspace-skip{position:fixed;top:-90px;left:12px;z-index:100000;background:var(--workspace-accent);color:#101827;padding:12px;border-radius:10px}.workspace-skip:focus{top:12px}
#workspace-connection{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 16px;margin:0 0 14px;border:1px solid var(--workspace-line);border-radius:12px;background:#172234;color:var(--workspace-muted);font-size:13px}#workspace-connection[data-state="error"]{border-color:#b98451;color:#ffce9f}#workspace-connection button{min-height:44px;border:1px solid var(--workspace-line);border-radius:9px;background:#22344c;color:var(--workspace-text);padding:8px 14px;cursor:pointer}#workspace-connection [hidden]{display:none}
@media(max-width:700px){input,textarea,select{font-size:16px!important}.mc-shell{padding:0 8px!important}.mc-steps{overflow-x:auto}.mc-step{min-height:48px}#oc-shell .oc-hero{padding:20px}#oc-shell .oc-section-label{letter-spacing:.8px}#workspace-connection{align-items:stretch}#workspace-connection button{flex:1}body{padding-bottom:env(safe-area-inset-bottom)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Category views share the same visual language and retain their own controls. */
.tab-panel{min-width:0;overflow-wrap:anywhere}.tab-panel .card{margin-bottom:18px}.tab-panel .card-title{line-height:1.4}.tab-panel .btn-desc{color:#bac8dc;line-height:1.5}.tab-panel .btn{min-height:44px;white-space:normal}.tab-panel .btn:hover{border-color:var(--workspace-accent);filter:brightness(1.12)}.tab-btn:hover{background:#24354d!important}.tab-btn[aria-current="page"]{background:#23433f!important;color:#baf9e7!important;border-color:#8de1d0!important}.tab-panel input,.tab-panel textarea,.tab-panel select{max-width:100%;box-sizing:border-box}.tab-panel .result{overflow-x:auto}.tab-panel [aria-busy="true"]{cursor:progress}#softTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){.tab-panel .grid-2,.tab-panel .grid-3{grid-template-columns:minmax(0,1fr)!important}.tab-panel .grid-2>.btn,.tab-panel .grid-3>.btn{grid-column:auto!important}.tab-panel .card{padding:14px!important}.tab-panel .card-title{font-size:16px}.tab-btn{min-height:44px}.tool-modal{max-width:calc(100vw - 24px)!important}.tool-fields{min-width:0}#softChrome{gap:6px!important}#softTitle{min-width:0}}
