/* Personal operating studio and evidence-led application showcase. */
.studio-mast{padding:44px 42px;display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:center;background:linear-gradient(120deg,#22182f,#0f0d16);border-bottom:1px solid var(--line)}
.studio-mast h1{font-size:34px;font-weight:400;line-height:1.6;margin:14px 0}.studio-mast p,.desk-intro{font-size:14px;color:var(--muted);line-height:1.9}.studio-mast>img{width:100%;height:200px;object-fit:cover;border-radius:22px;opacity:.8}
.studio-shell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px;padding:30px 42px 60px}#backend .studio-tabs{display:flex;flex-direction:column;gap:8px;position:sticky;top:22px;align-self:start}#backend .studio-tabs button{text-align:left;padding:14px 16px;border:1px solid transparent;border-radius:12px;color:var(--muted);background:transparent;font-size:13px}#backend .studio-tabs button[aria-current]{border-color:#a98bc355;background:#2c203d;color:#e9dafd}.studio-main{min-width:0}.studio-main h2{font-size:24px;font-weight:400;line-height:1.5}.studio-main h3{font-size:16px;font-weight:500}.studio-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.studio-actions button{flex-shrink:0}
.studio-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.studio-metrics div{border:1px solid var(--line);border-radius:14px;padding:19px 14px;background:#15111e}.studio-metrics b{font:26px Georgia,serif;color:#e5d5fb;display:block;margin-bottom:7px}.studio-metrics span{font-size:11px;color:var(--muted)}.studio-priority{padding:30px;background:linear-gradient(115deg,#352242,#191421);position:relative;overflow:hidden}.studio-priority p{font-size:14px;line-height:1.9;color:var(--muted)}.studio-loop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0 38px}.studio-loop b{font:24px Georgia,serif;color:#9c7bb9}.studio-loop h3{font-size:14px}.studio-loop p{font-size:12px;color:var(--muted);line-height:1.8}.studio-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.studio-tool-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:17px;text-align:left;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(140deg,#1e1829,#121018);transition:border-color .2s,transform .2s}.studio-tool-card:hover{border-color:#c3a4e980;transform:translateY(-2px)}.studio-tool-mark{display:grid;place-items:center;height:54px;border:1px solid #b89ed04d;border-radius:16px;background:#312241;color:#ddc4ff;font:24px Georgia,serif}.studio-tool-card strong{font-size:16px;font-weight:500;display:block;margin-bottom:8px}.studio-tool-card small{display:block;color:var(--muted);font-size:12px;line-height:1.8}.tool-live{display:inline-block;font-size:10px;color:#b5a0cb;margin-top:12px}.studio-secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px}.studio-secondary>button{padding:20px;text-align:left;font-size:13px}.studio-secondary span{display:block;color:var(--muted);font-size:11px;margin-top:8px;line-height:1.6}
.integration-card,.tool-workspace,.record-editor,.studio-ai-history{padding:24px;margin:22px 0}.integration-card summary,.studio-ai-history summary,.tool-workspace details summary{cursor:pointer;font-size:13px;color:#cab7df;line-height:1.8}.integration-card p{font-size:13px;color:var(--muted);line-height:1.9}.tool-workspace .form-card,.record-editor .form-card{padding:0;margin:20px 0;background:transparent;border:0}.tool-workspace textarea,.record-editor textarea{width:100%}.tool-workspace input,.record-editor input{min-width:0}.tool-workspace .result-draft{font-size:14px}.tool-workspace,.record-editor{scroll-margin-top:20px}.studio-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.studio-record-card{padding:24px;min-width:0}.studio-record-card h3{margin:12px 0;font-size:17px}.studio-record-card p{font-size:13px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.record-status{font-size:11px;color:#c6b0e1}.record-empty{padding:35px 24px;border:1px dashed var(--line);border-radius:16px;grid-column:1/-1;color:var(--muted);line-height:1.9;font-size:14px}.opportunity-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.opportunity-lane{background:#131019;border:1px solid var(--line);border-radius:17px;padding:18px;min-width:0}.opportunity-lane>h3{font-size:14px;color:#ccbadf}.opportunity-lane .studio-record-card{padding:18px;margin:12px 0;background:#201729}.display-consent{display:flex!important;flex-direction:row!important;align-items:center;font-size:12px;line-height:1.9}.display-consent input,#toolKnowledge input{width:18px;height:18px;flex-shrink:0}.knowledge-choice{display:flex;gap:10px;align-items:center;padding:12px 0;font-size:13px}.studio-main pre{white-space:pre-wrap;overflow-wrap:anywhere}.studio-main .chips{margin:20px 0}.studio-main .chips button.selected{background:#39254d;color:#eedfff}.studio-export{width:100%;min-height:220px;margin-top:20px}
.poster-desk{border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.poster-layout{display:grid;grid-template-columns:1fr .75fr;gap:22px;align-items:start}.poster-layout canvas{width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}#posterLiveResult img{max-width:100%;max-height:650px;display:block;border-radius:15px;margin:15px 0}.studio-ai-history .result-draft{max-height:320px;overflow:auto}
.showcase-content{max-width:1240px}.sample-note{padding:16px 20px;background:#241a31;border:1px solid var(--line);border-radius:14px;color:#c8b6da;font-size:12px;line-height:1.8;margin-bottom:22px}.showcase-demo{padding:32px}.showcase-demo h2{font-size:26px;font-weight:400}.showcase-tabs{display:flex;gap:10px;margin:25px 0}.showcase-tabs button{border:1px solid var(--line);background:#14101b;padding:13px 19px;border-radius:12px;font-size:13px}.showcase-tabs button[aria-selected=true]{background:#38254a;border-color:#b99ae580;color:#ecdafa}.sample-body{padding:25px;background:#100d15;border:1px solid var(--line);border-radius:15px;font-size:15px;line-height:2;white-space:pre-wrap;min-height:230px}.sample-outcome{display:flex;justify-content:space-between;gap:14px;margin-top:23px;font-size:12px;color:#b59dc8}.showcase-next{padding:30px;margin-top:35px}.showcase-next h2{font-size:25px;font-weight:400}.showcase-next p{font-size:14px;line-height:1.9;color:var(--muted)}.home-showcase-entry{margin:32px 0;padding:30px;display:grid;grid-template-columns:1fr .7fr;gap:24px;align-items:center;background:linear-gradient(120deg,#251c30,#14111a)}.home-showcase-entry img{width:100%;height:200px;object-fit:cover;border-radius:17px}.home-showcase-entry h2{font-size:28px;font-weight:400;line-height:1.6}.home-showcase-entry p{font-size:14px;color:var(--muted);line-height:1.9}.home-showcase-entry .eyebrow{color:#b59dc8}.studio-gateway{display:flex;align-items:center;gap:12px;margin:15px 0;flex-wrap:wrap}
@media(max-width:800px){.studio-shell{grid-template-columns:1fr;padding:22px;gap:22px}#backend .studio-tabs{position:static;flex-direction:row;flex-wrap:wrap;gap:7px}#backend .studio-tabs button{padding:11px 13px;font-size:12px}.studio-mast{padding:30px 22px;grid-template-columns:1fr}.studio-mast>img{height:160px}.studio-mast h1{font-size:29px}.studio-metrics{gap:8px}.studio-metrics div{padding:16px 10px}.studio-metrics b{font-size:24px}.studio-metrics span{font-size:10px}.studio-loop{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.studio-tool-grid,.studio-record-grid,.opportunity-board{grid-template-columns:1fr}.studio-secondary{grid-template-columns:1fr}.studio-priority{padding:25px}.studio-main h2{font-size:23px}.studio-tool-card{padding:21px}.poster-layout{grid-template-columns:1fr}.poster-layout canvas{max-width:380px;margin:auto}.tool-workspace,.record-editor,.integration-card,.studio-ai-history{padding:20px}.home-showcase-entry{grid-template-columns:1fr;padding:25px}.home-showcase-entry h2{font-size:25px}.home-showcase-entry img{height:180px}.showcase-demo{padding:23px}.showcase-demo h2{font-size:23px}.sample-body{padding:20px;font-size:14px;min-height:260px}.sample-outcome{flex-wrap:wrap;font-size:11px}.showcase-tabs button{padding:12px 14px}.showcase-next{padding:25px}.studio-actions .btn{font-size:13px}.studio-tool-card strong{font-size:16px}}