/* Focused OPERLY Studio UI overrides. */
.sidebar{width:216px;padding:22px 14px;background:#0d2a20;border-right:1px solid rgba(255,255,255,.06)}
.app-main{margin-left:216px}.sidebar nav{margin-top:24px;gap:4px}.sidebar nav button{padding:10px 12px;font-size:13px;border-radius:9px;color:#b7c5be}.sidebar nav button.active,.sidebar nav button:hover{background:rgba(255,255,255,.07);box-shadow:none;color:#fff}.sidebar nav button.active{box-shadow:inset 2px 0 var(--lime)}
.nav-section-label{padding:12px 12px 5px;color:#6f8a7d;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.nav-more{margin-top:5px}.nav-more summary{list-style:none;cursor:pointer;padding:10px 12px;color:#8ea399;font-size:12px;font-weight:700;border-radius:9px}.nav-more summary::-webkit-details-marker{display:none}.nav-more summary:after{content:"+";float:right;color:#6f8a7d}.nav-more[open] summary:after{content:"−"}.nav-more summary:hover{background:rgba(255,255,255,.05);color:#fff}.nav-more>div{display:flex;flex-direction:column;gap:3px;padding-top:3px}.nav-more button{padding-left:20px!important;font-size:12px!important}
.topbar{height:76px;padding:0 28px}.topbar h1{font-size:21px}.content{padding:28px;max-width:1320px}.studio-focus .builder-controls .mode-switch,.studio-focus #version-history{display:none}.studio-focus .content{max-width:1180px;padding:30px 34px 64px}.studio-focus .topbar{background:rgba(255,255,255,.95)}
.studio-launch{position:relative;overflow:hidden;padding:34px;border:1px solid #dce5df;border-radius:24px;background:linear-gradient(135deg,#f9fbf8 0%,#f1f6f2 60%,#edf5ee 100%);box-shadow:0 14px 40px rgba(18,48,36,.06)}.studio-launch:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-110px;background:radial-gradient(circle,rgba(185,238,114,.2),rgba(185,238,114,0) 70%);pointer-events:none}.studio-launch-copy{position:relative;z-index:1;max-width:760px}.studio-eyebrow{display:block;color:#547765;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.studio-launch h2,.studio-section-heading h2{margin:7px 0 8px;letter-spacing:-.045em}.studio-launch h2{font-size:34px}.studio-launch-copy p{margin:0;color:#65746c;line-height:1.55;max-width:720px}.studio-prompt-form{position:relative;z-index:1;margin-top:24px;padding:10px;background:#fff;border:1px solid #d5dfd8;border-radius:18px;box-shadow:0 9px 25px rgba(20,45,34,.06)}.studio-prompt-form textarea{min-height:150px;resize:vertical;border:0;background:transparent;box-shadow:none;padding:14px 15px 10px;font-size:15px;line-height:1.55}.studio-prompt-form textarea:focus{box-shadow:none}.studio-prompt-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 8px 8px 14px;border-top:1px solid #edf1ed}.studio-prompt-hint{color:#849188;font-size:11px}.studio-generate{min-width:142px}.studio-secondary-actions{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-top:15px}.studio-secondary-label{font-size:11px;color:#87938c;margin-right:4px}.studio-text-action{border:0;background:transparent;padding:6px 2px;color:#32684e;font-size:12px;font-weight:750;cursor:pointer}.studio-text-action:hover{text-decoration:underline}
.studio-section-block{margin-top:34px}.studio-section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.studio-section-heading h2{font-size:25px;margin-bottom:0}.studio-count{font-size:10px;color:#7c8982;background:#eef2ef;border-radius:99px;padding:6px 9px}.studio-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.studio-project-card{appearance:none;width:100%;min-height:145px;padding:18px;border:1px solid #dce4de;border-radius:17px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.studio-project-card:hover{transform:translateY(-2px);border-color:#c2d4c8;box-shadow:0 12px 28px rgba(17,45,33,.08)}.studio-project-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-project-type{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#557565;background:#eef4ef;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.studio-project-arrow{color:#8ca096;font-size:17px}.studio-project-card h3{font-size:17px;line-height:1.25;margin:22px 0 7px}.studio-project-card p{margin:0;color:#7b8881;font-size:11px}.studio-empty-state{grid-column:1/-1;padding:30px;border:1px dashed #cad7cf;border-radius:17px;background:#fafcf9}.studio-empty-state h3{margin:0 0 6px}.studio-empty-state p,.studio-muted{margin:0;color:#87938c;font-size:12px}
.studio-legacy{margin-top:28px;border:1px solid #dde5df;border-radius:17px;background:#fff}.studio-legacy>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer}.studio-legacy>summary::-webkit-details-marker{display:none}.studio-legacy>summary div{display:flex;flex-direction:column;gap:3px}.studio-legacy>summary strong{font-size:13px}.studio-legacy>summary div span{font-size:10px;color:#89968f}.studio-legacy-body{display:grid;gap:24px;padding:0 18px 20px;border-top:1px solid #edf1ed}.studio-legacy-body section{padding-top:18px}.studio-legacy-body h3{font-size:13px;margin:0 0 10px}.studio-project-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-project-grid-compact .studio-project-card{min-height:112px;padding:14px}.studio-project-grid-compact .studio-project-card h3{margin:16px 0 5px;font-size:14px}
.studio-loading,.studio-load-error{padding:36px;border:1px solid #dce5df;border-radius:20px;background:#fff;color:#7d8a83}.studio-load-error h2{color:var(--ink);margin-top:0}.studio-load-error p{color:#8d3939}
.planning-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(7,25,18,.64);backdrop-filter:blur(8px)}.planning-card{width:min(560px,100%);padding:34px;border-radius:24px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.28)}.planning-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;margin-bottom:22px;background:var(--lime);color:#12382a;font-size:18px;font-weight:900}.planning-mark-error{background:#ffe6df;color:#9c3d28}.planning-kicker{display:block;color:#4d755f;font-size:9px;font-weight:850;letter-spacing:.16em}.planning-kicker-error{color:#9c3d28}.planning-card h2{margin:8px 0 8px;font-size:28px;letter-spacing:-.04em}.planning-copy{margin:0;color:#718078;line-height:1.55}.planning-stage{display:flex;align-items:center;gap:12px;margin-top:26px;padding:14px;border-radius:13px;background:#f3f7f3}.planning-pulse{width:9px;height:9px;border-radius:50%;background:#4e976c;box-shadow:0 0 0 0 rgba(78,151,108,.35);animation:planningPulse 1.5s infinite}.planning-stage strong{font-size:13px}.planning-meta{display:flex;justify-content:space-between;gap:14px;margin-top:12px;color:#929d97;font-size:10px}.planning-error-copy{max-height:180px;overflow:auto;margin:14px 0 0;padding:13px;border-radius:10px;background:#fff4f1;color:#8e392a;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.planning-error-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}@keyframes planningPulse{0%{box-shadow:0 0 0 0 rgba(78,151,108,.35)}70%{box-shadow:0 0 0 10px rgba(78,151,108,0)}100%{box-shadow:0 0 0 0 rgba(78,151,108,0)}}
@media(max-width:1000px){.studio-project-grid,.studio-project-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sidebar{width:min(300px,86vw)}.app-main{margin-left:0}.studio-focus .content{padding:16px 14px 44px}.studio-launch{padding:22px 18px;border-radius:19px}.studio-launch h2{font-size:28px}.studio-prompt-form textarea{min-height:140px}.studio-prompt-footer{align-items:stretch;flex-direction:column}.studio-generate{width:100%}.studio-secondary-actions{align-items:flex-start;flex-wrap:wrap}.studio-secondary-label{width:100%}.studio-project-grid,.studio-project-grid-compact{grid-template-columns:1fr}.studio-section-heading{align-items:flex-start}.planning-card{padding:26px 20px}.planning-card h2{font-size:24px}.planning-meta{flex-direction:column;gap:4px}.planning-error-actions{display:grid}.planning-error-actions .button{width:100%}}