/* Task workspaces. Developed by NABAD Computer Solutions L.L.C. */
.tool-studio { --studio-accent:var(--teal-deep); --studio-tint:var(--teal-soft); }
.tool-studio[data-studio=documents] { --studio-accent:#8c6044; --studio-tint:#e9ded1; }
.tool-studio[data-studio=media] { --studio-accent:#4c6c51; --studio-tint:#dce6d6; }
.tool-studio[data-studio=code] { --studio-accent:#496578; --studio-tint:#dce4ea; }
:root[data-theme=dark] .tool-studio { --studio-accent:#adc7af; --studio-tint:#26372d; }
.tool-studio .tool-page { max-width:1360px; padding-top:26px; }
.tool-studio .tool-header { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); align-items:end; column-gap:50px; padding:22px 0 32px; margin-bottom:28px; }
.tool-studio .tool-header>.wb-kicker { grid-column:1/-1; font-size:10px; margin-bottom:18px; color:var(--studio-accent); }
.tool-studio .tool-header h1 { margin:0; font-size:clamp(34px,4.2vw,59px); max-width:20ch; text-wrap:balance; }
.tool-studio .tool-header p { margin:0; max-width:44ch; font-size:14px; line-height:1.7; }
.tool-studio .tool-widget { padding:30px; border-radius:18px; background:var(--wb-paper); box-shadow:none; max-width:none; }
.tool-studio :is(input,select,textarea,button,a):focus-visible { outline:2px solid var(--studio-accent); outline-offset:4px; }
.tool-studio :is(button,.btn):active { transform:translateY(1px); }
.tool-studio .tk-tabs { padding:0 0 18px; margin:0 0 26px; border:0; border-bottom:1px solid var(--border); border-radius:0; background:none; display:flex; flex-wrap:wrap; gap:8px; }
.tool-studio .tk-tabs [role=tablist] { display:contents; }
.tool-studio .tk-tab { flex:0 1 auto; border:1px solid transparent; border-radius:9px; padding:12px 17px; background:var(--surface); color:var(--text-70); font-size:13px; }
.tool-studio .tk-tab.active { border-color:var(--studio-accent); background:var(--studio-tint); color:var(--studio-accent); box-shadow:none; }
.tool-studio .drop-zone { min-height:224px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; background:color-mix(in srgb,var(--studio-tint) 35%,var(--wb-paper))!important; border:1px dashed var(--studio-accent)!important; box-shadow:inset 0 0 0 7px var(--wb-paper); padding:34px!important; }
.tool-studio .drop-zone:focus-within { outline:2px solid var(--studio-accent); outline-offset:4px; }
.tool-studio .drop-zone .dz-icon { font-size:0; width:48px; height:54px; border:1px solid var(--studio-accent); border-radius:4px 13px 4px 4px; background:var(--wb-paper); position:relative; opacity:.8; margin:0 0 10px; }
.tool-studio .drop-zone .dz-icon:after { content:''; position:absolute; top:23px; left:12px; right:12px; height:1px; background:var(--studio-accent); box-shadow:0 7px var(--studio-accent); }
.tool-studio .dz-title { font-size:17px; letter-spacing:-.025em; }.tool-studio .dz-sub { font-size:12px; color:var(--text-70); }
.studio-file { display:grid; gap:10px; padding:26px; border:1px dashed var(--studio-accent); border-radius:12px; background:color-mix(in srgb,var(--studio-tint) 35%,var(--wb-paper)); }
.studio-file input[type=file] { padding:0!important; border:0!important; background:none!important; min-width:0; width:100%; font:13px var(--sans); color:var(--text-70); }
.studio-file input::file-selector-button { min-height:44px; background:var(--studio-accent); color:var(--bg); border:0; border-radius:8px; padding:10px 16px; margin-inline-end:14px; cursor:pointer; }
.studio-file-note { font-size:11px; color:var(--text-70); line-height:1.6; overflow-wrap:anywhere; }
.tool-studio .file-list:not(:empty) { padding:15px; border:1px solid var(--border); border-radius:10px; margin-top:16px; background:var(--surface); }
.tool-studio .ai-callout { margin:0 0 22px; border:0; background:var(--surface); border-radius:10px; box-shadow:none; }.tool-studio .ai-callout-header { padding:15px 18px; }.tool-studio .ai-callout-title { font-size:13px; }.tool-studio .ai-callout-body { padding:0 18px 18px; }
.tool-studio .output-wrap { border:1px solid var(--border); border-radius:12px; overflow:hidden; background:var(--bg); margin-top:24px; }
.tool-studio .output-wrap textarea { border:0; border-radius:0; font:13px/1.7 var(--mono); min-height:340px; }.tool-studio .output-grid { gap:18px; }.tool-studio .output-grid img { border:1px solid var(--border); box-shadow:0 8px 16px -12px #0005; }
.tool-studio .tk-preview { max-height:430px; padding:22px; object-fit:contain; background:repeating-conic-gradient(var(--surface) 0% 25%,var(--bg) 0% 50%) 0/20px 20px; border-radius:12px; }
.studio-calculator { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:32px; align-items:start; }.studio-calculator>.studio-inputs { background:var(--surface); padding:26px; border-radius:12px; }.studio-inputs .form-row { display:block; }.studio-inputs .form-group:last-child { margin-bottom:0; }.studio-calculator .result-value { font-size:clamp(40px,5vw,70px); }.studio-calculator .result-box { background:var(--studio-tint); border:0; text-align:start; }.studio-calculator .result-grid { grid-template-columns:1fr 1fr; }.studio-calculator .result-item { padding:16px 0; border-radius:0; border-bottom:1px solid var(--border); background:none; }
.studio-empty { padding:45px 28px; min-height:230px; display:flex; flex-direction:column; justify-content:center; gap:14px; border:1px solid var(--border); border-radius:12px; background:var(--bg); color:var(--text-70); font-size:15px; line-height:1.6; }.studio-empty span { font:48px var(--sans); color:var(--studio-accent); }.studio-calculator:has(>#loanResult:not([style*="display: none"]):not([style*="display:none"]))>.studio-empty,.studio-calculator:has(>#result:not([style*="display: none"]):not([style*="display:none"]))>.studio-empty{display:none}
.loan-schedule { margin-top:25px; }.loan-schedule summary { cursor:pointer; padding:16px 0; font-size:14px; }.loan-table-scroll { overflow:auto; max-height:340px; border:1px solid var(--border); border-radius:10px; }.loan-schedule table { border-collapse:collapse; width:100%; font-size:12px; white-space:nowrap; }.loan-schedule td,.loan-schedule th { padding:12px; border-bottom:1px solid var(--border); text-align:end; font-variant-numeric:tabular-nums; }.loan-schedule th { background:var(--surface); position:sticky; top:0; }.loan-schedule .btn{margin-top:14px}
.tool-studio[data-studio=translation] .tool-widget { display:grid; grid-template-columns:1fr 1fr; gap:0 24px; }.tool-studio .tr-lang-bar { grid-column:1/-1; }.tool-studio .tr-text-box { border-radius:12px; background:var(--bg); }.tool-studio .tr-text-box textarea { min-height:260px; padding:22px; font-size:19px; line-height:1.7; }.tool-studio #trSrcBox{grid-row:2;grid-column:1}.tool-studio #trDstBox{grid-row:2;grid-column:2}.tool-studio .tr-meta{grid-column:1/-1}.tool-studio .tr-status{grid-column:1/-1}.tool-studio .tr-text-actions{padding:12px}.tool-studio .tr-action-btn{width:40px;height:40px}
.tool-studio .qr-layout { gap:32px; }.tool-studio .qr-preview-card { position:sticky; top:110px; background:var(--studio-tint); border:0; border-radius:18px; padding:32px; }.tool-studio .qr-img-wrap { padding:20px; background:#fff; border-radius:12px; }.tool-studio .type-tab { border-radius:8px; min-height:42px; font-size:12px; }.tool-studio .type-tab.active { background:var(--studio-accent); color:var(--bg); }.tool-studio #qrSvg { width:100%; margin-top:10px; }
.tool-studio .editor-layout { min-height:540px; gap:20px; }.tool-studio .editor-pane { border-radius:13px; border:1px solid var(--border); box-shadow:none; }.tool-studio .editor-textarea { background:#17211e; color:#dce7dd; padding:24px; font:14px/1.75 var(--mono); tab-size:2; }.tool-studio .editor-toolbar { padding:13px 18px; }.tool-studio .editor-status { padding:10px 18px; }
.tool-studio .editor-shell { border-radius:16px; border-color:var(--border); box-shadow:none; }.tool-studio .canvas-wrap { background:var(--surface); }.tool-studio .editor-toolbar button { min-height:40px; }
.tool-studio .trust-row{gap:12px;border-bottom:1px solid var(--border);padding-bottom:20px}.tool-studio .trust-chip{border:0;background:none;font-size:11px}.tool-studio .model-pill{padding:22px;border-radius:12px;background:var(--bg);border:1px solid var(--border)}.tool-studio .model-pill:has(input:checked){background:var(--studio-tint);border-color:var(--studio-accent)}.tool-studio .load-btn{border-radius:10px;background:var(--studio-accent);box-shadow:none}.tool-studio #msg-thread{min-height:380px;background:var(--bg)}.tool-studio .chat-input-area{padding:18px;border-top:1px solid var(--border)}.tool-studio .chat-topbar{padding:16px 20px;background:var(--surface)}
.tool-studio .wcx-match{border-radius:12px}.tool-studio .wcx-band{background:var(--surface);border:1px solid var(--border)}
@media(max-width:850px){.tool-studio .tool-header{grid-template-columns:1fr;gap:15px}.tool-studio .tool-header p{max-width:64ch}.studio-calculator{grid-template-columns:1fr;gap:22px}.studio-inputs .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tool-studio[data-studio=translation] .tool-widget{display:block}.tool-studio .tr-text-box textarea{min-height:180px}.tool-studio .qr-preview-card{position:static}.tool-studio .editor-layout{min-height:0}.tool-studio .tk-tab{padding:10px 13px;font-size:12px}}
@media(max-width:500px){.tool-studio .tool-widget{padding:20px 16px}.tool-studio .tool-header{padding-top:12px;margin-bottom:22px}.tool-studio .tool-header h1{font-size:36px}.studio-calculator>.studio-inputs{padding:20px}.studio-inputs .form-row{display:block}.tool-studio .drop-zone{padding:26px 16px!important;min-height:200px}.studio-file{padding:20px 15px}.tool-studio .qr-preview-card{padding:22px}.tool-studio .tk-tabs{gap:6px}.tool-studio .model-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.tool-studio *{scroll-behavior:auto!important}.tool-studio :is(button,.btn):active{transform:none}}