/* Brightory AI coding tool suite */
.coding-tool-shell{max-width:1240px}.coding-tool-heading{max-width:900px}.coding-tool-heading>p{max-width:820px;font-size:18px;color:#a9bdca}.coding-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:18px;margin-top:30px;align-items:start}.tool-panel{border:1px solid #29495c;border-radius:22px;background:linear-gradient(180deg,#0d202d,#0a1822);overflow:hidden}.input-panel{padding:26px}.output-panel{position:sticky;top:92px;padding:26px;background:radial-gradient(circle at 95% 0,rgba(124,231,255,.08),transparent 30%),#0a1b26}.panel-kicker{color:#7ce7ff;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.tool-panel h2{margin:5px 0 18px;font-size:24px;letter-spacing:-.025em}.field-grid{display:grid;gap:12px}.field-grid.two{grid-template-columns:1fr 1fr}.coding-workspace label{margin:13px 0 0;color:#dce8ee;font-size:13px}.coding-workspace input,.coding-workspace select,.coding-workspace textarea{margin-top:7px;border-color:#29495c;background:#07151e;transition:border .15s,box-shadow .15s}.coding-workspace input:focus,.coding-workspace select:focus,.coding-workspace textarea:focus{outline:none;border-color:#5ea8c6;box-shadow:0 0 0 3px rgba(124,231,255,.09)}.coding-workspace textarea{min-height:118px;resize:vertical}.coding-workspace textarea.short{min-height:82px}.tool-actions,.output-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.tool-actions .btn,.output-actions .btn{cursor:pointer}.btn.ghost{background:transparent}.output-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.quality-badge{white-space:nowrap;border:1px solid #35586a;border-radius:999px;padding:5px 9px;color:#9eb4c0;font-size:11px;font-weight:800}.quality-badge.good{border-color:#2f705b;color:#7ef2b8;background:rgba(126,242,184,.06)}.quality-badge.mid{border-color:#725e35;color:#ffd479}.quality-track{height:4px;margin:2px 0 15px;border-radius:99px;background:#18303d;overflow:hidden}.quality-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7ce7ff,#7ef2b8);transition:width .25s ease}.coding-output{min-height:430px;max-height:680px;overflow:auto;margin:0;padding:18px;border:1px solid #234658;border-radius:16px;background:#06131c;color:#d8e7ee;font:13px/1.62 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.output-note{margin-top:13px;color:#7f98a6;font-size:12px;line-height:1.5}.coding-tool-page .tool-explainer{margin-top:22px}.coding-tool-page .tool-related{margin-top:18px}@media(max-width:960px){.coding-workspace{grid-template-columns:1fr}.output-panel{position:static}.coding-output{min-height:360px}}@media(max-width:650px){.input-panel,.output-panel{padding:18px}.field-grid.two{grid-template-columns:1fr}.output-head{display:block}.quality-badge{display:inline-block;margin-bottom:10px}.coding-output{min-height:320px}.tool-actions .btn,.output-actions .btn{flex:1 1 140px}}


/* Tools hub layout guardrails */
.structural-tools main>.section>.wrap{max-width:1240px}
.structural-tools .featured-tool-grid{align-items:stretch}
.structural-tools .featured-workspace{min-height:0}
.structural-tools .featured-workspace>.workspace-preview{box-sizing:border-box}
.structural-tools .library-tool.featured-tool{grid-column:auto}
.repo-preview,.debug-preview{display:grid;align-content:start;gap:1px;background:#071722;overflow:hidden}
.repo-preview>span,.debug-preview>span{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center;padding:13px 12px;border-bottom:1px solid #294657}
.repo-preview i,.debug-preview i{color:#6f8e9f;font-size:.7rem;font-style:normal;letter-spacing:.08em}
.repo-preview b,.debug-preview b{font-size:.86rem;font-weight:650;color:#d8e7ee}
.repo-preview em,.debug-preview em{padding:14px 12px;color:#7ef2b8;font-size:.78rem;font-style:normal}
@media(max-width:700px){.repo-preview>span,.debug-preview>span{grid-template-columns:1fr;gap:3px}}

/* V2 usability refinements */
.coding-workspace label small{display:block;margin-top:4px;color:#7f98a6;font-size:11px;font-weight:500;line-height:1.45}
.quick-start{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:14px 15px;border:1px solid #29495c;border-radius:15px;background:#091923}
.quick-start>div:first-child{display:grid;gap:3px}.quick-start b{font-size:13px}.quick-start span{color:#7f98a6;font-size:11px;line-height:1.4}.quick-start-actions{display:flex;gap:8px;align-items:center;min-width:260px}.quick-start-actions select{margin:0;min-width:145px}.quick-start-actions .btn{white-space:nowrap}
.advanced-fields{margin-top:15px;border:1px solid #244454;border-radius:15px;background:rgba(5,18,26,.36);overflow:hidden}.advanced-fields summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px;padding:13px 14px;color:#dce8ee;font-size:13px;font-weight:800}.advanced-fields summary::-webkit-details-marker{display:none}.advanced-fields summary:after{content:'+';color:#7ce7ff}.advanced-fields[open] summary:after{content:'–'}.advanced-fields summary span{margin-left:auto;color:#7893a2;font-size:11px;font-weight:600}.advanced-fields-body{padding:0 14px 15px;border-top:1px solid #1d3948}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-textarea{min-height:96px!important}
.quality-check{margin-top:14px;padding:13px 14px;border:1px solid #244454;border-radius:14px;background:#071722}.quality-check>b{display:block;margin-bottom:8px;font-size:12px}.quality-check ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.quality-check li{font-size:11px;line-height:1.45}.quality-check li.ok{color:#7ef2b8}.quality-check li.warn{color:#ffd479}
@media(max-width:760px){.quick-start{align-items:stretch;flex-direction:column}.quick-start-actions{min-width:0;flex-wrap:wrap}.quick-start-actions select,.quick-start-actions .btn{flex:1 1 150px}.field-grid.three{grid-template-columns:1fr}}