:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#132b39;background:#f5f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 70% 30% at 70% 5%,#e3f5ef 0,transparent 75%),#f5f8fa}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #00a285;outline-offset:2px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.masthead{display:flex;justify-content:space-between;align-items:center;padding:21px max(4%,30px);border-bottom:1px solid #dfe7e8;background:#fff9}.wordmark{font-size:25px;font-weight:710;letter-spacing:-1.2px;display:flex;align-items:center;gap:9px}.wordmark .thin{font-weight:330;margin-left:3px}.sigil{background:#063f3c;color:#b6efc8;border-radius:12px;width:34px;height:34px;display:grid;place-items:center;font-size:21px}.header-side{display:flex;align-items:center;gap:22px;font-size:12px}.header-side a{font-weight:650}.private{letter-spacing:1.8px;color:#6d818b;font-size:9px}main{width:100%;max-width:1420px;margin:0 auto;flex:1}.login-wrap{display:grid;place-items:center;min-height:72vh;padding:30px}.login-card{background:#fff;border:1px solid #dce7e7;border-radius:20px;padding:38px;width:min(100%,460px);box-shadow:0 20px 70px #1537420c}.login-card h1{font-size:42px;letter-spacing:-1.7px;font-weight:550;margin:15px 0}.login-card p{color:#607986;line-height:1.6}.login-card form{margin-top:30px}.eyebrow{font-size:10px;color:#367a73;letter-spacing:1.8px;font-weight:760}.login-card label,.editor label{display:block;margin:16px 0 9px;font-size:12px;font-weight:690;color:#304b5a}input,textarea{width:100%;border:1px solid #d7e3e7;border-radius:10px;background:#fbfefe;color:#142f3c;padding:13px 14px;resize:vertical;outline:none}textarea::placeholder,input::placeholder{color:#91a8af}.primary{background:#123e41;color:white;border:1px solid #123e41;padding:12px 18px;font-size:12px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:30px}.primary:hover{background:#225f59}.login-card .primary{width:100%;margin-top:18px}.status,.notice{font-size:12px;color:#476b73;line-height:1.5}.workspace{padding:42px 4.5% 55px}.intro{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:34px}.intro h1{font-size:clamp(30px,3.6vw,50px);font-weight:530;letter-spacing:-2px;margin:13px 0 10px}.intro p{font-size:13px;color:#687e89;margin:0}.divider-dot{margin:0 6px;color:#a0b7b7}.subtle{border:1px solid #dce6e9;background:#fff;color:#46606b;padding:11px 16px;border-radius:9px;font-size:12px}.layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px}.side{border-right:1px solid #e3ebed;padding:24px 20px 0 0}.side-title{color:#8ca0a5;letter-spacing:2px;font-size:9px;margin:0 0 19px 12px}.side-link{display:flex;align-items:center;gap:11px;color:#65808c;font-size:12px;padding:13px 12px;border-radius:11px;border:0;background:transparent;width:100%;text-align:left;margin-bottom:4px}.side-link.selected{background:#e4f1ed;color:#214f4b;font-weight:720}.side-icon{font-size:18px;width:24px;text-align:center}.side-break{margin:33px 12px 20px;height:1px;background:#dde7e9}.side-foot{font-size:11px;color:#8ba2a7;line-height:1.7;padding-left:12px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat{background:#fff;border:1px solid #e1e9eb;border-radius:13px;padding:18px 21px;box-shadow:0 4px 15px #17394704}.stat>span{display:block;font-size:9px;letter-spacing:1.5px;color:#81969d;margin-bottom:11px}.stat strong{font-size:15px;font-weight:620}.online{display:inline-block;width:7px;height:7px;border-radius:50%;background:#48ba86;margin-right:7px;box-shadow:0 0 0 4px #e6f9ee}.columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:#fff;border:1px solid #dfe8ea;border-radius:18px;padding:27px;min-height:430px;box-shadow:0 12px 40px #17394706}.section-head,.review-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.section-head h2,.review-head h2{font-size:23px;font-weight:580;letter-spacing:-.6px;margin:9px 0 15px}.section-mark,.assistant-symbol{font-size:26px;color:#5caaa1}.segment{display:flex;gap:3px;background:#f1f5f5;border-radius:11px;padding:4px;margin:14px 0 19px}.segment button{border:0;background:transparent;border-radius:8px;flex:1;padding:11px 5px;font-size:11px;color:#647d85}.segment button.active{color:#194e48;background:#fff;box-shadow:0 2px 9px #153b4713;font-weight:750}.editor form>.primary{margin-top:19px;width:100%}.editor label~input +label{margin-top:13px}.assistant p{color:#647d85;font-size:12px;line-height:1.65;max-width:370px;margin:0 0 19px}.assistant textarea{min-height:145px}.ghost{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #95b8b3;border-radius:9px;color:#1d635b;background:#effaf6;padding:12px 16px;width:100%;font-size:12px;font-weight:730;margin-top:14px}.ghost:hover{background:#e5f5ef}.assistant-hint{margin-top:22px;padding:14px 16px;background:#f5f9f8;border-left:2px solid #b3d3ca;color:#64827f;font-size:11px;line-height:1.6}.review{background:#edf8f4;border:1px solid #afd4c7;border-radius:15px;padding:25px;margin-top:16px}.review p{color:#3b5c5e;font-size:13px}.review pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;color:#18443e;background:#fff;border:1px solid #cfe6df;border-radius:9px;font-size:12px;line-height:1.6}.review-actions{display:flex;gap:10px;margin-top:19px}.close{border:0;background:transparent;color:#63827d;font-size:28px;line-height:1}.live-content{margin-top:27px;border-top:1px solid #dae6e7;padding:18px 0}.live-row{display:flex;justify-content:space-between;border-bottom:1px solid #e5eced;padding:11px 0;gap:20px;font-size:12px}.live-row span{letter-spacing:1px;color:#92a5ad;font-size:10px}.live-row strong{font-size:13px;font-weight:580;color:#405a66;text-align:right}.notice{margin-top:15px}footer{display:flex;justify-content:space-between;padding:20px max(4%,30px);border-top:1px solid #dfe7e8;color:#8a9ea6;letter-spacing:1.3px;font-size:9px}.sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:960px){.layout{grid-template-columns:1fr}.side{display:none}.workspace{padding:32px 22px}.columns{grid-template-columns:1fr}.panel{min-height:auto}}@media(max-width:520px){.masthead{padding:16px 18px}.header-side .private{display:none}.intro h1{font-size:32px}.intro{margin-bottom:23px}.panel{padding:20px}.stats{grid-template-columns:1fr 1fr}.stats .stat:first-child{grid-column:span 2}.review-actions{flex-direction:column}.wordmark{font-size:20px}}

/* Model choice remains visible without adding visual clutter. */
.model-label{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:12px;font-weight:700;color:#34545b;margin-bottom:8px}
.model-help{font-weight:400;color:#718b90;font-size:10px}
#modelSelect{width:100%;appearance:none;border:1px solid #c8deda;border-radius:10px;background:#f7fbfa;color:#173d41;padding:12px 36px 12px 13px;cursor:pointer;line-height:1.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23466b6c' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}
#modelSelect:focus-visible{outline:3px solid #00a285;outline-offset:2px}
.model-info{min-height:48px;margin:9px 0 16px;color:#617e83;font-size:11px;line-height:1.6}
@media(max-width:520px){.model-label{display:block}.model-help{display:block;margin-top:4px}}

/* Review dialog: proposals are now unmistakably visible on all viewport sizes.
   [hidden] retains precedence so no draft is displayed before generation. */
.review-backdrop{position:fixed;inset:0;z-index:90;background:rgba(6,30,32,.60);backdrop-filter:blur(4px)}
.review{position:fixed;z-index:91;top:50%;left:50%;transform:translate(-50%,-50%);width:min(650px,calc(100vw - 36px));max-height:calc(100dvh - 40px);overflow:auto;margin:0;background:#effaf6;border:1px solid #8dbdaf;box-shadow:0 25px 85px rgba(6,30,32,.29);outline:none}
body.review-open{overflow:hidden}
.review pre{max-height:38dvh;overflow:auto}
.review .review-head h2{margin-bottom:12px}
@media(max-width:520px){.review{padding:20px;max-height:calc(100dvh - 22px);width:calc(100vw - 22px)}.review pre{max-height:31dvh}}

/* Visual changes get a before/after line and a real, isolated website iframe. */
.review{width:min(1130px,calc(100vw - 36px));max-height:calc(100dvh - 36px);padding:23px 27px}
.review pre{max-height:180px}
.change-summary{display:flex;align-items:center;gap:15px;background:white;border:1px solid #cde5dc;border-radius:11px;padding:14px 18px;margin:14px 0}
.change-summary>div{flex:1;min-width:0}.change-summary small{display:block;font-size:9px;letter-spacing:1.4px;color:#829a97;margin-bottom:6px}.change-summary strong{display:block;color:#1d4944;overflow-wrap:anywhere;font-weight:650;font-size:15px}.change-arrow{color:#408d7c;font-size:20px}
.visual-preview{margin:13px 0;border:1px solid #c6deda;border-radius:13px;overflow:hidden;background:#fff}
.visual-preview-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 16px;background:#f8fbfa;border-bottom:1px solid #e1ece8}
.visual-preview-head strong{font-size:12px;color:#24574f}.visual-preview-head small{display:block;color:#78938d;font-size:10px;margin-top:3px}
.device-switch{display:flex;gap:5px;border-radius:9px;background:#ebf3f0;padding:3px}.device-switch button{background:transparent;border:0;border-radius:6px;color:#5d7973;font-size:11px;padding:7px 11px}.device-switch .device-active{background:#fff;color:#176b58;box-shadow:0 1px 6px #15352c17;font-weight:750}
.preview-stage{background:repeating-linear-gradient(45deg,#f2f6f4,#f2f6f4 9px,#eaf0ed 9px,#eaf0ed 18px);height:400px;display:flex;align-items:stretch;justify-content:center;overflow:auto;padding:10px}
.preview-stage iframe{width:100%;height:100%;border:1px solid #acc8bf;background:white;pointer-events:auto;box-shadow:0 3px 17px #1b4a3f23;overscroll-behavior:contain}
.preview-stage.phone-preview{height:475px}
.preview-stage.phone-preview iframe{width:375px;min-width:375px;max-width:100%}
.preview-explainer{padding:8px 15px;margin:0!important;background:#fff;font-size:10px!important;color:#6c8984!important}
.technical-details{margin:10px 0;color:#537570;font-size:11px}.technical-details summary{cursor:pointer}.technical-details pre{margin:8px 0}
.small-help{color:#799198;font-size:11px;line-height:1.5;margin:8px 0}
.segment{flex-wrap:wrap}.segment button{flex:1 1 16%;min-width:50px}
@media(max-width:650px){.review{padding:15px;max-height:calc(100dvh - 18px);width:calc(100vw - 16px)}.preview-stage{height:325px;padding:6px}.preview-stage.phone-preview{height:390px}.visual-preview-head{padding:9px;gap:6px}.change-summary{padding:10px;gap:7px}.change-summary strong{font-size:12px}.review-actions{margin-top:12px}}

.asset-panel,.usage-panel{margin-top:22px;padding:24px}
.asset-panel p,.usage-panel p{font-size:12px;color:#617d83;line-height:1.65}
.asset-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.asset-actions button{width:auto}
.asset-stage{background:#f8faf8;border:1px solid #d3e2dd;border-radius:12px;padding:10px}
.asset-stage .device-switch{display:inline-flex;margin-bottom:10px}
.asset-stage iframe{height:400px;width:100%;border:1px solid #c6d8d1;background:white}
.usage-details{padding:14px;border-radius:10px;background:#f1f6f4;font-size:12px;line-height:1.8;color:#274b47}
@media(max-width:650px){.asset-stage iframe{height:315px}}


/* Source Lab — restrained private code workbench, not a marketing showcase */
.code-lab{margin-top:20px;border-color:#94a7a1;background:#f9faf4}
.code-lab h2{letter-spacing:-.55px}
.code-lab-icon{background:#223731;color:#d2f68f;font:700 13px "IBM Plex Mono",Consolas,monospace;border-radius:4px;padding:8px 9px;letter-spacing:-1px}
.code-lab>p{max-width:690px}
.code-form{margin-top:13px}
.code-form label{display:block;color:#476059;font:700 10px "IBM Plex Mono",Consolas,monospace;letter-spacing:.5px;margin-bottom:8px}
.code-form textarea{width:100%;resize:vertical;min-height:88px;line-height:1.6;border:1px solid #bdcac3;border-radius:5px;padding:12px 13px;background:#fff;color:#18342c}
.code-form textarea:focus{outline:2px solid #7dbaa5;outline-offset:1px}
.code-form-actions{display:flex;justify-content:space-between;align-items:center;gap:13px;flex-wrap:wrap;margin-top:10px}
.code-form-actions span{font:600 9px/1.6 "IBM Plex Mono",Consolas,monospace;letter-spacing:.25px;color:#71847b}
.code-form-actions .ghost{margin:0;padding:10px 13px}
.code-result{margin-top:18px;background:#eef1eb;border:1px solid #b5c5ba;border-radius:6px;overflow:hidden}
.code-result-top{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#263b36;color:#f1f5e9}
.code-result-top small{display:block;font:700 9px "IBM Plex Mono",Consolas,monospace;color:#b6d4b6;margin-bottom:5px}
.code-result-top strong{display:block;font-size:13px;font-weight:650;line-height:1.4}
.code-file{font:600 9px "IBM Plex Mono",Consolas,monospace;color:#d4edae;white-space:nowrap}
.code-device{display:flex;gap:7px;align-items:center;padding:9px 11px;background:#e4eae2;border-bottom:1px solid #c4d2c9}
.code-device button{font:650 10px "IBM Plex Mono",Consolas,monospace;background:transparent;border:1px solid #a9bfb0;border-radius:3px;padding:7px 10px;color:#415e50}
.code-device button:hover{background:#d8e5d6}
.code-device button.device-active{background:#294a3a;color:#e9ffbb;border-color:#294a3a}
.code-device button:last-child{margin-left:auto}
.code-preview-stage{display:flex;justify-content:center;align-items:stretch;padding:11px;background:repeating-linear-gradient(0deg,#d2d9d2 0,#d2d9d2 1px,#e5e9e2 1px,#e5e9e2 15px);min-width:0}
.code-preview-stage iframe{background:#fff;border:1px solid #74877a;width:100%;height:470px;transition:width .2s;max-width:100%}
.code-preview-stage.phone-preview iframe{width:390px;max-width:100%;height:565px}
.code-diff{margin:10px 12px 0;border:1px solid #c5d2c6;border-radius:3px;background:#fafaf5}
.code-diff summary{cursor:pointer;padding:10px;font:650 10px "IBM Plex Mono",Consolas,monospace;color:#466659}
.code-diff pre{max-height:380px;overflow:auto;border-top:1px solid #c3d2c7;padding:13px;margin:0;color:#d6f9d9;background:#1d302b;font:11px/1.65 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.code-final-actions{display:flex;gap:9px;flex-wrap:wrap;padding:12px 12px 0}
.code-final-actions button{margin:0;font-size:11px}
.code-final-actions .primary{border-radius:4px;background:#244536;color:#dff7c9}
.code-final-actions .subtle{border-radius:4px}
#codeGithubStatus{padding:0 12px 11px;margin-top:10px;font-size:11px}
.code-pr-link{display:inline-block;margin:0 12px 13px;color:#1b6b55;text-decoration:underline;font-size:12px;font-weight:700}
@media(max-width:650px){.code-result-top{flex-direction:column;align-items:start}.code-file{white-space:normal}.code-preview-stage iframe{height:350px}.code-preview-stage.phone-preview iframe{height:430px}.code-device button{padding:7px;font-size:9px}}


.code-saved{border-top:1px solid #d0dbd0;margin-top:17px;padding-top:13px}
.code-saved-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.code-saved-head strong{font:700 10px "IBM Plex Mono",Consolas,monospace;color:#435c4c;letter-spacing:.5px}
.code-saved-head button{border:0;background:transparent;color:#28735b;font:700 10px "IBM Plex Mono",Consolas,monospace;cursor:pointer;padding:5px}
.code-draft-list{display:grid;gap:5px}
.code-saved-row{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;border:1px solid #c5d2c7;border-radius:4px;padding:10px 12px;background:#fff;color:#23382e;font-size:11px}
.code-saved-row:hover{background:#edf6e9;border-color:#729d80}
.code-saved-row span{font-weight:650;min-width:0;overflow-wrap:anywhere}
.code-saved-row small{font:500 9px "IBM Plex Mono",Consolas,monospace;color:#7a8b7a;white-space:nowrap}
@media(max-width:650px){.code-saved-row{align-items:flex-start;flex-direction:column;gap:3px}}

/* A short inline sample action keeps Source Lab from becoming a help page. */
.code-instruction-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 7px}
.code-instruction-head label{margin:0}
.code-instruction-head button{border:0;background:transparent;padding:4px 0;color:#206e58;font:650 10px "IBM Plex Mono",Consolas,monospace;text-decoration:underline;text-underline-offset:3px}
.code-instruction-head button:hover{color:#103f35}

/* Source Lab takes a compact tool-panel form, not a full-width marketing form. */
.code-lab{padding:19px 21px;min-height:0}
.code-lab .section-head h2{font-size:19px;line-height:1.25;font-weight:660;margin:5px 0 11px}
.code-lab>.section-head{align-items:center}
.code-lab>p{font-size:12px;line-height:1.6;max-width:750px;color:#536d65;margin:0 0 12px}
.code-form{margin-top:0}
.code-form textarea{font-size:12px;line-height:1.5;padding:10px 11px;min-height:81px}
.code-form-actions{justify-content:flex-start;gap:11px;margin-top:8px}
.code-form-actions span{flex:1;min-width:230px}
.code-form-actions .ghost{width:auto;flex:none;border-radius:4px;margin:0}
.code-lab #codeStatus{margin-top:10px}
@media(max-width:650px){.code-lab{padding:16px}.code-form-actions span{min-width:0;flex-basis:100%}.code-form-actions .ghost{width:100%}}

/* In-place GitHub permission readout and low-friction ChatGPT handoff */
.code-connection{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:12px 12px 0;padding:9px 10px;background:#e1eae1;border:1px solid #c5d5c7;border-radius:4px;font:600 10px/1.45 "IBM Plex Mono",Consolas,monospace;color:#4c6052}
.code-connection button{flex:none;background:transparent;border:0;color:#286c57;font:700 10px "IBM Plex Mono",Consolas,monospace;padding:4px 5px;cursor:pointer}
.code-connection button:hover{text-decoration:underline}
.code-handoff-text{display:block;width:calc(100% - 24px);margin:10px 12px 0;min-height:140px;font:11px/1.5 Consolas,monospace;padding:10px;border:1px solid #adbfb1;background:#fff;color:#263a2d}
.code-handoff-text[hidden]{display:none!important}
.code-final-actions{align-items:center}
.code-final-actions .subtle{font-size:10px}


/* Structure Lab: compact multi-file editing workspace, not a decorative dashboard. */
.module-lab{min-height:0;margin-top:19px;padding:20px 22px;background:#f5f7f1;border-color:#b0c0b3}
.module-lab .section-head h2{font-size:19px;font-weight:660;line-height:1.25;margin:5px 0 9px}
.module-lab-mark{display:grid;place-items:center;width:34px;height:34px;background:#263b35;color:#c8ee8b;border-radius:4px;font:700 20px Consolas,monospace}
.module-lab>p{font-size:12px;color:#536d5f;line-height:1.6;max-width:760px;margin:0 0 12px}
.module-form{margin:0}
.module-label-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}
.module-label-row label{font:700 10px "IBM Plex Mono",Consolas,monospace;color:#485c51;letter-spacing:.45px}
.module-label-row button{background:transparent;border:0;color:#1d6e55;text-decoration:underline;text-underline-offset:3px;font:650 10px Consolas,monospace;padding:4px 0}
.module-form textarea{width:100%;min-height:78px;max-height:260px;font-size:12px;line-height:1.55;border-radius:4px;background:#fff;border:1px solid #b5c8ba;padding:10px 11px}
.module-form-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 0 0}
.module-form-foot span{font:600 9px/1.6 "IBM Plex Mono",Consolas,monospace;color:#718577;letter-spacing:.25px;flex:1}
.module-form-foot .ghost{width:auto;min-width:153px;margin:0;padding:10px 13px;border-radius:4px}
.module-lab #moduleStatus{margin:10px 0 0}
.module-result{border:1px solid #aabaae;background:#e8ece3;border-radius:5px;overflow:hidden;margin-top:16px}
.module-result-head{background:#223a34;color:#e6f0e2;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.module-result-head strong{font-size:13px;font-weight:700}
.module-result-head span{font:600 9px Consolas,monospace;color:#c9d9b4;white-space:nowrap}
.module-viewports{display:flex;align-items:center;gap:7px;background:#dce6dc;border-bottom:1px solid #bdcbbf;padding:8px 11px}
.module-viewports button{border:1px solid #99b0a2;color:#486050;padding:7px 10px;background:transparent;font:600 10px Consolas,monospace;border-radius:3px}
.module-viewports .device-active{background:#284a3b;color:#e4ffc2;border-color:#284a3b}
.module-viewports button:last-child{margin-left:auto}
.module-preview{display:flex;justify-content:center;align-items:stretch;padding:10px;background:repeating-linear-gradient(90deg,#d5ded6 0,#d5ded6 1px,#e5eae4 1px,#e5eae4 16px)}
.module-preview iframe{width:100%;height:500px;border:1px solid #657d70;background:#fff}
.module-preview.phone-preview iframe{width:390px;max-width:100%;height:585px}
.module-files{margin:11px 12px 0;border:1px solid #c7d5c8;border-radius:3px;background:#fcfdf9}
.module-files summary{font:700 10px Consolas,monospace;color:#486556;cursor:pointer;padding:11px}
.module-files pre{max-height:350px;overflow:auto;background:#19302b;color:#d9ebd0;font:11px/1.55 Consolas,monospace;padding:12px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.module-actions{display:flex;gap:9px;flex-wrap:wrap;padding:11px 12px 0}
.module-actions button{margin:0;font-size:11px}
.module-actions .primary{border-radius:4px;background:#274a3a;color:#edffdc}
.module-actions .subtle{border-radius:4px}
.module-result #moduleReviewStatus{padding:0 12px;margin:10px 0}
.module-result #modulePrLink{display:inline-block;margin-bottom:12px}
.module-result #modulePrLink[hidden]{display:none!important}
.module-result #moduleCopyFallback{display:block;margin:0 12px 12px;width:calc(100% - 24px);min-height:140px;background:#fff;font:11px/1.5 Consolas,monospace;color:#263a2d}
.module-result #moduleCopyFallback[hidden]{display:none!important}
.module-saved{margin-top:15px;border-top:1px solid #cbd9cd;padding-top:11px}
.module-saved-list{display:grid;gap:5px}
.module-saved-list .small-help{margin:6px 0}
@media(max-width:650px){.module-lab{padding:16px}.module-result-head{flex-direction:column;align-items:start}.module-form-foot span{flex-basis:100%}.module-form-foot .ghost{width:100%}.module-preview iframe{height:360px}.module-preview.phone-preview iframe{height:425px}}


/* Visual editor: a real selectable browser, deliberately compact. */
.code-live-preview{border:1px solid #b5c9c5;border-radius:12px;overflow:hidden;background:#edf4f0;margin:13px 0 15px}
.picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#eff6f3;padding:10px 12px;border-bottom:1px solid #d0dfd7}
.picker-target{min-width:0;display:flex;align-items:center;gap:8px;color:#254d53;font-size:11px;font-weight:650}
.picker-target span:last-child{overflow:hidden;text-overflow:ellipsis}
.picker-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#44b5a6;box-shadow:0 0 0 3px #44b5a61a}
.picker-controls,.picker-revision{display:flex;gap:6px;align-items:center;flex:none}
.picker-controls button,.picker-revision button{padding:7px 9px;min-height:29px;border:1px solid #baccc6;border-radius:7px;background:#fff;color:#365a58;font:600 10px -apple-system,BlinkMacSystemFont,"Inter",sans-serif}
.picker-controls button[aria-pressed=true]{background:#227e85;color:#fff;border-color:#227e85}
.picker-controls button:disabled,.picker-revision button:disabled{opacity:.4;cursor:default}
.code-live-preview .code-device{border-radius:0;border-bottom:1px solid #cfdfd2;margin:0}
.code-live-preview .code-preview-stage{padding:10px;min-height:335px;border:0}
.code-live-preview .code-preview-stage iframe{height:415px;border-radius:5px}
.code-live-preview .code-preview-stage.phone-preview iframe{height:550px}
.code-live-preview .code-preview-stage.picker-active iframe{cursor:crosshair}
.picker-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;background:#f1f6f2;border-top:1px solid #d6e1d9;color:#627f74;font:500 10px/1.5 -apple-system,BlinkMacSystemFont,"Inter",sans-serif}
.picker-revision span{white-space:nowrap;font:600 10px "IBM Plex Mono",Consolas,monospace;color:#577166}
.code-result{margin-top:9px}
.code-lab .code-form{margin-top:13px}
@media(max-width:780px){.picker-bottom{align-items:start;flex-direction:column}.picker-revision{width:100%;justify-content:flex-end}.picker-toolbar{flex-wrap:wrap}.picker-controls{margin-left:auto}}
@media(max-width:490px){.picker-controls{margin-left:0}.code-live-preview .code-preview-stage iframe{height:355px}.code-live-preview .code-preview-stage.phone-preview iframe{height:440px}.picker-revision button{padding:7px}}


/* Real raster asset shelf: compact, touch-friendly controls; no duplicate preview UI. */
.asset-panel{background:#f7f9f5;border-color:#c4d3cf}
.asset-panel h2{font-size:20px;letter-spacing:-.55px}
.asset-symbol{display:grid;place-items:center;height:33px;width:33px;border:1px solid #a5bdb7;border-radius:9px;background:#e5f1ed;color:#3d746a;font-size:22px}
.asset-form{margin-top:13px;display:grid;gap:8px}
.asset-form>label{display:block;font-size:11px;font-weight:650;color:#355d57}
.asset-form select,.asset-form input[type=file]{width:100%;min-height:40px;padding:9px 11px;color:#24483f;background:#fff;border:1px solid #bbcfc7;border-radius:9px;font-size:12px}
.asset-form input[type=file]::file-selector-button{padding:7px 9px;border:0;border-radius:7px;margin-right:12px;background:#e6f0ec;color:#365e55;font-weight:650;cursor:pointer}
.asset-hint{font-weight:400;color:#7b9388;margin-left:7px}
.asset-form .asset-actions{margin:5px 0 0}
.asset-form .asset-actions button,.asset-review .asset-actions button{border-radius:9px;font-size:11px;margin:0}
.asset-stage{margin-top:10px;padding:10px;border-radius:13px;background:#e9f2f0}
.asset-stage .device-switch{display:flex;align-items:center;gap:6px;width:100%}
.asset-stage #assetPreviewLabel{margin-left:auto;color:#618275;font-size:10px;line-height:1.5}
.asset-stage iframe{border-radius:7px;min-height:340px}
.asset-review{border:1px solid #c3d5c9;border-radius:12px;background:#edf7ed;margin-top:13px;padding:12px}
.asset-review strong{display:block;color:#285143;font-size:12px}
.asset-review .asset-actions{margin:11px 0}
.asset-review #assetPrLink{display:inline-block;margin:4px 0 7px;font-size:11px;color:#247154}
.asset-review #assetPrLink[hidden]{display:none!important}
.asset-review #assetCopyFallback{display:block;width:100%;min-height:135px;padding:10px;border:1px solid #c4d6ca;border-radius:8px;color:#27453e;font:11px/1.5 Consolas,monospace}
.asset-review #assetCopyFallback[hidden]{display:none!important}
.asset-saved{margin-top:17px;border-top:1px solid #cadad1;padding-top:12px}
.asset-saved .code-saved-row{cursor:pointer}
.asset-saved .small-help{margin:8px 0}
@media(max-width:650px){.asset-stage iframe{height:320px}.asset-form .asset-actions button,.asset-review .asset-actions button{flex:1 1 auto}.asset-hint{display:block;margin:3px 0 0}.asset-stage .device-switch{flex-wrap:wrap}.asset-stage #assetPreviewLabel{width:100%;margin-left:0}}

/* Private, read-only deployment check. No visual changes to the public website. */
.studio-health{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin:0 0 16px;padding:14px 18px;border:1px solid #dae8e8;border-radius:12px;background:rgba(255,255,255,.78)}
.studio-health strong{font-size:12px;color:#345a60;font-weight:650}
.studio-health p{margin:6px 0 0;font-size:11px;color:#6d858d;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.studio-health-actions{display:flex;flex-wrap:wrap;gap:8px}
.studio-health .subtle{padding:9px 11px}
.studio-health .subtle:disabled{opacity:.48;cursor:not-allowed}
.connection-needs-setup{color:#966c2d}
@media(max-width:600px){.studio-health{align-items:stretch}.studio-health-actions{width:100%}.studio-health-actions button{flex:1}}

/* Post-publication receipt — original, restrained iOS-like sheet. Does not change homepage. */
.publish-receipt-backdrop{position:fixed;inset:0;z-index:94;background:rgba(16,39,64,.42);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}
.publish-receipt{position:fixed;z-index:95;top:50%;left:50%;transform:translate(-50%,-50%);width:min(490px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow-y:auto;background:linear-gradient(160deg,rgba(247,252,255,.98),rgba(237,248,255,.98) 57%,rgba(255,255,255,.99));border:1px solid rgba(255,255,255,.94);border-radius:31px;box-shadow:0 30px 100px rgba(11,50,87,.28),inset 0 1px 0 #fff;color:#193c5c;padding:21px 25px 17px;text-align:center;outline:none}
.publish-receipt-grip{width:35px;height:5px;border-radius:999px;background:#d1dce6;margin:0 auto 14px}
.publish-receipt-icon{width:60px;height:60px;border-radius:19px;display:grid;place-items:center;margin:1px auto 13px;color:#087ec5;background:linear-gradient(150deg,#e2f6ff,#f6fcff);border:1px solid #d6effe;box-shadow:0 8px 23px #4caae21a}
.publish-receipt-icon svg{width:47px;height:47px}
.publish-receipt-eyebrow{font-size:9px;font-weight:700;color:#4582a8;letter-spacing:.14em}
.publish-receipt h2{font-size:clamp(25px,4vw,31px);font-weight:650;letter-spacing:-.055em;line-height:1.16;margin:8px 0}
.publish-receipt-head>p{max-width:330px;font-size:12px;line-height:1.6;color:#728b9f;margin:0 auto 19px}
.publish-receipt-body{background:rgba(255,255,255,.76);border:1px solid #dcebf5;border-radius:21px;padding:17px;text-align:left;box-shadow:0 5px 20px #1d6ea508}
.publish-receipt-field{color:#718ea9;font-size:11px;font-weight:650;margin:0 0 12px}
.publish-receipt-compare{display:grid;gap:9px}
.publish-receipt-compare>div:not(.publish-receipt-arrow){padding:9px 13px;background:#f5f8fb;border-radius:12px;min-width:0}
.publish-receipt-compare .publish-receipt-after{background:linear-gradient(120deg,#e9f6ff,#f1fbff)!important;border:1px solid #cceaff}
.publish-receipt-compare span{display:block;font-size:9px;font-weight:700;letter-spacing:.1em;color:#85a0b4;margin-bottom:5px}
.publish-receipt-compare p{font-size:14px;line-height:1.45;color:#3d5872;font-weight:520;overflow-wrap:anywhere;margin:0}
.publish-receipt-compare .publish-receipt-after p{font-size:15px;color:#12527f;font-weight:700}
.publish-receipt-arrow{text-align:center;font-size:17px;line-height:1;color:#75a3c4}
.publish-receipt-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:15px;font-size:10px;color:#5c7a91;font-variant-numeric:tabular-nums}
.publish-receipt-check{font-size:11px;color:#4b7991;line-height:1.5;margin:12px 0 0}
.publish-receipt-actions{margin-top:15px;display:grid;gap:8px}
.publish-receipt-visit,.publish-receipt-done{min-height:44px;border-radius:14px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:650;text-decoration:none}
.publish-receipt-visit{color:#fff!important;background:linear-gradient(120deg,#188be0,#176ac6);border:1px solid #227dcc;box-shadow:0 5px 15px #1f7dc02a}
.publish-receipt-visit:hover{background:linear-gradient(120deg,#2379c7,#1554af)}
.publish-receipt-done{background:#fff;border:1px solid #d5e7f4;color:#2e6a97}
.publish-receipt-foot{font-size:10px;color:#7794a8;margin:14px 0 0}
.publish-inline-error{background:#fff2ef;border:1px solid #efb5a6;color:#93382a!important;border-radius:10px;padding:12px;font-size:12px;line-height:1.6}
@media(max-width:520px){.publish-receipt{width:calc(100vw - 22px);border-radius:25px;padding:15px 17px}.publish-receipt-body{padding:14px}.publish-receipt-icon{width:51px;height:51px;margin-bottom:8px}.publish-receipt-head>p{margin-bottom:12px}}
@media(prefers-reduced-motion:no-preference){.publish-receipt:not([hidden]){animation:receipt-appear .25s cubic-bezier(.2,.8,.2,1) both}@keyframes receipt-appear{from{opacity:.3;transform:translate(-50%,-47%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}}

/* Asset Composer: private natural-language placement proposals, matching the Studio's calm palette. */
.asset-ai-form{display:grid;gap:11px;margin:18px 0 14px;padding:21px;border-radius:17px;background:linear-gradient(150deg,#f2f8f7,#eef5f9);border:1px solid #c7dadb;box-shadow:inset 0 1px #fff}
.asset-ai-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.asset-ai-heading h3{font-size:19px;font-weight:610;letter-spacing:-.045em;color:#254b57;margin:7px 0 0}
.asset-ai-sigil{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e2f1ec;color:#448980;font-size:24px}
.asset-ai-form>p{font-size:12px;line-height:1.6;color:#6b8387;margin:1px 0 5px}
.asset-ai-form>label{font-size:11px;font-weight:700;color:#42685e}
.asset-ai-form textarea{resize:vertical;min-height:94px;background:#fff;border-color:#c7dbd9;line-height:1.5;font-size:13px}
.asset-ai-form .ghost{margin:2px 0 0}
.asset-ai-form .ghost:disabled{opacity:.5;cursor:not-allowed}
.asset-ai-examples{display:flex;gap:7px;flex-wrap:wrap}
.asset-ai-examples button{padding:8px 10px;border-radius:99px;font-size:10px;font-weight:600;color:#456a73;background:#fff;border:1px solid #d5e3e3}
.asset-ai-examples button:hover{background:#e0f2ed}
.asset-ai-form #assetAiStatus{font-size:11px;margin:0;line-height:1.6;overflow-wrap:anywhere}
.asset-ai-proposal{margin-top:5px;padding:15px;background:#fff;border:1px solid #c7e2dc;border-radius:13px}
.asset-ai-proposal-title{display:flex;align-items:center;gap:8px}
.asset-ai-proposal-title strong{font-size:13px;color:#255e57;font-weight:700;flex:1}
.asset-ai-proposal-title>span:last-child{font-size:9px;font-weight:750;letter-spacing:.08em;color:#64928b}
.asset-ai-dot{width:8px;height:8px;border-radius:50%;background:#72bba7;box-shadow:0 0 0 3px #e6f6ef}
.asset-ai-proposal p{font-size:11px;color:#658380;line-height:1.55;margin:9px 0}
.asset-ai-proposal .subtle{padding:10px 13px;font-size:11px}
.asset-ai-proposal .small-help{font-size:10px;overflow-wrap:anywhere}
@media(max-width:560px){.asset-ai-form{padding:15px}.asset-ai-heading h3{font-size:18px}.asset-ai-examples button{flex:1 1 auto}}

/* Preview validation & review-only handoff for user-directed AI image placement. */
.asset-render-check{margin:10px 0!important;padding:10px 12px;border-radius:10px;border:1px solid #c8dfed;background:#f1f9ff;color:#356781!important;font-size:11px!important;line-height:1.5}
.asset-ai-review-actions{display:flex;gap:9px;align-items:stretch;flex-wrap:wrap;margin-top:12px}
.asset-ai-review-actions button{display:flex;justify-content:center;align-items:center;min-height:43px;margin:0;flex:1 1 160px}
.asset-ai-review-actions .primary:disabled{opacity:.55;cursor:not-allowed}
#assetAiReviewLink{display:inline-flex;margin:13px 0 3px;font-size:12px;font-weight:650;color:#1465a0}
#assetAiReviewLink[hidden]{display:none!important}
@media(max-width:520px){.asset-ai-review-actions{flex-direction:column}.asset-ai-review-actions button{flex:1 1 auto}}

/* AI-first Studio / restrained translucent iOS-like editing surface.
   Prompts get visual priority; specialist editors are optional lower sections. */
.maincol{min-width:0}
.maincol>.ai-command-center{
 position:relative;isolation:isolate;overflow:hidden;
 min-height:0;margin:0 0 18px;padding:clamp(21px,2.5vw,37px);
 border:1px solid rgba(171,206,205,.88);border-radius:27px;
 background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(244,250,249,.95) 64%,rgba(227,242,241,.96));
 box-shadow:0 16px 55px rgba(25,70,70,.075),inset 0 1px rgba(255,255,255,.9)
}
.ai-command-center::before{content:"";position:absolute;right:-72px;top:-100px;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,#d2f1e788,transparent 70%);z-index:-1;pointer-events:none}
.ai-hero-top,.ai-hero-head,.ai-tool-settings,.ai-visual-head,.ai-work-top{display:flex;justify-content:space-between;gap:14px;align-items:center}
.ai-hero-top{justify-content:flex-start}
.ai-sigil{display:grid;place-items:center;flex:none;background:#164d46;color:#def7e4;border-radius:11px;width:31px;height:31px;font-size:21px}
.ai-hero-label{color:#517b72;font-size:10px;letter-spacing:.12em;font-weight:750}
.ai-private-pill{margin-left:auto;white-space:nowrap;font-size:9px;letter-spacing:.1em;font-weight:730;color:#67978e;border:1px solid #d5e8e2;background:#f3faf6;border-radius:999px;padding:7px 10px}
.ai-hero-head{align-items:flex-end;margin:16px 0 19px}
.ai-hero-head h2{font-size:clamp(26px,3vw,35px);line-height:1.1;letter-spacing:-.055em;font-weight:650;color:#143f3c;margin:0 0 9px}
.ai-command-center .ai-hero-head p{font-size:13px;line-height:1.55;color:#69827f;max-width:610px;margin:0}
.ai-orbit{font-size:36px;color:#a3d7c7;flex:none}
.ai-main-form{border:1px solid #d4e5e2;border-radius:19px;padding:17px;background:rgba(255,255,255,.86);box-shadow:0 7px 27px #124f4410}
.ai-input-label{display:block;font-size:10px;letter-spacing:.10em;font-weight:770;color:#47766e;margin:0 0 9px}
.ai-main-form #aiInput{background:#fbfefd;border:1px solid #c9dfd9;border-radius:14px;min-height:130px;resize:vertical;font-size:15px;line-height:1.6;padding:15px;color:#173f39}
.ai-main-form #aiInput:focus{outline:2px solid #73b8a3;outline-offset:1px}
.ai-examples{display:flex;flex-wrap:wrap;gap:8px;margin:11px 0 18px}
.ai-examples button{font-size:11px;font-weight:590;background:#edf5f2;color:#456961;border:1px solid #d8e6e0;border-radius:999px;padding:8px 11px;min-height:33px}
.ai-examples button:hover{background:#d9f1e6;color:#225b4f}
.ai-tool-settings{align-items:flex-start;gap:12px}
.ai-tool-settings>div{flex:1;min-width:0}
.ai-tool-settings select{width:100%;min-height:43px;padding:10px;border-radius:11px;border:1px solid #d5e3df;background:#f9fcfa;color:#28534e;font-size:12px}
.ai-command-center .model-label{font-size:11px;display:block;margin:0 0 7px;color:#355e59}
.ai-command-center .model-help{display:block;margin-top:3px;font-size:10px;color:#91a39f}
.ai-command-center .model-info{min-height:0;margin:10px 0;font-size:10px;color:#758e87}
.ai-image-source{border-top:1px solid #e5eeeb;margin:11px 0 0;padding:11px 0 0}
.ai-image-source label{font-size:11px;font-weight:700;color:#3a6960}
.ai-image-source label span{font-weight:400;color:#8da39f}
.ai-image-source input{padding:8px;font-size:11px;background:transparent;border-color:#e1ece6;border-radius:10px;margin-top:6px}
.ai-command-center .ai-image-source p{font-size:10px;line-height:1.55;color:#8ba39c;max-width:none;margin:7px 0 0}
.ai-generate{width:100%;margin-top:15px;min-height:48px;border-radius:13px;font-size:13px;font-weight:730;background:#12483f;border-color:#12483f;box-shadow:0 5px 15px rgba(11,81,65,.15)}
.ai-generate:hover{background:#226455}
.ai-generate:disabled{opacity:.6}
.ai-operation{margin-top:12px;font-size:11px;line-height:1.5;color:#66827b;padding-left:3px}
.ai-work-result{margin-top:19px;border:1px solid #c8e2db;border-radius:20px;padding:17px;background:#fcfffe;box-shadow:0 7px 23px #155c4b0b}
.ai-work-top{justify-content:flex-start;gap:9px;flex-wrap:wrap}
.ai-work-top strong{font-size:14px;font-weight:680;color:#255b50;flex:1;min-width:140px}
.ai-work-dot{width:9px;height:9px;border-radius:50%;background:#64baa2;box-shadow:0 0 0 4px #e5f6ed}
.ai-work-top>span:last-child{font-size:9px;letter-spacing:.075em;font-weight:770;color:#61948a}
.ai-command-center .ai-work-result>p{font-size:12px;color:#657f79;line-height:1.7;max-width:none;margin:12px 0}
.ai-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:15px}
.ai-metrics>div{min-width:0;background:#f2f8f5;border:1px solid #e0ede5;border-radius:12px;padding:11px}
.ai-metrics small{display:block;color:#7b9b91;font-size:10px;margin-bottom:6px}
.ai-metrics strong{display:block;font-size:12px;font-weight:650;color:#275b4f;overflow-wrap:anywhere}
.ai-visual-result{margin-top:17px;border-top:1px solid #deebe6;padding-top:15px}
.ai-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ai-compare>div{min-width:0;background:#eff7f4;border-radius:13px;padding:9px;border:1px solid #e0ece8}
.ai-compare span{display:block;color:#547b6f;font-size:9px;letter-spacing:.08em;font-weight:750;margin:0 0 8px}
.ai-compare img{display:block;max-width:100%;width:100%;height:195px;object-fit:contain;background:#d3e9f3;border-radius:8px}
.ai-visual-head{margin:17px 1px 9px;flex-wrap:wrap}
.ai-visual-head strong{font-size:12px;color:#2e635a}
.ai-visual-head span{font-size:10px;color:#799a91}
.ai-site-stage{border:1px solid #d6e8df;background:#e6f0ef;border-radius:15px;padding:7px;overflow:hidden}
.ai-site-stage iframe{display:block;width:100%;height:420px;background:#fff;border:0;border-radius:9px}
.ai-generated-actions{display:flex;gap:9px;margin-top:11px;flex-wrap:wrap}
.ai-generated-actions button{font-size:12px;font-weight:650;flex:1;min-height:41px}
.ai-handoff{font-size:11px!important;color:#7c9790!important;border-top:1px solid #e4eee7;padding-top:11px;margin:15px 0 0!important}
.columns{grid-template-columns:1fr}
.columns>.editor{min-height:0;padding:20px 23px}
.columns>.editor .section-head h2{font-size:19px}
.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.stats .stat{padding:12px 15px;border-radius:12px}
.stats .stat>span{margin-bottom:6px}
.intro{margin-bottom:18px}
.intro h1{font-size:clamp(23px,2.6vw,32px);letter-spacing:-.045em;margin:6px 0}
.intro p{font-size:12px}
@media(max-width:700px){
 .workspace{padding:24px 13px}
 .ai-command-center.maincol{} 
 .maincol>.ai-command-center{padding:17px;border-radius:20px;margin-bottom:13px}
 .ai-hero-head h2{font-size:28px}
 .ai-orbit{font-size:27px}
 .ai-main-form{padding:11px;border-radius:15px}
 .ai-main-form #aiInput{font-size:14px;min-height:120px}
 .ai-tool-settings{flex-direction:column;gap:10px}
 .ai-tool-settings>div{width:100%}
 .ai-metrics{grid-template-columns:1fr 1fr}
 .ai-compare img{height:130px}
 .ai-site-stage iframe{height:350px}
 .ai-private-pill{font-size:8px}
 .intro{margin-bottom:14px}
 .intro p{font-size:11px}
 .columns>.editor{padding:17px}
}

/* Advanced tools stay available on demand, without competing with the AI prompt. */
.advanced-editors{margin:12px 0;border:1px solid #e0e9e6;border-radius:16px;background:#f7faf9;overflow:hidden}
.advanced-editors>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:15px 18px;color:#456c65;font-size:13px;font-weight:670;list-style:none}
.advanced-editors>summary::-webkit-details-marker{display:none}
.advanced-editors>summary::before{content:"+";font-size:17px;font-weight:400;color:#74a497}
.advanced-editors[open]>summary::before{content:"−"}
.advanced-editors>summary span{flex:1}
.advanced-editors>summary small{font-size:10px;color:#8ba59c;font-weight:450}
.advanced-editors[open]>summary{border-bottom:1px solid #e1eae5;background:#edf5f1}
.advanced-editors .columns{padding:12px}
.advanced-editors .panel{margin:10px 12px;box-shadow:none}
.advanced-editors .code-lab{margin-top:12px}
.advanced-editors .usage-panel{margin-bottom:13px}
@media(max-width:700px){.advanced-editors>summary{padding:14px 12px;font-size:12px}.advanced-editors>summary small{font-size:9px}.advanced-editors .panel{margin:9px 5px}}