/* Professional commercial presentation layer; existing CRM forms and record paths remain intact. */
:root{--bg:#0a1322;--panel:#111e31;--panel2:#18283e;--line:#293c55;--text:#eef4fb;--muted:#a7b8cf;--accent:#5b91ed;--shadow:none}
body{background:#0b1524;line-height:1.4}
.app{grid-template-columns:216px minmax(0,1fr)}
.sidebar{padding:13px 10px;background:#0c1929}
.brand{padding:8px 9px 15px}.brand h1{font-size:18px;letter-spacing:-.02em}.brand p{font-size:11px;margin:2px 0 7px}
.nav{padding-right:3px}.nav button,.subnav button{padding:8px 9px;margin:1px 0;border-radius:7px;font-size:12px;line-height:1.25;min-height:36px}
.nav button:hover,.nav button.active{background:#1b304a;border-color:transparent}.nav button.active{color:#eaf4ff;border-left:2px solid var(--accent)}
.pp-nav-heading{padding:14px 9px 5px;color:#819bb8;font-size:10px;font-weight:800;letter-spacing:.12em}
.pp-nav-group{margin:6px 0;border-top:1px solid var(--line);padding-top:5px}.pp-nav-group summary{cursor:pointer;padding:9px;color:#b9cbe0;font-size:12px;border-radius:7px;list-style:none}.pp-nav-group summary::-webkit-details-marker{display:none}.pp-nav-group summary:after{content:'⌄';float:right}.pp-nav-group[open] summary:after{content:'⌃'}
.pp-nav-group button{padding-left:15px}.pp-maintenance{padding:6px 4px 0;border-top:1px solid var(--line)}.pp-maintenance .btn{font-size:11px!important;margin:2px 0!important;text-align:left}
.sidebar .bottom{max-height:none;padding:9px 3px 0}.sidebar .bottom .btn{font-size:12px;padding:8px}
.main{padding:18px clamp(16px,2vw,34px) 26px}.topbar{margin-bottom:15px}.topbar h2{font-size:20px;letter-spacing:-.025em}.topbar .small{font-size:11px}
.btn{padding:7px 10px;border-radius:7px;font-size:12px;min-height:34px}.btn.primary{background:#426fc2;border-color:#5685d9}
.card{padding:13px;border-radius:10px;box-shadow:none}.card h3{font-size:15px}.grid{gap:11px}.metric .value{font-size:24px}.metric .sub{margin-top:3px}
.toolbar{gap:6px;margin-bottom:10px}.section>.toolbar:first-child{padding:9px!important;background:var(--panel)!important;border-radius:9px!important}
.table-wrap{border-radius:9px}th,td{padding:8px 10px}th{font-size:11px}td{font-size:12px}.pill{padding:3px 7px;font-size:10px}
input,select,textarea{padding:8px;border-radius:7px}label{font-size:11px}.empty{padding:18px}
:is(button,input,select,textarea,a,summary):focus-visible{outline:2px solid #8dc2ff;outline-offset:2px}
.pp-dashboard{min-width:0}.pp-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.pp-heading h2{font-size:24px;line-height:1.1;letter-spacing:-.035em;margin:4px 0}.pp-heading p,.pp-panel-head p{color:var(--muted);margin:0;font-size:12px}.pp-eyebrow,.cw-eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:#8bb9ef}
.pp-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:12px}.pp-kpi{display:flex;flex-direction:column;text-align:left;align-items:flex-start;gap:2px;min-width:0;padding:13px;background:var(--panel);border:1px solid var(--line);border-radius:9px;color:var(--text)}.pp-kpi:hover{background:#1a3049;border-color:#5075a6}.pp-kpi>span{font-size:11px;color:var(--muted)}.pp-kpi strong{font-size:24px;line-height:1.15;letter-spacing:-.03em;white-space:nowrap}.pp-kpi small{font-size:10px;color:#9cb1ca;overflow-wrap:anywhere}
.pp-dashboard-grid{display:grid;grid-template-columns:minmax(390px,1.25fr) minmax(340px,1fr);gap:12px;align-items:start}.pp-chart-stack{display:grid;gap:12px;min-width:0}.pp-panel{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px}.pp-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}.pp-panel h3{font-size:14px;margin:0 0 3px;letter-spacing:-.01em}.pp-priority-list{max-height:620px;overflow:auto}.pp-priority{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #26394f}.pp-priority:first-child{border-top:0}.pp-priority>div{min-width:0}.pp-priority strong{font-size:12px}.pp-priority small{display:block;color:var(--muted);font-size:11px;margin-top:2px;overflow-wrap:anywhere}.pp-priority .btn{flex:none}.pp-empty{font-size:12px;color:var(--muted);background:#14243a;padding:16px;margin:0;border-radius:7px}
.pp-stage-list{display:grid;gap:10px}.pp-stage{display:grid;grid-template-columns:minmax(125px,42%) 1fr;gap:10px;align-items:center}.pp-stage strong{display:block;font-size:12px}.pp-stage small{display:block;color:var(--muted);font-size:10px}.pp-track{height:7px;background:#23364d;border-radius:99px;overflow:hidden}.pp-track span{display:block;height:100%;background:#629be9;border-radius:99px}
.pp-trend-legend{display:flex;flex-wrap:wrap;gap:13px;font-size:10px;color:var(--muted);margin-bottom:8px}.pp-trend-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}.pp-activity-key,.pp-activity{background:#5e9ce8}.pp-due-key,.pp-due{background:#43bda5}.pp-trend{height:114px;display:grid;grid-template-columns:repeat(30,minmax(4px,1fr));align-items:end;gap:3px;border-bottom:1px solid #476078}.pp-trend-day{display:flex;align-items:end;gap:1px;height:100%;min-width:0}.pp-trend-day span{flex:1;min-width:1px;border-radius:2px 2px 0 0}.pp-trend-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:5px}
.pp-legacy{margin-top:13px;border-top:1px solid var(--line);padding-top:9px}.pp-legacy>summary{cursor:pointer;font-size:12px;color:#b4c6dd;padding:8px}.pp-legacy[open]>summary{margin-bottom:10px}
#commercial .cw-head{display:flex;align-items:center;padding:13px 16px;margin-bottom:10px;border:1px solid var(--line);background:#152740;border-radius:10px}#commercial .cw-head h2{font-size:19px;margin:3px 0 2px}#commercial .cw-head .muted{font-size:11px}
#commercial .cw-box{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:13px;box-shadow:none}#commercial .cw-box h3{font-size:14px;margin:0 0 4px}#commercial .cw-box p{font-size:11px}#commercial .cw-columns{gap:11px;margin-bottom:11px}#commercial .cw-row{padding:7px 0}#commercial .cw-row span{font-size:12px}#commercial .cw-row small{font-size:10px}#commercial .cw-list{max-height:260px}#commercial .cw-result{border:0;border-left:2px solid #466d9b;background:#16283e;border-radius:3px;padding:9px;font-size:12px}#commercial .cw-box input,#commercial .cw-box select{margin-bottom:7px}#commercial .cw-box .btn{margin:2px 3px 2px 0}
#commercial .cw-ai{margin-bottom:10px;background:linear-gradient(110deg,#162b46,#142338)}.cw-ai-intro{display:flex;justify-content:space-between;align-items:start;gap:10px}.cw-ai-intro .muted{margin:3px 0 8px}.cw-ai-query{display:flex;gap:8px}.cw-ai-query input{flex:1;min-width:0;margin:0!important}.cw-focus{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:11px}.cw-focus span{background:#172b43;border:1px solid var(--line);border-radius:7px;padding:6px 10px;color:var(--muted);font-size:11px}.cw-focus b{color:var(--text);font-size:13px;margin-right:3px}
@media(min-width:1600px){.pp-dashboard-grid{grid-template-columns:minmax(540px,1.4fr) minmax(440px,1fr)}#commercial .cw-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.pp-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:760px){.main{padding:13px 12px 24px}.pp-heading{align-items:flex-start}.pp-heading h2{font-size:20px}.pp-heading .btn{flex:none}.pp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-dashboard-grid{grid-template-columns:1fr}.pp-panel{padding:12px}.pp-trend{gap:2px}.cw-ai-query{flex-direction:column}.cw-ai-query .btn{align-self:flex-start}#commercial .cw-box{padding:12px}}
@media(max-width:390px){.pp-heading{flex-direction:column}.pp-kpi strong{font-size:21px}.pp-stage{grid-template-columns:1fr}.pp-trend{overflow:hidden}}
.pp-mobile-overlay,.pp-mobile-close{display:none}
@media(max-width:760px){
  .app.pp-mobile-settings-open .sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:min(300px,86vw);height:100dvh;z-index:52;box-shadow:20px 0 55px #0009}
  .app.pp-mobile-settings-open .sidebar .nav{display:block;overflow-y:auto}
  .app.pp-mobile-settings-open .sidebar .nav button{width:100%;min-width:0;text-align:left}
  .app.pp-mobile-settings-open .sidebar .bottom{display:block}
  .app.pp-mobile-settings-open .pp-mobile-overlay{display:block;position:fixed;inset:0;z-index:51;border:0;background:#0009;width:100%;height:100%}
  .app.pp-mobile-settings-open .pp-mobile-close{display:block;margin:3px 5px 8px}
}
.pp-quick{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 12px}.pp-quick strong{font-size:11px;color:var(--muted);margin-right:5px}.pp-quick .btn{min-height:34px}
#commercial .studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#commercial .studio-grid>*{min-width:0}#commercial #cw-marketing{grid-column:1/-1}#commercial #cwPackage{white-space:normal;background:transparent;border:0;padding:0}#commercial #cwPackage>section,#commercial #cwPackage .studio-grid>section{padding:12px 0;border-top:1px solid var(--line)}#commercial #cwPackage h4{font-size:13px;margin:2px 0 7px}#commercial .studio-readiness,.studio-use-list{display:flex;flex-wrap:wrap;gap:6px}.studio-status{font-size:11px;border-radius:6px;background:#1e433c;padding:4px 7px}.studio-status.missing{background:#4d3228}.studio-chat{max-height:190px;overflow:auto}.studio-chat p{border-bottom:1px solid var(--line);padding:5px 0}.studio-preview{background:#1a2a40;border:1px solid #6787ac!important;border-radius:10px;padding:20px!important;margin:10px 0}.studio-preview h2{font-size:22px}.studio-preview pre{white-space:pre-wrap;overflow-wrap:anywhere}.studio-disclaimer{font-size:12px;font-weight:700;color:#f2d3a5}.studio-message{color:#c7e8ff}.studio-use-list label{display:flex;gap:5px;align-items:center;margin:3px}.studio-use-list input,#studioVerified,#studioUsesReviewed{width:auto}
.ask-panel[hidden]{display:none}.ask-panel{position:fixed;right:0;top:0;bottom:0;width:min(450px,100vw);z-index:100;background:#101f32;border-left:1px solid #45617f;box-shadow:-18px 0 55px #0009;display:flex;flex-direction:column;padding:16px;gap:12px}.ask-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.ask-head b{font-size:18px}.ask-head small{display:block;color:var(--muted);margin-top:3px}.ask-history{flex:1;overflow:auto;min-height:0}.ask-turn{border-top:1px solid var(--line);padding:10px 0}.ask-turn p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.ask-turn span{display:block;color:var(--muted);font-size:11px;padding:3px 0}.ask-form>div{display:flex;gap:6px}.ask-form input{flex:1;min-width:0}.ask-form small{display:block;color:var(--muted);font-size:11px;line-height:1.4}
@media(max-width:760px){#commercial .studio-grid{grid-template-columns:1fr}.studio-preview{padding:12px!important}.ask-panel{width:100vw}.pp-quick .btn{min-height:44px}.ask-form>div{flex-wrap:wrap}}
/* Visual marketing workspace */
#commercial .studio-recommend{padding:16px;border:1px solid #56718c;border-radius:10px;background:linear-gradient(120deg,#17354b,#17273c);margin:8px 0 16px}#commercial .studio-recommend h3{font-size:18px;margin:5px 0}#commercial .studio-recommend p{color:#c5d7e5}.studio-recommend-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px;margin:12px 0}.studio-recommend-list>div{background:#ffffff0b;border-left:2px solid #d7ac71;padding:8px}.studio-recommend-list b,.studio-recommend-list span,.studio-recommend-list small{display:block}.studio-recommend-list b{font-size:12px}.studio-recommend-list span{font-size:11px;color:#c2d2df;margin:5px 0}.studio-recommend-list small{color:#d7bc95;font-size:10px}
#commercial .studio-config{padding:13px 0;border-top:1px solid var(--line)}.studio-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.studio-control-grid label{min-width:0}.studio-control-grid select,.studio-control-grid input{margin:3px 0 0!important;width:100%;min-width:0}.studio-media-strip{display:flex;gap:8px;overflow:auto;margin:10px 0}.studio-media-strip figure{flex:0 0 145px;margin:0;background:#213449}.studio-media-strip img{display:block;width:145px;height:92px;object-fit:cover}.studio-media-strip figcaption{padding:5px;font-size:10px;overflow-wrap:anywhere}.studio-image-needed{background:#223b4e;border:1px dashed #7195a7;border-radius:8px;padding:18px;color:#d6e6ee}.studio-preview-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.studio-preview-head span{color:#bcd1dc;font-size:11px}.studio-preview-scroll{max-width:100%;overflow:auto;background:#dce3e8;border:1px solid #7792a4;margin:12px 0;max-height:82vh}.studio-preview-scroll iframe{display:block;border:0;width:850px;height:1100px;margin:auto;background:#fff}.studio-format-1 iframe{width:850px;height:850px}.studio-format-2 iframe{width:1100px;height:650px}.studio-format-3 iframe{width:600px;height:1066px}#commercial .studio-preview{background:#182a3c;border-color:#749ab3!important}#commercial .studio-preview details{margin:9px 0}#commercial .studio-preview summary{cursor:pointer}.studio-preview pre{font-size:11px}
@media(max-width:760px){.studio-control-grid{grid-template-columns:1fr}.studio-recommend-list{grid-template-columns:1fr 1fr}.studio-preview-head{align-items:flex-start;flex-direction:column}.studio-preview-scroll{max-height:75vh}#commercial .studio-recommend{padding:12px}}@media(max-width:420px){.studio-recommend-list{grid-template-columns:1fr}}
#commercial .studio-fact-review{display:flex;align-items:flex-start;gap:8px;padding:10px 0;line-height:1.45;color:#d8e5ed}#commercial .studio-fact-review input,#commercial .studio-concept-input input[type=checkbox]{width:auto;min-width:17px;margin:1px 0}#commercial .studio-concept-input{margin:10px 0;border-top:1px solid var(--line);padding-top:9px}#commercial .studio-concept-input summary{cursor:pointer;color:#d8e7f1;font-weight:700}#commercial .studio-concept-input label{display:block;margin:8px 0 3px}#commercial .studio-concept-input input[type=file]{width:100%;font-size:11px}#commercial .studio-concept-input label:has(input[type=checkbox]){display:flex;gap:7px;align-items:flex-start}
#commercial .studio-image-add{margin:12px 0;padding:12px;border:1px solid #50758e;border-radius:10px;background:#1a3044}#commercial .studio-image-add h4{margin:0 0 5px}#commercial .studio-image-add>label{display:block;margin:9px 0 3px}#commercial .studio-image-add input[type=file]{width:100%}#commercial .studio-file-preview{display:flex;align-items:center;gap:10px;min-height:62px;margin:8px 0;padding:7px;border:1px dashed #7497a9;border-radius:8px;color:#d3e5ed;font-size:11px;overflow-wrap:anywhere}#commercial .studio-file-preview img{max-width:100px;width:auto;height:58px;object-fit:cover;border-radius:4px}#commercial .studio-concept-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}#commercial .studio-concept-slot{display:flex;gap:9px;min-width:0;padding:7px;background:#20354a;border:1px solid #47617a;border-radius:8px}#commercial .studio-concept-slot>img,#commercial .studio-concept-placeholder{flex:0 0 90px;width:90px;height:72px;object-fit:cover;border-radius:5px}#commercial .studio-concept-placeholder{display:grid;place-items:center;text-align:center;background:#314b5c;color:#d2e2e9;font-size:10px}#commercial .studio-concept-slot>div{min-width:0}#commercial .studio-concept-slot b,#commercial .studio-concept-slot small{display:block;overflow-wrap:anywhere}#commercial .studio-concept-slot small{font-size:10px;color:#b8cedd}#commercial .studio-concept-slot .btn{font-size:11px;margin-top:5px}@media(max-width:680px){#commercial .studio-concept-slots{grid-template-columns:1fr}}
/* Preview-first Marketing Studio: the live collateral stays visible beside a compact editor. */
#commercial .cw-columns:has(#cw-marketing){display:flex;flex-direction:column-reverse;gap:12px}#commercial #cw-marketing{width:100%;min-width:0}#commercial #cw-media-library{width:100%;margin:0;padding:10px 14px}#commercial #cw-media-library>summary{cursor:pointer;list-style:none}#commercial #cw-media-library>summary h3{display:inline;margin:0;font-size:13px}#commercial #cw-media-library>summary::-webkit-details-marker{display:none}
#commercial #cw-marketing>label,#commercial #cw-marketing>select{display:block;max-width:370px}#commercial #cw-marketing>select{margin:5px 0 10px}#commercial .studio-workspace{display:grid;grid-template-columns:minmax(315px,365px) minmax(0,1fr);gap:18px;align-items:start}#commercial .studio-editor{min-width:0;display:flex;flex-direction:column;gap:12px}#commercial .studio-editor>section,#commercial .studio-editor>details{border:1px solid #344e65;border-radius:10px;background:#16283a;padding:12px}#commercial .studio-editor-head{padding:5px 2px}#commercial .studio-editor-head h3{font-size:18px;margin:3px 0}#commercial .studio-editor-head p{font-size:11px;margin:0;color:#b2c8d7}#commercial .studio-config{order:0}#commercial .studio-possibilities{order:1}#commercial .studio-drafts{order:2}#commercial .studio-approval{order:3}#commercial .studio-advanced{order:4}#commercial .studio-config .studio-control-grid{grid-template-columns:1fr}#commercial .studio-config .studio-control-grid label{font-size:11px}#commercial .studio-config .studio-control-grid select{margin-bottom:3px!important}#commercial .studio-fact-strip{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}#commercial .studio-fact-strip span{border:1px solid #405e71;background:#1c3548;padding:8px;border-radius:7px;color:#adc6d5;font-size:10px}#commercial .studio-fact-strip b{display:block;font-size:16px;color:#fff}#commercial .studio-config>button{margin-top:7px}#commercial .studio-image-add{padding:8px;margin:9px 0}#commercial .studio-image-add>summary,#commercial .studio-use-picker>summary,#commercial .studio-advanced>summary{cursor:pointer;color:#e3eff6;font-weight:700}#commercial .studio-image-add>summary{font-size:12px}#commercial .studio-media-strip{margin:7px 0}#commercial .studio-media-strip figure{flex-basis:90px}#commercial .studio-media-strip img{width:90px;height:58px}#commercial .studio-possibilities>p{font-size:11px;margin:5px 0}#commercial .studio-use-picker{margin:8px 0}#commercial .studio-use-list{padding:8px 0}#commercial .studio-concept-slots{grid-template-columns:1fr;gap:5px}#commercial .studio-concept-slot{padding:5px}#commercial .studio-concept-slot>img,#commercial .studio-concept-placeholder{width:80px;height:68px;flex-basis:80px}#commercial .studio-concept-slot b{font-size:12px}#commercial .studio-concept-slot .btn{padding:5px 7px;font-size:10px}#commercial .studio-drafts .cw-channels{max-height:100px;overflow:auto}#commercial .studio-approval{background:#1b3548!important;border-color:#6689a2!important}#commercial .studio-advanced[open]{padding:12px}#commercial .studio-advanced .studio-grid{grid-template-columns:1fr}#commercial .studio-advanced .studio-recommend-list{display:block}#commercial .studio-advanced .studio-recommend-list>div{margin:5px 0}#commercial .studio-live{min-width:0;position:sticky;top:14px;background:#132537;border:1px solid #45657c;border-radius:12px;padding:12px;max-height:calc(100vh - 30px);display:flex;flex-direction:column}#commercial .studio-live-head{display:flex;align-items:center;justify-content:space-between;gap:12px}#commercial .studio-live-head h4{margin:3px 0;font-size:14px}#commercial .studio-live .studio-preview-scroll{margin:8px 0;max-height:none;min-height:0;flex:1;overflow:auto;border-color:#627d90}#commercial .studio-live .studio-preview-scroll iframe{margin:0 auto}#commercial .studio-live>p{font-size:11px;margin:3px 0}#commercial .studio-preview-empty{display:grid;place-items:center;min-height:450px;color:#b5ccda;text-align:center;border:1px dashed #6d8a9e;padding:20px}@media(max-width:1120px){#commercial .studio-workspace{grid-template-columns:290px minmax(0,1fr)}}@media(max-width:900px){#commercial .studio-workspace{grid-template-columns:1fr}#commercial .studio-live{position:static;max-height:none;order:-1}#commercial .studio-live .studio-preview-scroll{max-height:70vh}#commercial .studio-editor{display:flex}}@media(max-width:600px){#commercial .studio-live{padding:8px}#commercial .studio-live-head{align-items:start}#commercial .studio-live .studio-preview-scroll{max-width:100%}}
#commercial .studio-design-options{margin:8px 0}#commercial .studio-design-options>summary{cursor:pointer;color:#d0e3ee;font-size:11px;font-weight:700}#commercial .studio-design-options .studio-control-grid{padding:8px 0}

/* Marketing completion: compact controls, dominant preview and candidate review. */
#commercial .studio-workspace{grid-template-columns:minmax(270px,310px) minmax(0,1fr);gap:14px}
#commercial .studio-live{border-top:4px solid #ffd126;min-height:540px}
#commercial .studio-image-needed{padding:10px;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
#commercial .studio-generation{padding:10px;margin:8px 0;border:1px solid #6689a2;border-radius:8px;background:#102b43}
#commercial .studio-generation>b,#commercial .studio-generation>small{display:block}
#commercial .studio-generation>small{color:#ffd126;text-transform:capitalize;margin:3px 0}
#commercial .studio-generation img{display:block;width:100%;max-height:230px;object-fit:contain;background:#082f58;margin:8px 0}
#commercial .studio-generation p{font-size:11px;overflow-wrap:anywhere}
#commercial #cwMediaAuthentic{width:auto}
@media(max-width:1100px){#commercial .studio-workspace{grid-template-columns:270px minmax(0,1fr)}}
@media(max-width:900px){#commercial .studio-workspace{grid-template-columns:1fr}#commercial .studio-live{min-height:420px}}
/* Conceptual site illustration review */
.studio-site-illustration{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0d1b2e}.studio-site-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.studio-site-compare figure{margin:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:#101f34}.studio-site-compare img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px;display:block;margin:7px 0}.studio-site-compare small{display:block;line-height:1.35}.studio-site-illustration textarea{min-height:82px}@media(max-width:760px){.studio-site-compare{grid-template-columns:1fr}}
.ask-panel{color:#eaf3ff}
.ask-panel .ask-head b{color:#fff}
.ask-panel .ask-head small,.ask-panel .ask-form small{color:#b9cce1}
.ask-panel .ask-history{color:#eaf3ff}
.ask-panel .ask-turn{border-top:1px solid #2d4967;padding:11px 0}
.ask-panel .ask-speaker{display:block;color:#9fc8ff;font-size:12px;letter-spacing:.02em}
.ask-panel .ask-message{color:#edf5ff;line-height:1.5}
.ask-panel .ask-message p{color:inherit;margin:5px 0}
.ask-panel .ask-user .ask-message{margin-top:5px;padding:8px 10px;background:#1b3654;border:1px solid #42688f;border-radius:8px;color:#fff}
.ask-panel .ask-answer-section{margin:7px 0;padding-left:10px;border-left:2px solid #4b88c6}
.ask-panel .ask-answer-section h4{margin:0 0 3px;color:#fff;font-size:13px}
.ask-panel .ask-answer-section p{margin:0;color:#eaf3ff;white-space:pre-wrap;overflow-wrap:anywhere}
.ask-panel .ask-record{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 0;padding:8px 9px;background:#152b43;border:1px solid #2d4967;border-radius:7px;color:#edf5ff}
.ask-panel .ask-record span{min-width:0}.ask-panel .ask-record b{color:#fff}.ask-panel .ask-record small{display:block;margin-top:3px;color:#b9cce1;line-height:1.35}
.ask-panel .ask-record .btn{color:#fff;background:#285588;border-color:#5a91ce;white-space:nowrap}.ask-panel .ask-record .btn:hover,.ask-panel .ask-record .btn:focus-visible{background:#3973ae;border-color:#8ec5ff;color:#fff}.ask-panel .ask-record .btn:disabled{color:#9aacc0;background:#22364b;border-color:#3a4e63}
.ask-panel .ask-form label{color:#eaf3ff}.ask-panel .ask-form input{color:#fff;background:#172b43;border:1px solid #54728f}.ask-panel .ask-form input::placeholder{color:#9eb3c9;opacity:1}.ask-panel .ask-form input:focus{outline:2px solid #8ec5ff;outline-offset:1px;border-color:#8ec5ff}