/* Visual Studio V2.2 — screenshot blueprint and 20-theme concept workflow */
.draft-page-head{align-items:center}.draft-page-head .action-row{flex-wrap:wrap}.draft-page-head p{max-width:900px}.draft-flow-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(420px,1fr);gap:26px;margin-bottom:22px;padding:32px;border-radius:24px;background:linear-gradient(135deg,#123522,#1f6842 62%,#bb8f46);color:#fff;box-shadow:0 22px 55px rgba(21,60,38,.2)}.draft-flow-copy h2{max-width:700px;margin:8px 0 12px;font-size:32px;line-height:1.25}.draft-flow-copy p{max-width:760px;margin:0;color:#dcece2;line-height:1.8}.draft-kicker{display:inline-flex;padding:6px 10px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:11px;font-weight:850;letter-spacing:.12em}.draft-flow-steps{display:grid;gap:9px;margin:0;padding:0;list-style:none}.draft-flow-steps li{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:13px 15px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(255,255,255,.09);backdrop-filter:blur(6px)}.draft-flow-steps b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#17402a;font-size:15px}.draft-flow-steps span,.draft-flow-steps strong{display:block}.draft-flow-steps strong{font-size:12px}.draft-flow-steps span{color:#e0eee5;font-size:10px;line-height:1.45}.draft-connection-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;padding:15px 18px;border:1px solid #dbd4c4;border-radius:15px;background:#fff}.draft-connection-strip>div{display:flex;align-items:center;gap:12px}.draft-status-dot{width:12px;height:12px;border-radius:50%;background:#bd8d37;box-shadow:0 0 0 5px #f6ecd7}.draft-connection-strip.is-ready .draft-status-dot{background:#2e8b57;box-shadow:0 0 0 5px #dff1e6}.draft-connection-strip strong,.draft-connection-strip small{display:block}.draft-connection-strip small{margin-top:3px;color:var(--muted)}
.draft-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.draft-project-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.draft-card-visual{position:relative;display:grid;grid-template-columns:repeat(3,1fr);height:190px;overflow:hidden;background:#dde6df}.draft-card-visual img{width:100%;height:100%;object-fit:cover;border-right:2px solid #fff}.draft-card-visual img:last-of-type{border-right:0}.draft-card-visual>span{position:absolute;right:12px;bottom:12px;padding:6px 9px;border-radius:999px;background:rgba(13,35,22,.88);color:#fff;font-size:10px;font-weight:800}.draft-card-empty{grid-column:1/-1;display:grid;place-items:center;color:#597165;font-size:13px;letter-spacing:.18em}.draft-card-body{padding:18px}.draft-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.draft-card-heading h3{margin:7px 0 0;font-size:18px}.draft-card-heading code{max-width:140px;overflow-wrap:anywhere;color:var(--muted);font-size:9px}.draft-card-body>p{min-height:46px;color:var(--muted);font-size:11px;line-height:1.65}.draft-mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.draft-mini-metrics span{padding:9px;border-radius:9px;background:#f2f4f1;color:var(--muted);font-size:9px}.draft-mini-metrics b{display:block;color:#193d29;font-size:16px}.draft-card-actions{display:flex;gap:8px}.draft-card-actions .button{flex:1}.draft-empty-state{display:flex;min-height:360px;flex-direction:column;align-items:center;justify-content:center;padding:35px;border:1px dashed #b7c3ba;border-radius:22px;background:#f9faf8;text-align:center}.draft-empty-icon{display:grid;place-items:center;width:84px;height:84px;border-radius:24px;background:linear-gradient(145deg,#183f2b,#3c8b61);color:#fff;font-size:30px;font-weight:900;box-shadow:0 18px 35px rgba(25,65,43,.2)}.draft-empty-state h2{margin:22px 0 8px}.draft-empty-state p{max-width:580px;margin:0 0 20px;color:var(--muted);line-height:1.75}
.draft-wizard{display:grid;gap:18px}.draft-wizard-step{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.draft-wizard-step>header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.draft-wizard-step>header>b{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:13px;background:#1d5e3c;color:#fff;font-size:17px}.draft-wizard-step>header h2{margin:0 0 4px;font-size:20px}.draft-wizard-step>header p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.draft-wizard-step>header .draft-theme-counter{margin-left:auto}.draft-form-grid{display:grid;gap:15px}.draft-form-grid.two{grid-template-columns:1fr 1fr}.draft-form-grid .wide{grid-column:1/-1}.draft-form-grid label,.draft-api-panel label,.concept-convert-panel label{display:grid;gap:7px}.draft-form-grid label>span,.draft-api-panel label>span,.concept-convert-panel label>span{font-size:11px;font-weight:800}.draft-form-grid input,.draft-form-grid textarea,.draft-api-panel input,.draft-api-panel select,.concept-convert-panel input,.concept-convert-panel select{width:100%;padding:12px 13px;border:1px solid #cdd5cf;border-radius:10px;background:#fff}.draft-form-grid small,.draft-api-panel small{color:var(--muted);font-size:9px}.draft-upload-zone{display:flex;min-height:220px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;padding:28px;border:2px dashed #9bb5a3;border-radius:18px;background:linear-gradient(180deg,#f7fbf8,#eef5f0);text-align:center;transition:.2s}.draft-upload-zone:hover,.draft-upload-zone.is-dragover{border-color:#266643;background:#e9f6ed;transform:translateY(-1px)}.draft-upload-zone input{position:absolute;width:1px;height:1px;opacity:0}.draft-upload-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#245f3e;color:#fff;font-size:30px}.draft-upload-zone strong{margin-top:15px;font-size:16px}.draft-upload-zone em{margin-top:7px;color:var(--muted);font-size:10px;font-style:normal}.draft-upload-zone output{margin-top:14px;padding:7px 11px;border-radius:999px;background:#fff;color:#274d37;font-size:10px;font-weight:800}.draft-capture-tip{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.draft-capture-tip strong,.draft-capture-tip span{padding:7px 10px;border-radius:999px;background:#f1f3ef;font-size:9px}.draft-capture-tip strong{background:#f1e3c9;color:#76551c}.draft-theme-select-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.draft-theme-choice{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.draft-theme-choice:has(input:checked){border-color:#367954;box-shadow:0 0 0 2px rgba(54,121,84,.12);background:#f4faf6}.draft-theme-choice input{position:absolute;top:7px;right:7px}.draft-theme-swatch{grid-row:1/3;display:grid;grid-template-columns:repeat(3,1fr);width:40px;height:40px;overflow:hidden;border-radius:10px}.draft-theme-swatch i:nth-child(1){background:var(--theme-a)}.draft-theme-swatch i:nth-child(2){background:var(--theme-b)}.draft-theme-swatch i:nth-child(3){background:var(--theme-c)}.draft-theme-choice strong{font-size:11px}.draft-theme-choice small{color:var(--muted);font-size:8px}.draft-theme-counter{display:inline-flex;align-items:baseline;gap:4px;padding:7px 10px;border-radius:999px;background:#e4efe7;color:#24553a;font-size:10px}.draft-theme-counter b{font-size:16px}.draft-theme-counter.is-max{background:#f4e5c9;color:#775214}.draft-wizard-submit{position:sticky;bottom:12px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border:1px solid #b8c5bb;border-radius:16px;background:rgba(255,255,255,.95);box-shadow:0 18px 50px rgba(24,54,36,.18);backdrop-filter:blur(10px)}.draft-wizard-submit strong,.draft-wizard-submit span{display:block}.draft-wizard-submit span{margin-top:4px;color:var(--muted);font-size:10px}.button.large{padding:13px 20px;font-size:13px}
.draft-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;margin:0 0 24px;padding:18px 22px;border:1px solid var(--line);border-radius:17px;background:#fff}.draft-progress>div{display:flex;align-items:center;gap:10px}.draft-progress>div>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e4e9e5;color:#6b746e}.draft-progress>div.current>b{background:#bd8d37;color:#fff}.draft-progress>div.done>b{background:#286e48;color:#fff}.draft-progress span,.draft-progress small{display:block}.draft-progress span{font-size:10px;font-weight:800}.draft-progress small{margin-top:3px;color:var(--muted);font-size:8px;font-weight:500}.draft-progress>i{height:2px;margin:0 13px;background:#dce1dd}.draft-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.draft-detail-layout>main{min-width:0;display:grid;gap:22px}.draft-detail-layout>aside{display:grid;gap:15px;position:sticky;top:92px}.draft-panel{padding:20px}.draft-frame-strip{display:grid;grid-auto-columns:155px;grid-auto-flow:column;gap:8px;overflow-x:auto;padding:3px 2px 12px}.draft-frame-item{position:relative;overflow:hidden;height:122px;border:2px solid transparent;border-radius:11px;background:#edf0ed}.draft-frame-item.is-selected{border-color:#3a8158}.draft-frame-item img{display:block;width:100%;height:100%;object-fit:cover}.draft-frame-item>span{position:absolute;right:5px;bottom:5px;left:5px;display:flex;align-items:center;justify-content:space-between;padding:5px 6px;border-radius:6px;background:rgba(19,39,27,.82);color:#fff;font-size:7px}.draft-frame-item b{padding:2px 4px;border-radius:4px;background:#87d3a5;color:#153522;font-size:6px}.draft-inline-details{margin-top:10px}.draft-inline-details summary,.draft-side-panel summary{cursor:pointer;color:#285a3c;font-size:10px;font-weight:800}.draft-analysis-choice{display:grid;grid-template-columns:1fr 1fr;gap:16px}.draft-analysis-card{position:relative;padding:23px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--shadow)}.draft-analysis-card.recommended{border-color:#6fa283;background:linear-gradient(180deg,#f7fcf8,#fff)}.draft-method-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#dceee2;color:#1f6240;font-size:8px;font-weight:900}.draft-method-badge.neutral{background:#eee9de;color:#6a5734}.draft-analysis-card h3{margin:14px 0 8px;font-size:20px}.draft-analysis-card>p,.draft-analysis-card>ol{color:var(--muted);font-size:11px;line-height:1.75}.draft-analysis-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}.draft-analysis-card dl>div{padding:9px;border-radius:9px;background:#eef4ef}.draft-analysis-card dt{color:var(--muted);font-size:8px}.draft-analysis-card dd{margin:4px 0 0;font-size:9px;font-weight:800}.draft-analysis-card .button.large{width:100%}.draft-blueprint-upload{display:grid;gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.draft-blueprint-upload label{display:grid;gap:6px;font-size:9px;font-weight:800}.draft-blueprint-summary{padding:24px}.draft-blueprint-head{display:flex;justify-content:space-between;gap:20px}.draft-blueprint-head h2{margin:9px 0 5px}.draft-blueprint-head p{max-width:760px;margin:0;color:var(--muted);line-height:1.7}.draft-brand-facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:21px 0}.draft-brand-facts>div{padding:11px;border-radius:10px;background:#f2f5f2}.draft-brand-facts small,.draft-brand-facts strong{display:block}.draft-brand-facts small{color:var(--muted);font-size:8px}.draft-brand-facts strong{margin-top:4px;font-size:10px;line-height:1.45}.draft-blueprint-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.draft-blueprint-sections article{padding:13px;border:1px solid var(--line);border-radius:12px}.draft-blueprint-sections header{display:flex;align-items:center;gap:9px}.draft-blueprint-sections header>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#255f3e;color:#fff;font-size:10px;font-weight:900}.draft-blueprint-sections header strong,.draft-blueprint-sections header small{display:block}.draft-blueprint-sections header small{color:var(--muted);font-size:8px}.draft-blueprint-sections ol{display:grid;gap:5px;margin:11px 0 0;padding:0;list-style:none}.draft-blueprint-sections li{display:grid;grid-template-columns:90px 1fr;gap:7px;align-items:center;font-size:9px}.draft-blueprint-sections code{padding:4px 6px;border-radius:5px;background:#edf1ed;color:#2a593c}.draft-review-needed{margin-top:15px;padding:12px;border-radius:11px;background:#fff3dc}.draft-review-needed summary{cursor:pointer;color:#795719;font-weight:800}.draft-review-needed p{font-size:10px;line-height:1.6}.draft-side-panel{padding:17px}.draft-side-panel h2{margin-top:0;font-size:16px}.draft-side-panel>p{color:var(--muted);font-size:10px;line-height:1.6}.draft-side-panel dl{display:grid;gap:8px;margin:0}.draft-side-panel dl>div{padding:9px;border-radius:8px;background:#f4f6f4}.draft-side-panel dt{color:var(--muted);font-size:8px}.draft-side-panel dd{margin:3px 0 0;overflow-wrap:anywhere;font-size:9px;font-weight:700}.draft-compact-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:10px 0}.draft-compact-theme-grid label{display:flex;align-items:center;gap:5px;padding:5px;border-radius:6px;background:#f4f6f4;font-size:8px}.draft-theme-counter.compact{margin-bottom:9px}.button.block{display:flex;width:100%;margin-bottom:10px}
.draft-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;align-items:start}.draft-api-panel{padding:25px}.draft-api-status{display:flex;align-items:center;gap:12px;margin-bottom:21px;padding:14px;border-radius:12px;background:#f7edda}.draft-api-status>span{width:13px;height:13px;border-radius:50%;background:#bd8530;box-shadow:0 0 0 5px #f5dfb8}.draft-api-status.is-ready{background:#e9f5ed}.draft-api-status.is-ready>span{background:#2e8655;box-shadow:0 0 0 5px #cee8d7}.draft-api-status strong,.draft-api-status small{display:block}.draft-api-status small{margin-top:3px;color:var(--muted)}.draft-api-actions{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.draft-settings-notes{display:grid;gap:15px}.draft-settings-notes .panel{padding:20px}.draft-settings-notes h2{margin-top:0}.draft-plan-compare{display:grid;gap:8px}.draft-plan-compare>div{padding:12px;border-radius:10px;background:#f2f4f1}.draft-plan-compare strong,.draft-plan-compare span,.draft-plan-compare small{display:block}.draft-plan-compare span{margin-top:4px;font-size:10px}.draft-plan-compare small{margin-top:3px;color:var(--muted);font-size:8px}.clean-list{padding-left:19px;color:#39463e;font-size:10px;line-height:1.8}.muted-small{color:var(--muted);font-size:9px;line-height:1.65}.block-code{display:block;overflow-wrap:anywhere;padding:10px;border-radius:8px;background:#edf0ed;font-size:9px}
.draft-demo-notice{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;margin-bottom:18px;padding:19px 22px;border:1px solid #d9c49c;border-radius:17px;background:#fff8e9}.draft-demo-notice>div{display:flex;gap:13px}.draft-demo-notice>div>span{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:13px;background:#bb812a;color:#fff;font-size:12px;font-weight:900}.draft-demo-notice strong{display:block}.draft-demo-notice p{max-width:800px;margin:5px 0 0;color:#6f624d;font-size:10px;line-height:1.65}.draft-demo-notice dl{display:flex;gap:7px;margin:0}.draft-demo-notice dl>div{min-width:95px;padding:9px;border-radius:9px;background:#fff}.draft-demo-notice dt{color:var(--muted);font-size:7px}.draft-demo-notice dd{margin:4px 0 0;font-size:9px;font-weight:800}.draft-demo-toolbar{position:sticky;top:80px;z-index:9;display:grid;grid-template-columns:1fr 230px auto;gap:12px;align-items:end;margin-bottom:18px;padding:13px;border:1px solid #cbd4cd;border-radius:13px;background:rgba(255,255,255,.96);box-shadow:0 10px 26px rgba(28,50,36,.1);backdrop-filter:blur(8px)}.draft-demo-toolbar label{display:grid;gap:5px}.draft-demo-toolbar label>span{font-size:8px;font-weight:800}.draft-demo-toolbar input,.draft-demo-toolbar select{padding:9px 10px;border:1px solid #cbd3cd;border-radius:8px}.draft-demo-toolbar>div{padding:8px 12px;border-left:1px solid var(--line)}.draft-demo-toolbar strong{font-size:18px}.draft-demo-toolbar span{color:var(--muted);font-size:9px}.draft-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.draft-demo-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.draft-demo-card[hidden]{display:none}.draft-demo-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px}.draft-demo-card>header>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 9px}.draft-demo-number{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#183d29;color:#fff;font-size:11px;font-weight:900}.draft-demo-card h2{margin:0;font-size:17px}.draft-demo-card header small{color:var(--muted);font-size:8px}.draft-render-badge{padding:5px 7px;border-radius:999px;background:#f1e5cf;color:#72511a;font-size:7px;font-weight:900}.draft-render-badge.native-ready{background:#dceee2;color:#1e6040}.draft-demo-frame{position:relative;height:440px;overflow:hidden;border-block:1px solid var(--line);background:#eef1ee}.draft-demo-frame iframe{display:block;width:1440px;height:1760px;border:0;transform:scale(.275);transform-origin:top left;pointer-events:none}.draft-demo-frame>a{position:absolute;right:9px;bottom:9px;padding:7px 9px;border-radius:8px;background:rgba(20,48,31,.92);color:#fff;font-size:8px;font-weight:800}.draft-demo-card-body{padding:14px}.draft-demo-card-body>strong{display:block;font-size:11px;line-height:1.55}.draft-demo-card-body>p{min-height:31px;margin:6px 0;color:var(--muted);font-size:9px;line-height:1.55}.draft-demo-card-body>small{display:block;margin-top:8px;color:#286244;font-size:8px}.draft-demo-tags{display:flex;flex-wrap:wrap;gap:4px}.draft-demo-tags span{padding:4px 6px;border-radius:999px;background:#edf1ed;font-size:7px}.draft-demo-card>footer{padding:0 14px 14px}.draft-demo-card>footer .button{width:100%}.draft-no-demo-results{padding:50px;border:1px dashed var(--line);border-radius:16px;text-align:center}
/* Standalone concept storefront */
.concept-demo{margin:0;background:var(--demo-bg);color:var(--demo-text);font-family:var(--demo-body);-webkit-font-smoothing:antialiased}.concept-demo *{box-sizing:border-box}.concept-demo a{color:inherit;text-decoration:none}.concept-demo-toolbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 22px;background:#10251a;color:#fff;box-shadow:0 4px 18px rgba(0,0,0,.2)}.concept-demo-toolbar span,.concept-demo-toolbar strong,.concept-demo-toolbar small{display:block}.concept-demo-toolbar span{color:#8bd0a7;font-size:9px;font-weight:900;letter-spacing:.1em}.concept-demo-toolbar strong{margin-top:2px}.concept-demo-toolbar small{margin-top:2px;color:#bdd2c4;font-size:9px}.concept-demo-toolbar>div:last-child{display:flex;gap:8px}.concept-demo-toolbar a{padding:8px 10px;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:10px}.concept-site{min-height:100vh;background:var(--demo-bg)}.concept-announcement{padding:9px 20px;background:var(--demo-accent);color:var(--demo-bg);text-align:center;font-size:10px;font-weight:800;letter-spacing:.06em}.is-dark-theme .concept-announcement{color:var(--demo-text)}.concept-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;max-width:var(--demo-width);margin:auto;padding:24px 32px;border-bottom:1px solid color-mix(in srgb,var(--demo-text) 13%,transparent)}.concept-logo{font-family:var(--demo-heading);font-size:22px;font-weight:900}.concept-header nav{display:flex;gap:25px;font-size:11px}.concept-header-icons{display:flex;justify-content:flex-end;gap:15px;font-size:10px}.concept-section{max-width:var(--demo-width);margin:auto;padding:var(--demo-space) 34px}.concept-eyebrow{display:block;margin-bottom:13px;color:var(--demo-accent);font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.concept-section h1,.concept-section h2,.concept-section h3{font-family:var(--demo-heading);line-height:1.08}.concept-section h1{margin:0;font-size:calc(56px * var(--demo-scale));letter-spacing:-.035em}.concept-section h2{margin:0;font-size:calc(38px * var(--demo-scale));letter-spacing:-.025em}.concept-section p{font-size:13px;line-height:1.8}.concept-button{display:inline-flex;align-items:center;justify-content:center;margin-top:20px;padding:13px 24px;border:1px solid var(--demo-accent);border-radius:var(--demo-radius);background:var(--demo-accent);color:var(--demo-bg);font-size:11px;font-weight:850}.concept-button.outline{background:transparent;color:var(--demo-text)}.concept-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.75fr);gap:0;max-width:none;padding:0;background:var(--demo-surface)}.concept-hero-media{min-height:650px;overflow:hidden}.concept-hero-media img{display:block;width:100%;height:100%;object-fit:cover}.concept-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:70px clamp(35px,7vw,110px)}.concept-hero-copy p{max-width:600px}.hero-editorial-right .concept-hero,.hero-clean-split .concept-hero{grid-template-columns:1.2fr .8fr}.hero-editorial-right .concept-hero-media{order:2}.hero-editorial-right .concept-hero-copy{order:1}.hero-dark-overlay .concept-hero,.hero-poster .concept-hero,.hero-color-panel .concept-hero{position:relative;display:block;min-height:720px}.hero-dark-overlay .concept-hero-media,.hero-poster .concept-hero-media,.hero-color-panel .concept-hero-media{position:absolute;inset:0}.hero-dark-overlay .concept-hero-media:after,.hero-poster .concept-hero-media:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.08));content:""}.hero-dark-overlay .concept-hero-copy,.hero-poster .concept-hero-copy,.hero-color-panel .concept-hero-copy{position:relative;z-index:2;min-height:720px;max-width:760px;color:#fff}.hero-color-panel .concept-hero-copy{margin-left:auto;background:var(--demo-accent);color:var(--demo-text)}.hero-minimal .concept-hero{display:block;background:var(--demo-bg)}.hero-minimal .concept-hero-media{min-height:760px}.hero-minimal .concept-hero-copy{align-items:center;text-align:center}.hero-gallery .concept-hero{grid-template-columns:.75fr 1.25fr}.hero-modern-grid .concept-hero{margin:20px;border-radius:var(--demo-radius);overflow:hidden}.hero-catalog .concept-hero{grid-template-columns:1fr 1fr;max-width:var(--demo-width);margin:25px auto;border:1px solid color-mix(in srgb,var(--demo-text) 14%,transparent)}.concept-section-head{max-width:760px;margin-bottom:38px}.concept-section-head p{color:color-mix(in srgb,var(--demo-text) 72%,transparent)}.concept-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.concept-card{overflow:hidden;border-radius:var(--demo-radius);background:var(--demo-surface)}.concept-card>img,.concept-placeholder{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.concept-placeholder{display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--demo-accent) 22%,var(--demo-bg)),color-mix(in srgb,var(--demo-accent) 55%,var(--demo-bg)))}.concept-placeholder span{display:grid;place-items:center;width:55px;height:55px;border:1px solid currentColor;border-radius:50%;font-family:var(--demo-heading);font-size:20px}.concept-card>div:last-child{padding:20px}.concept-card h3{margin:0;font-size:18px}.concept-card p{margin:8px 0;color:color-mix(in srgb,var(--demo-text) 68%,transparent);font-size:11px}.concept-card a{font-size:10px;font-weight:850}.concept-center{text-align:center}.concept-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,110px);align-items:center}.concept-story.layout-image-first .concept-story-media{order:1}.concept-story.layout-image-first .concept-story-copy{order:2}.concept-story.layout-split .concept-story-media{order:2}.concept-story-media{overflow:hidden;border-radius:var(--demo-radius)}.concept-story-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.concept-story-copy p{max-width:620px}.concept-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:none;padding-inline:max(34px,calc((100vw - var(--demo-width))/2 + 34px));background:var(--demo-accent);color:var(--demo-bg)}.concept-cta>div{max-width:750px}.concept-cta .concept-button{border-color:var(--demo-bg);background:var(--demo-bg);color:var(--demo-text)}.concept-cta form{display:flex;min-width:340px}.concept-cta input{flex:1;padding:13px;border:0;border-radius:var(--demo-radius) 0 0 var(--demo-radius)}.concept-cta button{padding:13px 20px;border:0;border-radius:0 var(--demo-radius) var(--demo-radius) 0;background:var(--demo-text);color:var(--demo-bg)}.concept-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.concept-faq-list{display:grid}.concept-faq details{padding:17px 0;border-bottom:1px solid color-mix(in srgb,var(--demo-text) 17%,transparent)}.concept-faq summary{cursor:pointer;font-weight:850}.concept-faq details p{font-size:11px}.concept-footer{display:grid;grid-template-columns:1fr auto;gap:40px;padding:70px max(34px,calc((100vw - var(--demo-width))/2 + 34px));background:var(--demo-text);color:var(--demo-bg)}.concept-footer strong{font-family:var(--demo-heading);font-size:24px}.concept-footer p{max-width:540px;font-size:11px;line-height:1.7}.concept-footer nav{display:flex;gap:22px;font-size:10px}.concept-footer small{grid-column:1/-1;padding-top:28px;border-top:1px solid color-mix(in srgb,var(--demo-bg) 20%,transparent);opacity:.65}.concept-convert-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.8fr);gap:36px;padding:38px max(34px,calc((100vw - 1280px)/2 + 34px));background:#f1f3ef;color:#1d2821;border-top:1px solid #ccd4ce}.concept-convert-panel h2{margin:6px 0;font-size:28px}.concept-convert-panel p{color:#627067;line-height:1.7}.concept-convert-panel form{display:grid;gap:10px;padding:18px;border:1px solid #cbd4cd;border-radius:15px;background:#fff}.is-embedded .concept-announcement{font-size:16px}.is-embedded .concept-header{padding:32px 44px}.is-embedded .concept-header nav{font-size:15px}.is-embedded .concept-logo{font-size:30px}.is-embedded .concept-section p{font-size:17px}.is-embedded .concept-eyebrow{font-size:14px}.is-embedded .concept-button{font-size:15px}.is-embedded .concept-card h3{font-size:25px}.is-embedded .concept-card p{font-size:15px}.is-embedded .concept-card a{font-size:14px}.is-embedded .concept-footer{font-size:15px}
@media(max-width:1250px){.draft-project-grid,.draft-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-theme-select-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.draft-flow-hero{grid-template-columns:1fr}.draft-brand-facts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:950px){.draft-detail-layout,.draft-settings-layout{grid-template-columns:1fr}.draft-detail-layout>aside{position:static}.draft-analysis-choice{grid-template-columns:1fr}.draft-theme-select-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.draft-demo-notice{grid-template-columns:1fr}.draft-demo-toolbar{position:static}.concept-header{grid-template-columns:1fr auto}.concept-header nav{display:none}.concept-hero,.hero-editorial-right .concept-hero,.hero-clean-split .concept-hero,.hero-gallery .concept-hero{grid-template-columns:1fr}.concept-hero-media{min-height:480px}.concept-story,.concept-faq,.concept-convert-panel{grid-template-columns:1fr}.concept-cta{align-items:flex-start;flex-direction:column}.concept-cta form{width:100%;min-width:0}}
@media(max-width:700px){.draft-project-grid,.draft-demo-grid,.draft-form-grid.two,.draft-blueprint-sections{grid-template-columns:1fr}.draft-theme-select-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-progress{grid-template-columns:1fr;gap:8px}.draft-progress>i{width:2px;height:16px;margin-left:16px}.draft-wizard-submit{position:static;align-items:stretch;flex-direction:column}.draft-analysis-card dl,.draft-brand-facts{grid-template-columns:1fr 1fr}.draft-demo-toolbar{grid-template-columns:1fr}.draft-demo-toolbar>div{border-left:0}.draft-demo-frame{height:390px}.concept-section{padding:60px 20px}.concept-section h1{font-size:42px}.concept-section h2{font-size:31px}.concept-header{padding:19px 20px}.concept-header-icons{gap:8px}.concept-hero-copy{padding:50px 25px}.concept-hero-media{min-height:410px}.concept-card-grid{grid-template-columns:1fr 1fr}.concept-footer{grid-template-columns:1fr;padding:50px 22px}.concept-footer nav{flex-wrap:wrap}.concept-convert-panel{padding:28px 20px}}