:root{height:100%;min-height:100%;overflow:hidden;color:#17202a;background:#eef1f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden}#root{height:100%;min-height:100%;overflow:hidden}button,input,textarea{font:inherit}button{min-width:0;cursor:pointer}button svg{flex:0 0 auto}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;padding:20px;overflow:hidden}.workspace{display:grid;grid-template-columns:minmax(360px,440px) minmax(0,1fr);gap:20px;height:calc(100vh - 40px);height:calc(100dvh - 40px);min-height:calc(100vh - 40px);min-height:calc(100dvh - 40px)}.control-panel,.preview-panel{background:#ffffffd1;border:1px solid rgba(23,32,42,.1);border-radius:8px;box-shadow:0 18px 48px #1e2a3a1f}.control-panel{contain:layout paint;display:flex;min-width:0;flex-direction:column;gap:18px;min-height:0;overflow-y:auto;padding:20px}.brand-block{display:flex;min-width:0;gap:14px;align-items:flex-start}.brand-mark{display:grid;width:42px;height:42px;place-items:center;color:#fff;background:#2059e8;border-radius:8px;box-shadow:0 10px 22px #2059e847}.eyebrow{margin:0 0 4px;color:#667085;font-size:.75rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{max-width:330px;color:#101828;font-size:2rem;line-height:1.06}h2{max-width:46rem;overflow:hidden;color:#101828;font-size:1.2rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.onboarding-checklist{display:grid;gap:12px;padding:12px;color:#26364f;background:#f3f8ff;border:1px solid #c8defc;border-radius:8px}.onboarding-heading{display:flex;gap:10px;align-items:flex-start;cursor:pointer;list-style:none}.onboarding-heading::-webkit-details-marker{display:none}.onboarding-content{display:grid;gap:12px}.onboarding-heading svg{flex:0 0 auto;margin-top:2px;color:#2059e8}.onboarding-heading h2{max-width:none;color:#101828;font-size:1rem;line-height:1.2;white-space:normal}.workflow-steps{display:grid;gap:8px;margin:0;padding:0;list-style:none}.workflow-steps li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:flex-start}.workflow-step-index{display:grid;width:22px;height:22px;place-items:center;color:#fff;background:#2059e8;border-radius:50%;font-size:.72rem;font-weight:850;line-height:1}.workflow-steps strong,.workflow-steps small{display:block;overflow-wrap:anywhere}.workflow-steps strong{color:#182230;font-size:.84rem;line-height:1.18}.workflow-steps small{margin-top:2px;color:#667085;font-size:.74rem;line-height:1.25}.onboarding-action{justify-self:start;background:#fff}.field-group{display:flex;flex-direction:column;gap:10px}.group-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.editor-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.markdown-import{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;color:#26364f;background:#f8fbff;border:1px dashed #b7c7dc;border-radius:8px}.markdown-import.dragging{background:#eef6ff;border-color:#2059e8;box-shadow:0 0 0 3px #2059e824}.markdown-import.success{background:#effaf4;border-color:#9ed8b5}.markdown-import.error{background:#fff4f2;border-color:#f5b5ae}.markdown-import-icon{display:grid;width:38px;height:38px;place-items:center;color:#2059e8;background:#fff;border:1px solid #d6deea;border-radius:8px}.markdown-import-copy{display:grid;min-width:0;gap:2px}.markdown-import-copy strong,.markdown-import-copy span,.markdown-import-copy small{overflow-wrap:anywhere}.markdown-import-copy strong{color:#182230;font-size:.84rem;line-height:1.18}.markdown-import-copy span{color:#667085;font-size:.76rem;line-height:1.25}.markdown-import-status{display:inline-flex;align-items:center;gap:5px;color:#1f5f3e;font-size:.76rem;font-weight:800;line-height:1.25}.markdown-import.error .markdown-import-status{color:#b42318}.markdown-import-action{background:#fff}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}label,.field-label{color:#233044;font-size:.88rem;font-weight:800}textarea{width:100%;min-height:310px;resize:vertical;padding:14px;color:#182230;background:#fbfcff;border:1px solid #cfd7e4;border-radius:8px;outline:none;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92rem;line-height:1.55}textarea:focus{border-color:#2059e8;box-shadow:0 0 0 3px #2059e824}.ghost-button,.secondary-button,.primary-button,.icon-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:800;line-height:1.15;text-align:center;white-space:normal}.ghost-button{padding:8px 10px;color:#24446d;background:transparent;border:1px solid #cdd8e8}.secondary-button,.primary-button{padding:10px 14px;border:1px solid transparent}.icon-button{width:40px;padding:0;color:#667085;background:#fff;border:1px solid #d6deea}.secondary-button{color:#1f344d;background:#fff;border-color:#cfd7e4}.primary-button{color:#fff;background:#2059e8;border-color:#2059e8}.editor-actions .split-deck-button.primary-button{min-height:40px;padding:8px 10px}.saved-presets-panel{display:grid;gap:10px}.preset-save-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.preset-name-field{display:grid;min-width:0;gap:6px}.preset-name-field span{color:#667085;font-size:.74rem;font-weight:800;line-height:1.1}.preset-name-field input{min-width:0;width:100%;height:42px;padding:9px 11px;color:#182230;background:#fbfcff;border:1px solid #cfd7e4;border-radius:8px;outline:none}.preset-name-field input:focus{border-color:#2059e8;box-shadow:0 0 0 3px #2059e824}.preset-save-button{min-width:88px}.saved-preset-list{display:grid;gap:8px}.empty-preset-list{display:grid;gap:2px;padding:10px;color:#667085;background:#f8fbff;border:1px dashed #cfd7e4;border-radius:8px;line-height:1.25}.empty-preset-list strong{color:#233044;font-size:.82rem}.empty-preset-list span{font-size:.76rem}.saved-preset-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.saved-preset-load{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;min-width:0;min-height:48px;padding:9px 10px;color:#24446d;text-align:left;background:#fff;border:1px solid #d6deea;border-radius:8px}.saved-preset-load>span{display:grid;min-width:0;gap:2px}.saved-preset-load strong,.saved-preset-load small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-preset-load strong{color:#182230;font-size:.84rem;line-height:1.15}.saved-preset-load small{color:#667085;font-size:.74rem;line-height:1.15}.card-config-transfer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;color:#26364f;background:#f8fbff;border:1px solid #d6deea;border-radius:8px}.card-config-transfer.success{background:#effaf4;border-color:#9ed8b5}.card-config-transfer.error{background:#fff4f2;border-color:#f5b5ae}.card-config-transfer-copy{display:grid;min-width:0;gap:2px}.card-config-transfer-copy strong,.card-config-transfer-copy span,.card-config-transfer-copy small{overflow-wrap:anywhere}.card-config-transfer-copy strong{color:#182230;font-size:.84rem;line-height:1.18}.card-config-transfer-copy span{color:#667085;font-size:.76rem;line-height:1.25}.card-config-transfer-status{display:inline-flex;align-items:center;gap:5px;color:#1f5f3e;font-size:.76rem;font-weight:800;line-height:1.25}.card-config-transfer.error .card-config-transfer-status{color:#b42318}.card-config-transfer-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.card-config-transfer-actions .ghost-button{background:#fff}.segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quality-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.appearance-controls{display:grid;gap:12px}.appearance-control-block{display:grid;gap:8px}.mini-label{color:#667085;font-size:.74rem;font-weight:850;line-height:1.1;text-transform:uppercase}.density-control,.typography-control,.typography-voice-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.accent-control{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.background-intensity-control,.corner-radius-control,.composition-control,.texture-control,.mood-control,.shadow-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.template-gallery{display:grid;gap:8px}.recipe-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.style-pack-selector{display:grid;gap:8px}.style-pack-selector .field-hint{margin:0}.style-pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.segmented-control button,.quality-control button,.density-control button,.typography-control button,.typography-voice-control button,.accent-control button,.background-intensity-control button,.corner-radius-control button,.composition-control button,.texture-control button,.mood-control button,.shadow-control button,.style-pack-grid button,.recipe-preset-grid button,.template-gallery button,.theme-option{min-width:0;padding:10px;text-align:left;background:#fff;border:1px solid #d6deea;border-radius:8px}.segmented-control button{display:flex;min-height:72px;flex-direction:column;justify-content:space-between;gap:6px}.quality-control button{display:flex;min-height:66px;flex-direction:column;justify-content:space-between;gap:6px}.density-control button,.typography-control button,.typography-voice-control button,.accent-control button,.background-intensity-control button,.corner-radius-control button,.composition-control button,.texture-control button,.mood-control button,.shadow-control button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px}.template-gallery button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 8px;align-items:start;min-height:74px}.recipe-preset-grid button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 7px;align-items:start;min-height:88px;padding:9px}.style-pack-grid button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 7px;align-items:start;min-height:96px;padding:9px}.segmented-control button span,.quality-control button span,.density-control button span,.typography-control button span,.typography-voice-control button span,.accent-control button span:last-child,.background-intensity-control button span,.corner-radius-control button span,.composition-control button span,.texture-control button span,.mood-control button span,.shadow-control button span,.style-pack-grid button span,.recipe-preset-grid button span,.template-gallery button span,.theme-option span:last-child{overflow-wrap:anywhere;color:#182230;font-size:.84rem;font-weight:800;line-height:1.15}.template-gallery svg,.style-pack-grid svg,.recipe-preset-grid svg{margin-top:1px;color:#2059e8}.segmented-control small{color:#667085;font-size:.74rem}.quality-control small,.field-hint{color:#667085;font-size:.76rem}.field-hint{margin:-2px 0 0;line-height:1.35}.platform-fit-helper{display:grid;gap:3px;margin-top:-2px;padding:10px;color:#26364f;background:#f8fbff;border:1px solid #d6deea;border-radius:8px;line-height:1.3}.platform-fit-helper strong{color:#182230;font-size:.78rem;font-weight:850}.platform-fit-helper span,.platform-fit-helper small{overflow-wrap:anywhere;color:#667085;font-size:.76rem}.markdown-guidance{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:-2px;padding:9px 10px;color:#475467;background:#f8fbff;border:1px solid #d6deea;border-radius:8px;font-size:.78rem;font-weight:750;line-height:1.25}.markdown-guidance.ready{color:#1f5f3e;background:#effaf4;border-color:#b9e4c9}.markdown-guidance.dense{color:#8a4b0f;background:#fff7ed;border-color:#fed7aa}.markdown-guidance.empty{color:#667085}.fit-status{margin-top:-2px;padding:8px 10px;color:#24446d;background:#eef6ff;border:1px solid #c8defc;border-radius:8px;font-size:.78rem;font-weight:750;line-height:1.3}.template-gallery small{grid-column:2;color:#667085;font-size:.76rem;line-height:1.25}.recipe-preset-grid small,.style-pack-grid small{grid-column:2;display:-webkit-box;overflow:hidden;color:#667085;font-size:.7rem;line-height:1.22;-webkit-box-orient:vertical;-webkit-line-clamp:2}.style-pack-grid .style-pack-setup,.recipe-preset-grid .recipe-setup{grid-column:1 / -1;display:inline-flex;min-width:0;align-items:center;gap:6px;margin-top:2px;padding-top:6px;overflow:hidden;color:#475467;border-top:1px solid #eef2f7;font-size:.68rem;font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.style-pack-grid .recipe-accent-dot,.recipe-preset-grid .recipe-accent-dot{flex:0 0 auto;width:9px;height:9px;border:1px solid rgba(23,32,42,.18);border-radius:50%}.segmented-control button.active,.quality-control button.active,.density-control button.active,.typography-control button.active,.typography-voice-control button.active,.accent-control button.active,.background-intensity-control button.active,.corner-radius-control button.active,.composition-control button.active,.texture-control button.active,.mood-control button.active,.shadow-control button.active,.style-pack-grid button.active,.recipe-preset-grid button.active,.template-gallery button.active,.theme-option.active{border-color:#2059e8;box-shadow:0 0 0 3px #2059e824}.accent-swatch{flex:0 0 auto;width:16px;height:16px;border:1px solid rgba(23,32,42,.18);border-radius:50%}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.theme-option{display:flex;align-items:center;gap:9px;min-height:48px}.swatch{flex:0 0 auto;width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:linear-gradient(135deg,var(--card-bg),var(--card-accent))}.preview-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;align-self:stretch;width:100%;height:100%;min-width:0;min-height:0;max-height:none;overflow:hidden}.preview-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(360px,auto);gap:10px 18px;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(23,32,42,.1)}.preview-heading{display:grid;gap:6px;min-width:0}.deck-navigator{display:grid;gap:7px;min-width:0;padding-top:2px}.deck-count{display:inline-flex;width:fit-content;align-items:center;padding:4px 8px;color:#1f5f3e;background:#effaf4;border:1px solid #b9e4c9;border-radius:999px;font-size:.76rem;font-weight:850;line-height:1.1}.deck-card-note{display:-webkit-box;overflow:hidden;color:#667085;font-size:.75rem;font-weight:750;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.deck-navigation-actions{display:flex;flex-wrap:wrap;gap:7px}.deck-navigation-actions .secondary-button,.deck-navigation-actions .ghost-button{min-height:34px;padding:7px 9px;font-size:.78rem}.preview-controls{display:grid;grid-template-columns:minmax(0,auto) auto;align-items:center;justify-content:end;gap:10px}.preview-toggles{display:flex;min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:8px}.guide-toggle{position:relative;display:grid;grid-template-columns:auto minmax(0,auto);gap:7px;align-items:center;min-width:0;min-height:38px;padding:5px 8px;color:#26364f;background:#f8fbff;border:1px solid #cfd7e4;border-radius:8px}.guide-toggle input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.toggle-box{display:grid;width:26px;height:26px;place-items:center;color:#667085;background:#fff;border:1px solid #cfd7e4;border-radius:8px}.guide-toggle input:checked+.toggle-box{color:#fff;background:#2059e8;border-color:#2059e8;box-shadow:0 0 0 3px #2059e824}.guide-toggle input:focus-visible+.toggle-box{outline:2px solid #2059e8;outline-offset:2px}.guide-toggle-copy{display:flex;min-width:0;flex-direction:column;gap:1px}.guide-toggle-copy strong{color:#182230;font-size:.78rem;line-height:1.1}.guide-toggle-copy small{max-width:10.5rem;overflow:hidden;color:#667085;font-size:.68rem;line-height:1.12;text-overflow:ellipsis;white-space:nowrap}.export-actions{display:flex;min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:8px}.github-star-link{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;padding:8px 10px;color:#1f344d;background:#fff;border:1px solid #cfd7e4;border-radius:8px;font-size:.86rem;font-weight:800;line-height:1.15;text-align:center;text-decoration:none}.github-star-link:hover,.github-star-link:focus-visible{color:#101828;border-color:#9fb0c8;box-shadow:0 0 0 3px #2059e81a}.github-star-link svg{flex:0 0 auto}.export-actions .secondary-button,.export-actions .primary-button{min-height:38px;padding:8px 10px;font-size:.86rem}.preview-stage{display:grid;min-height:0;max-height:none;place-items:center;overflow:auto;padding:18px;background:linear-gradient(90deg,rgba(47,63,84,.08) 1px,transparent 1px),linear-gradient(rgba(47,63,84,.08) 1px,transparent 1px),#dfe5ee;background-size:28px 28px}.caption-panel{display:grid;gap:8px;padding:12px 16px;background:#f8fbff;border-top:1px solid rgba(23,32,42,.1)}.caption-panel-header{display:flex;gap:12px;align-items:center;justify-content:space-between}.caption-panel-header h2{font-size:1rem}.caption-textarea{min-height:112px;max-height:180px;resize:vertical;background:#fff;font-size:.84rem;line-height:1.45}.preview-scaler{position:relative;display:grid;width:min(100%,720px);max-height:100%;place-items:center}.preview-zoom{grid-area:1 / 1;width:100%;height:100%}.safe-area-overlay{position:absolute;z-index:3;pointer-events:none;inset:0}.safe-area-frame{position:absolute;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px;border:2px dashed rgba(32,89,232,.78);box-shadow:0 0 0 9999px #0d18292e,inset 0 0 0 1px #ffffff8c}.safe-area-label,.safe-area-detail{display:inline-flex;max-width:46%;align-items:center;gap:6px;padding:6px 8px;color:#fff;background:#112344d1;border:1px solid rgba(255,255,255,.22);border-radius:8px;font-size:.78rem;font-weight:850;line-height:1.1}.safe-area-detail{justify-content:flex-end;text-align:right}.social-card{position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;container-type:size;overflow:hidden;color:var(--card-text);background:var(--card-mood-overlay-image),linear-gradient(var(--card-intensity-overlay),var(--card-intensity-overlay)),radial-gradient(circle at 16% 18%,var(--card-glow),transparent var(--card-glow-stop)),radial-gradient(circle at 88% 84%,var(--card-edge-glow),transparent var(--card-edge-glow-stop)),linear-gradient(135deg,var(--card-bg),var(--card-bg-2));border:var(--card-border-width) solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow),var(--card-depth-border-shadow);filter:saturate(var(--card-mood-saturate)) contrast(var(--card-mood-contrast));--card-intensity-overlay: transparent;--card-glow-stop: 27%;--card-edge-glow: transparent;--card-edge-glow-stop: 28%;--card-border-width: 1px;--card-radius: 0;--card-surface-radius: 8px;--card-inline-radius: 8px;--card-shadow: 0 26px 70px rgba(22, 30, 44, .28);--card-depth-border-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);--card-mood-contrast: 1;--card-mood-saturate: 1;--card-mood-overlay-image: linear-gradient(transparent, transparent);--card-mood-overlay-opacity: .12;--card-mood-surface-mix: 76%;--card-mood-heading-shadow: none;--card-chrome-padding-block: 38px;--card-chrome-padding-inline: 58px;--card-body-block-padding: 1cqh;--card-body-inline-padding: 5.5cqw;--card-h1-font-size: clamp(28px, 7cqw, 112px);--card-h2-font-size: clamp(22px, 3.5cqw, 54px);--card-body-font-size: clamp(16px, 2.7cqw, 43px);--card-h1-margin-bottom: 28px;--card-h2-margin: 26px 0 16px;--card-body-line-height: 1.25;--card-p-margin-bottom: 18px;--card-list-margin: 12px 0 18px;--card-list-padding-left: 0;--card-list-item-padding-block: .36em;--card-list-item-padding-inline: .52em;--card-li-gap: 8px;--card-nested-list-margin: .42em 0 .08em;--card-marker-size: .78em;--card-code-padding: .09em .34em .11em;--card-code-block-font-size: clamp(12px, 1.45cqw, 24px);--card-code-line-height: 1.36;--card-pre-margin: 18px 0;--card-pre-padding: 20px;--card-pre-max-height: min(42cqh, 15lh);--card-code-frame-bg: linear-gradient(180deg, var(--card-surface-shine), transparent 46%), var(--card-surface-bg);--card-code-frame-border: var(--card-surface-border);--card-code-frame-shadow: var(--card-surface-shadow);--card-code-header-height: clamp(26px, 3.2cqh, 38px);--card-code-header-padding-inline: clamp(12px, 1.4cqw, 18px);--card-code-header-bg: linear-gradient( 90deg, color-mix(in srgb, var(--card-surface-bg) 86%, var(--card-bg)), color-mix(in srgb, var(--card-surface-bg) 62%, transparent) );--card-code-label-bg: color-mix(in srgb, var(--card-accent) 14%, var(--card-surface-bg));--card-code-label-text: var(--card-accent);--card-table-margin-top: 18px;--card-table-cell-padding: 12px 14px;--card-table-font-size: clamp(11px, 1.28cqw, 22px);--card-table-line-height: 1.18;--card-table-max-height: 30cqh;--card-blockquote-margin: 20px 0;--card-blockquote-padding-block: 14px;--card-blockquote-padding-left: 24px;--card-blockquote-border-width: 8px;--card-blockquote-font-size: clamp(14px, 2.2cqw, 35px);--card-surface-bg: var(--code-bg);--card-surface-border: var(--table-rule);--card-surface-shine: rgba(255, 255, 255, .46);--card-surface-shadow: inset 0 1px 0 var(--card-surface-shine);--card-surface-soft-bg: var(--card-surface-bg);--card-surface-strong-bg: color-mix(in srgb, var(--card-surface-bg) var(--card-mood-surface-mix), var(--card-bg));--card-table-header-bg: linear-gradient(180deg, var(--card-surface-shine), var(--code-bg));--card-table-row-bg: var(--card-surface-bg);--card-body-frame-margin: 0;--card-body-frame-bg: transparent;--card-body-frame-border: 0 solid transparent;--card-body-frame-radius: var(--card-surface-radius);--card-body-frame-shadow: none;--card-body-frame-outline: inset 0 0 0 0 transparent;--card-depth-frame-shadow: inset 0 0 0 0 transparent;--card-frame-accent-image: linear-gradient(transparent, transparent);--card-frame-accent-opacity: 0;--card-accent-layer-opacity: var(--card-texture-accent-opacity);--card-heading-font-family: inherit;--card-body-font-family: inherit;--card-inline-code-font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--card-heading-font-weight: 850;--card-body-font-weight: 650;--card-heading-text-shadow: var(--card-mood-heading-shadow);--card-h1-line-height: .98;--card-h2-bg: transparent;--card-h2-padding: 0;--card-h2-border: 0 solid transparent;--card-h2-radius: 0;--card-h2-shadow: none;--card-chrome-font-family: inherit;--card-chrome-font-weight: 850;--card-chrome-text-transform: none;--card-blockquote-font-family: inherit;--card-blockquote-font-style: normal;--card-blockquote-font-weight: 800;--card-personality-layer-image: linear-gradient(transparent, transparent);--card-personality-layer-size: auto;--card-personality-layer-position: 0 0;--card-personality-layer-opacity: 0;--card-texture-layer-opacity: var(--card-personality-layer-opacity);--card-personality-accent-image: linear-gradient(transparent, transparent);--card-personality-accent-opacity: 0;--card-texture-accent-opacity: var(--card-personality-accent-opacity)}.social-card:before,.social-card:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}.social-card:before{background-image:var(--card-personality-layer-image);background-position:var(--card-personality-layer-position);background-size:var(--card-personality-layer-size);opacity:var(--card-texture-layer-opacity)}.social-card:after{background-image:var(--card-personality-accent-image),var(--card-frame-accent-image);opacity:var(--card-accent-layer-opacity)}.social-card.background-soft{--card-intensity-overlay: var(--card-soft-overlay);--card-glow-stop: 21%;--card-edge-glow-stop: 22%;--card-shadow: 0 18px 48px rgba(22, 30, 44, .2)}.social-card.background-vivid{--card-intensity-overlay: var(--card-vivid-overlay);--card-glow-stop: 35%;--card-edge-glow: var(--card-glow);--card-edge-glow-stop: 42%;--card-border-width: 2px;--card-shadow: 0 30px 82px rgba(22, 30, 44, .34)}.social-card.radius-sharp{--card-radius: 0;--card-surface-radius: 8px;--card-inline-radius: 8px}.social-card.radius-subtle{--card-radius: clamp(18px, 3cqw, 42px);--card-surface-radius: clamp(10px, 1.3cqw, 18px);--card-inline-radius: clamp(7px, .8cqw, 12px)}.social-card.radius-rounded{--card-radius: clamp(34px, 5cqw, 72px);--card-surface-radius: clamp(16px, 2cqw, 28px);--card-inline-radius: clamp(10px, 1.2cqw, 16px)}.social-card.composition-framed{--card-body-frame-margin: 0 clamp(34px, 4.2cqw, 72px);--card-body-frame-bg: linear-gradient(180deg, var(--card-surface-shine), transparent 40%), color-mix(in srgb, var(--card-surface-bg) 78%, transparent);--card-body-frame-border: 1px solid color-mix(in srgb, var(--card-accent) 30%, var(--card-surface-border));--card-body-frame-radius: calc(var(--card-surface-radius) * 1.3);--card-body-frame-shadow: var(--card-surface-shadow), inset 0 0 0 1px color-mix(in srgb, #ffffff 18%, transparent);--card-body-block-padding: max(var(--card-body-block-padding), 3cqh);--card-body-inline-padding: max(var(--card-body-inline-padding), 6cqw);--card-frame-accent-image: linear-gradient(90deg, var(--card-accent), transparent 26%, transparent 74%, var(--card-accent)), linear-gradient(180deg, transparent 0 10%, color-mix(in srgb, var(--card-accent) 18%, transparent) 10% 10.5%, transparent 10.5% 89.5%, color-mix(in srgb, var(--card-accent) 18%, transparent) 89.5% 90%, transparent 90%);--card-frame-accent-opacity: .28;--card-accent-layer-opacity: .52}.social-card.composition-poster{--card-body-frame-margin: clamp(8px, 1.8cqh, 24px) clamp(42px, 6cqw, 92px);--card-body-frame-bg: linear-gradient(180deg, color-mix(in srgb, #ffffff 28%, transparent), transparent 46%), color-mix(in srgb, var(--card-bg) 56%, var(--card-surface-bg));--card-body-frame-border: 2px solid color-mix(in srgb, var(--card-accent) 42%, var(--card-border));--card-body-frame-radius: calc(var(--card-surface-radius) * 1.65);--card-body-frame-shadow: 0 22px 54px color-mix(in srgb, var(--card-accent) 16%, transparent), inset 0 1px 0 color-mix(in srgb, #ffffff 42%, transparent), inset 0 0 0 clamp(6px, .8cqw, 12px) color-mix(in srgb, var(--card-accent) 9%, transparent);--card-body-block-padding: max(var(--card-body-block-padding), 4cqh);--card-body-inline-padding: max(var(--card-body-inline-padding), 6.8cqw);--card-frame-accent-image: linear-gradient(90deg, color-mix(in srgb, var(--card-accent) 70%, transparent) 0 1.1%, transparent 1.1% 98.9%, color-mix(in srgb, var(--card-accent) 70%, transparent) 98.9%), linear-gradient(180deg, color-mix(in srgb, var(--card-accent) 24%, transparent), transparent 22%, transparent 78%, color-mix(in srgb, var(--card-accent) 24%, transparent));--card-frame-accent-opacity: .34;--card-accent-layer-opacity: .58}.social-card.composition-code{--card-body-frame-margin: 0 clamp(12px, 2.2cqw, 30px);--card-body-frame-bg: linear-gradient(180deg, rgba(255, 255, 255, .08), transparent 44%), color-mix(in srgb, var(--card-bg) 34%, var(--card-surface-bg));--card-body-frame-border: 1px solid color-mix(in srgb, var(--card-accent) 36%, var(--card-surface-border));--card-body-frame-radius: calc(var(--card-surface-radius) * 1.2);--card-body-frame-shadow: var(--card-surface-shadow), inset 0 0 0 1px rgba(255, 255, 255, .04);--card-body-block-padding: clamp(20px, 4.6cqh, 34px);--card-body-inline-padding: clamp(34px, 5.4cqw, 64px);--card-h1-font-size: clamp(24px, 4.8cqw, 74px);--card-h1-margin-bottom: clamp(12px, 1.6cqh, 18px);--card-body-font-size: clamp(13px, 1.72cqw, 28px);--card-body-line-height: 1.22;--card-p-margin-bottom: clamp(8px, 1.2cqh, 12px);--card-list-margin: clamp(7px, 1.1cqh, 10px) 0;--card-code-padding: .1em .4em .13em;--card-code-block-font-size: clamp(12px, 1.5cqw, 23px);--card-code-line-height: 1.42;--card-pre-margin: clamp(10px, 1.6cqh, 16px) 0;--card-pre-padding: clamp(15px, 2cqw, 24px);--card-pre-max-height: min(46cqh, 18lh);--card-code-header-height: clamp(28px, 3.5cqh, 42px);--card-code-header-padding-inline: clamp(13px, 1.6cqw, 22px);--card-code-frame-bg: linear-gradient(180deg, rgba(255, 255, 255, .07), transparent 34%), color-mix(in srgb, var(--card-surface-bg) 88%, #05070d);--card-code-frame-border: color-mix(in srgb, var(--card-accent) 44%, var(--card-surface-border));--card-code-frame-shadow: 0 18px 46px color-mix(in srgb, var(--card-accent) 18%, transparent), inset 0 1px 0 rgba(255, 255, 255, .08);--card-code-header-bg: linear-gradient(90deg, rgba(255, 255, 255, .08), transparent), color-mix(in srgb, var(--card-accent) 12%, var(--card-surface-bg));--card-code-label-bg: color-mix(in srgb, var(--card-accent) 24%, #05070d);--card-code-label-text: color-mix(in srgb, var(--card-accent) 72%, #ffffff);--card-frame-accent-image: linear-gradient(90deg, color-mix(in srgb, var(--card-accent) 62%, transparent), transparent 22%, transparent 78%, color-mix(in srgb, var(--card-accent) 62%, transparent)), linear-gradient(180deg, transparent 0 12%, color-mix(in srgb, var(--card-accent) 24%, transparent) 12% 12.6%, transparent 12.6% 87.4%, color-mix(in srgb, var(--card-accent) 24%, transparent) 87.4% 88%, transparent 88%);--card-frame-accent-opacity: .44;--card-accent-layer-opacity: .66}.social-card.texture-clean{--card-texture-layer-opacity: .06;--card-texture-accent-opacity: .08}.social-card.texture-subtle{--card-texture-layer-opacity: var(--card-personality-layer-opacity);--card-texture-accent-opacity: var(--card-personality-accent-opacity)}.social-card.texture-rich{--card-texture-layer-opacity: .7;--card-texture-accent-opacity: .78}.social-card.mood-calm{--card-mood-contrast: .98;--card-mood-saturate: .92;--card-mood-overlay-opacity: .1;--card-mood-overlay-image: linear-gradient( 135deg, rgba(255, 255, 255, var(--card-mood-overlay-opacity)), transparent 44%, rgba(255, 255, 255, .05) );--card-mood-surface-mix: 72%;--card-mood-heading-shadow: none;--card-shadow: 0 20px 56px rgba(22, 30, 44, .22)}.social-card.mood-punchy{--card-mood-contrast: 1.08;--card-mood-saturate: 1.14;--card-mood-overlay-opacity: .2;--card-mood-overlay-image: linear-gradient( 135deg, color-mix(in srgb, var(--card-accent) 22%, transparent), transparent 34%, rgba(255, 255, 255, var(--card-mood-overlay-opacity)) );--card-mood-surface-mix: 84%;--card-mood-heading-shadow: 0 0 28px color-mix(in srgb, var(--card-accent) 22%, transparent);--card-border-width: 2px;--card-shadow: 0 32px 86px rgba(22, 30, 44, .34)}.social-card.mood-premium{--card-mood-contrast: 1.03;--card-mood-saturate: .98;--card-mood-overlay-opacity: .18;--card-mood-overlay-image: linear-gradient( 145deg, rgba(255, 255, 255, var(--card-mood-overlay-opacity)) 0%, transparent 32%, color-mix(in srgb, var(--card-accent) 12%, transparent) 100% );--card-mood-surface-mix: 80%;--card-mood-heading-shadow: 0 1px 0 rgba(255, 255, 255, .22), 0 18px 44px rgba(16, 24, 40, .16);--card-surface-shadow: inset 0 1px 0 rgba(255, 255, 255, .62), 0 18px 48px rgba(16, 24, 40, .12);--card-shadow: 0 36px 94px rgba(16, 24, 40, .32)}.social-card.shadow-flat{--card-shadow: 0 1px 0 rgba(16, 24, 40, .14);--card-depth-border-shadow: inset 0 0 0 1px color-mix(in srgb, var(--card-border) 62%, transparent), inset 0 1px 0 rgba(255, 255, 255, .16);--card-surface-shadow: inset 0 1px 0 rgba(255, 255, 255, .28);--card-code-frame-shadow: inset 0 1px 0 rgba(255, 255, 255, .24);--card-depth-frame-shadow: inset 0 0 0 1px color-mix(in srgb, var(--card-border) 28%, transparent)}.social-card.shadow-lifted{--card-depth-border-shadow: inset 0 1px 0 rgba(255, 255, 255, .34), inset 0 -22px 48px rgba(16, 24, 40, .08), inset 0 0 0 1px color-mix(in srgb, var(--card-accent) 14%, transparent);--card-surface-shadow: 0 12px 30px color-mix(in srgb, var(--card-accent) 10%, rgba(16, 24, 40, .12)), inset 0 1px 0 rgba(255, 255, 255, .48);--card-code-frame-shadow: 0 16px 42px color-mix(in srgb, var(--card-accent) 14%, rgba(16, 24, 40, .14)), inset 0 1px 0 rgba(255, 255, 255, .36);--card-depth-frame-shadow: 0 18px 42px color-mix(in srgb, var(--card-accent) 10%, rgba(16, 24, 40, .12)), inset 0 1px 0 rgba(255, 255, 255, .26)}.social-card.shadow-dramatic{--card-shadow: 0 38px 110px rgba(16, 24, 40, .42);--card-depth-border-shadow: inset 0 1px 0 rgba(255, 255, 255, .44), inset 0 -34px 70px rgba(16, 24, 40, .16), inset 0 0 0 2px color-mix(in srgb, var(--card-accent) 20%, transparent), inset 0 0 64px color-mix(in srgb, var(--card-accent) 11%, transparent);--card-surface-shadow: 0 24px 58px color-mix(in srgb, var(--card-accent) 20%, rgba(16, 24, 40, .18)), inset 0 1px 0 rgba(255, 255, 255, .58), inset 0 0 0 1px color-mix(in srgb, #ffffff 18%, transparent);--card-code-frame-shadow: 0 28px 70px color-mix(in srgb, var(--card-accent) 22%, rgba(16, 24, 40, .22)), inset 0 1px 0 rgba(255, 255, 255, .42), inset 0 0 0 1px color-mix(in srgb, var(--card-accent) 16%, transparent);--card-depth-frame-shadow: 0 30px 72px color-mix(in srgb, var(--card-accent) 18%, rgba(16, 24, 40, .2)), inset 0 1px 0 rgba(255, 255, 255, .34), inset 0 0 0 1px color-mix(in srgb, var(--card-accent) 18%, transparent)}.social-card.density-compact{--card-chrome-padding-block: 32px;--card-chrome-padding-inline: 46px;--card-body-block-padding: .5cqh;--card-body-inline-padding: 4.8cqw;--card-h1-margin-bottom: 18px;--card-h2-margin: 18px 0 10px;--card-body-line-height: 1.18;--card-p-margin-bottom: 12px;--card-list-margin: 8px 0 12px;--card-list-padding-left: 0;--card-list-item-padding-block: .3em;--card-list-item-padding-inline: .46em;--card-li-gap: 5px;--card-code-block-font-size: clamp(12px, 1.28cqw, 21px);--card-pre-margin: 12px 0;--card-pre-padding: 16px;--card-pre-max-height: min(38cqh, 14lh);--card-code-header-height: clamp(24px, 3cqh, 34px);--card-table-margin-top: 12px;--card-table-cell-padding: 8px 10px;--card-table-font-size: clamp(10px, 1.08cqw, 18px);--card-table-max-height: 28cqh;--card-blockquote-margin: 14px 0;--card-blockquote-padding-block: 10px;--card-blockquote-padding-left: 18px;--card-blockquote-border-width: 6px}.social-card.density-spacious{--card-chrome-padding-block: clamp(28px, 4.8cqh, 48px);--card-chrome-padding-inline: 68px;--card-body-block-padding: clamp(4px, .9cqh, 10px);--card-body-inline-padding: 6.5cqw;--card-h1-font-size: clamp(28px, 5.2cqw, 82px);--card-h2-font-size: clamp(20px, 2.4cqw, 38px);--card-body-font-size: clamp(14px, 1.8cqw, 29px);--card-h1-margin-bottom: clamp(14px, 2cqh, 22px);--card-h2-margin: clamp(10px, 1.6cqh, 16px) 0 clamp(6px, 1cqh, 10px);--card-body-line-height: 1.17;--card-p-margin-bottom: clamp(6px, 1.1cqh, 10px);--card-list-margin: clamp(5px, 1cqh, 8px) 0 clamp(7px, 1.3cqh, 10px);--card-list-padding-left: 0;--card-list-item-padding-block: .34em;--card-list-item-padding-inline: .58em;--card-li-gap: clamp(3px, .8cqh, 5px);--card-code-block-font-size: clamp(12px, 1.2cqw, 22px);--card-pre-margin: clamp(8px, 1.4cqh, 12px) 0;--card-pre-padding: 24px;--card-pre-max-height: min(34cqh, 12lh);--card-code-header-height: clamp(26px, 3.1cqh, 36px);--card-table-margin-top: clamp(7px, 1.3cqh, 10px);--card-table-cell-padding: clamp(4px, .8cqh, 7px) clamp(8px, .9cqw, 14px);--card-table-font-size: clamp(10px, .95cqw, 16px);--card-table-max-height: 24cqh;--card-blockquote-margin: clamp(10px, 1.8cqh, 14px) 0;--card-blockquote-padding-block: clamp(8px, 1.4cqh, 12px);--card-blockquote-padding-left: 30px;--card-blockquote-border-width: 10px}.social-card.preset-twitter{--card-chrome-padding-block: 8cqh;--card-chrome-padding-inline: 10cqw;--card-body-block-padding: 8cqh;--card-body-inline-padding: 10cqw;--card-h1-font-size: clamp(26px, 6.3cqw, 100px);--card-h1-margin-bottom: clamp(16px, 2.2cqh, 22px);--card-body-font-size: clamp(15px, 2.35cqw, 37px);--card-p-margin-bottom: clamp(8px, 1.5cqh, 14px);--card-list-margin: clamp(6px, 1.1cqh, 10px) 0 clamp(7px, 1.2cqh, 12px);--card-li-gap: clamp(4px, .75cqh, 7px);--card-list-item-padding-block: .3em}.social-card.preset-twitter.composition-standard{--card-body-block-padding: clamp(28px, 7.8cqh, 32px)}.social-card.preset-twitter.composition-framed{--card-body-frame-margin: 0 clamp(12px, 2cqw, 28px);--card-body-block-padding: clamp(24px, 7cqh, 30px);--card-body-inline-padding: clamp(38px, 6.4cqw, 58px)}.social-card.preset-twitter.composition-poster{--card-body-frame-margin: 0 clamp(12px, 2cqw, 28px);--card-body-block-padding: clamp(24px, 6cqh, 30px);--card-body-inline-padding: clamp(34px, 5.8cqw, 52px)}.social-card.preset-twitter.composition-code{--card-body-frame-margin: 0 clamp(10px, 1.8cqw, 24px);--card-body-block-padding: clamp(20px, 5.2cqh, 28px);--card-body-inline-padding: clamp(34px, 5.8cqw, 58px);--card-pre-max-height: min(48cqh, 18lh)}.social-card.type-small{--card-h1-font-size: clamp(24px, 5.9cqw, 94px);--card-h2-font-size: clamp(18px, 2.9cqw, 45px);--card-body-font-size: clamp(14px, 2.25cqw, 36px);--card-empty-heading-font-size: clamp(24px, 5.5cqw, 82px);--card-empty-body-font-size: clamp(14px, 2.3cqw, 35px)}.social-card.type-large{--card-h1-font-size: clamp(32px, 8cqw, 128px);--card-h2-font-size: clamp(24px, 4cqw, 62px);--card-body-font-size: clamp(18px, 3.05cqw, 49px);--card-empty-heading-font-size: clamp(32px, 7.15cqw, 108px);--card-empty-body-font-size: clamp(18px, 3.1cqw, 47px)}.social-card.voice-editorial{--card-heading-font-family: Georgia, "Times New Roman", serif;--card-body-font-family: Georgia, "Times New Roman", serif;--card-heading-font-weight: 700;--card-body-font-weight: 560;--card-h1-font-size: clamp(28px, 6.75cqw, 108px);--card-h2-font-size: clamp(21px, 3.25cqw, 50px);--card-h1-line-height: .96;--card-body-line-height: 1.17;--card-p-margin-bottom: 12px;--card-list-margin: 8px 0 12px;--card-list-item-padding-block: .28em;--card-h2-bg: linear-gradient(180deg, transparent 58%, color-mix(in srgb, var(--card-accent) 22%, transparent) 58%);--card-h2-padding: 0 .16em .07em;--card-h2-radius: 0;--card-chrome-font-family: Georgia, "Times New Roman", serif;--card-chrome-font-weight: 700;--card-blockquote-font-family: Georgia, "Times New Roman", serif;--card-blockquote-font-style: italic;--card-blockquote-font-weight: 700}.social-card.voice-mono{--card-heading-font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--card-body-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--card-inline-code-font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--card-heading-font-weight: 800;--card-body-font-weight: 680;--card-h1-line-height: 1.04;--card-h2-bg: color-mix(in srgb, var(--card-accent) 14%, var(--card-surface-bg));--card-h2-padding: .18em .45em;--card-h2-border: 1px solid color-mix(in srgb, var(--card-accent) 32%, transparent);--card-h2-radius: calc(var(--card-inline-radius) * .82);--card-chrome-font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--card-chrome-font-weight: 800;--card-chrome-text-transform: uppercase;--card-code-label-bg: color-mix(in srgb, var(--card-accent) 22%, var(--card-surface-bg));--card-blockquote-font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--card-blockquote-font-weight: 760}.card-chrome,.card-footer{z-index:1;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:var(--card-chrome-padding-block) var(--card-chrome-padding-inline);color:var(--card-muted);font-family:var(--card-chrome-font-family);font-size:clamp(13px,2.1cqw,31px);font-weight:var(--card-chrome-font-weight);letter-spacing:0;text-transform:var(--card-chrome-text-transform)}.card-chrome span:first-child,.card-footer span:last-child{color:var(--card-accent)}.social-card.card-labels-hidden .card-chrome,.social-card.card-labels-hidden .card-footer{visibility:hidden}.markdown-card-body{z-index:1;display:flex;min-height:0;flex-direction:column;justify-content:center;justify-content:safe center;margin:var(--card-body-frame-margin);padding:var(--card-body-block-padding) var(--card-body-inline-padding);overflow:hidden;background:var(--card-body-frame-bg);border:var(--card-body-frame-border);border-radius:var(--card-body-frame-radius);box-shadow:var(--card-body-frame-shadow),var(--card-body-frame-outline),var(--card-depth-frame-shadow);font-family:var(--card-body-font-family);font-weight:var(--card-body-font-weight)}.markdown-card-body>*{flex-shrink:0;max-width:100%}.markdown-card-body>:first-child{margin-top:0}.markdown-card-body>:last-child{margin-bottom:0}.markdown-card-body h1{max-width:100%;margin:0 0 var(--card-h1-margin-bottom);color:var(--card-heading);font-family:var(--card-heading-font-family);font-size:var(--card-h1-font-size);font-weight:var(--card-heading-font-weight);line-height:var(--card-h1-line-height);text-shadow:var(--card-heading-text-shadow)}.markdown-card-body h2{width:fit-content;max-width:100%;margin:var(--card-h2-margin);padding:var(--card-h2-padding);color:var(--card-accent);background:var(--card-h2-bg);border:var(--card-h2-border);border-radius:var(--card-h2-radius);box-shadow:var(--card-h2-shadow);font-family:var(--card-heading-font-family);font-size:var(--card-h2-font-size);font-weight:var(--card-heading-font-weight);line-height:1.1;overflow-wrap:anywhere;white-space:normal}.markdown-card-body p,.markdown-card-body li,.markdown-card-body td,.markdown-card-body th{overflow-wrap:anywhere;color:var(--card-text);font-size:var(--card-body-font-size);line-height:var(--card-body-line-height)}.markdown-card-body p{margin:0 0 var(--card-p-margin-bottom)}.markdown-card-body ul,.markdown-card-body ol{display:grid;gap:var(--card-li-gap);margin:var(--card-list-margin);padding-left:var(--card-list-padding-left);list-style:none}.markdown-card-body li::marker,.markdown-card-body a{color:var(--card-accent)}.markdown-card-body li{position:relative;min-width:0;padding:var(--card-list-item-padding-block) var(--card-list-item-padding-inline) var(--card-list-item-padding-block) calc(1.1em + var(--card-list-item-padding-inline));overflow:hidden;background:linear-gradient(90deg,var(--card-surface-soft-bg),transparent 118%),#ffffff09;border:1px solid var(--card-surface-border);border-radius:var(--card-inline-radius);box-shadow:var(--card-surface-shadow)}.markdown-card-body li>ul,.markdown-card-body li>ol{margin:var(--card-nested-list-margin);gap:calc(var(--card-li-gap) * .72)}.markdown-card-body li li{background:linear-gradient(90deg,var(--card-surface-strong-bg),transparent 128%),#ffffff06;box-shadow:none}.markdown-card-body li:before{content:"";position:absolute;top:calc(var(--card-list-item-padding-block) + .42em);left:var(--card-list-item-padding-inline);width:var(--card-marker-size);height:var(--card-marker-size);background:var(--card-accent);border-radius:999px;box-shadow:0 0 0 .22em var(--code-bg)}.markdown-card-body ol{counter-reset:markdown-card-list}.markdown-card-body ol>li{counter-increment:markdown-card-list}.markdown-card-body ol>li:before{content:counter(markdown-card-list);top:calc(var(--card-list-item-padding-block) + .08em);display:grid;place-items:center;color:var(--card-bg);font-size:.56em;font-weight:900;line-height:1}.markdown-card-body li>p{margin-bottom:var(--card-li-gap)}.markdown-card-body li>p:last-child{margin-bottom:0}.markdown-card-body code{display:inline;max-width:100%;padding:var(--card-code-padding);overflow-wrap:anywhere;word-break:break-word;color:var(--code-text);background:linear-gradient(180deg,var(--card-surface-shine),transparent 64%),var(--code-bg);border:1px solid var(--card-surface-border);border-radius:var(--card-inline-radius);font-family:var(--card-inline-code-font-family);font-size:.85em;font-weight:750;line-height:1.12;box-decoration-break:clone;-webkit-box-decoration-break:clone}.markdown-code-frame{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;max-width:100%;max-height:var(--card-pre-max-height);margin:var(--card-pre-margin);overflow:hidden;color:var(--code-text);background:var(--card-code-frame-bg);border:1px solid var(--card-code-frame-border);border-radius:var(--card-surface-radius);box-shadow:var(--card-code-frame-shadow);font-size:var(--card-code-block-font-size);line-height:var(--card-code-line-height);contain:paint}.markdown-code-header{display:flex;min-width:0;min-height:var(--card-code-header-height);align-items:center;justify-content:space-between;gap:12px;padding:0 var(--card-code-header-padding-inline);background:var(--card-code-header-bg);border-bottom:1px solid var(--card-surface-border)}.markdown-code-window-dots{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px}.markdown-code-window-dots span{width:.52em;min-width:7px;max-width:11px;aspect-ratio:1;background:#ff5f57;border-radius:50%;opacity:.9}.markdown-code-window-dots span:nth-child(2){background:#febc2e;opacity:.9}.markdown-code-window-dots span:nth-child(3){background:#28c840;opacity:.9}.markdown-code-language{min-width:0;max-width:58%;padding:.22em .58em;overflow:hidden;color:var(--card-code-label-text);background:var(--card-code-label-bg);border:1px solid var(--card-surface-border);border-radius:999px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.68em;font-weight:900;line-height:1;text-overflow:ellipsis;white-space:nowrap}.markdown-code-pre{min-width:0;max-width:100%;max-height:calc(var(--card-pre-max-height) - var(--card-code-header-height));margin:0;padding:var(--card-pre-padding);overflow:hidden auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--card-accent) transparent;background:transparent;border:0;border-radius:0;box-shadow:none;font:inherit}.markdown-code-pre::-webkit-scrollbar{width:6px}.markdown-code-pre::-webkit-scrollbar-thumb{background:var(--card-accent);border-radius:999px}.markdown-code-frame .markdown-code-text{display:block;padding:0;overflow-wrap:anywhere;word-break:break-word;background:transparent;border:0;border-radius:0;color:inherit;font-size:1em;font-weight:650;line-height:inherit;white-space:pre-wrap;box-decoration-break:slice;-webkit-box-decoration-break:slice}.markdown-card-body table{width:100%;max-width:100%;min-width:0;overflow:hidden;table-layout:fixed;background:linear-gradient(180deg,var(--card-surface-shine),transparent 42%),var(--card-surface-bg);border:1px solid var(--card-surface-border);border-collapse:separate;border-spacing:0;border-radius:var(--card-surface-radius);box-shadow:var(--card-surface-shadow)}.markdown-table-scroll{max-width:100%;max-height:var(--card-table-max-height);margin-top:var(--card-table-margin-top);overflow:auto;overscroll-behavior:contain;border-radius:var(--card-surface-radius);scrollbar-width:thin;scrollbar-color:var(--card-accent) transparent}.markdown-table-scroll::-webkit-scrollbar{width:6px;height:6px}.markdown-table-scroll::-webkit-scrollbar-thumb{background:var(--card-accent);border-radius:999px}.markdown-card-body th,.markdown-card-body td{padding:var(--card-table-cell-padding);border-bottom:2px solid var(--table-rule);font-size:var(--card-table-font-size);line-height:var(--card-table-line-height);text-align:left;vertical-align:top}.markdown-card-body th{color:var(--card-heading);background:var(--card-table-header-bg);font-weight:850;letter-spacing:0}.markdown-card-body td{background:var(--card-table-row-bg)}.markdown-card-body tr:nth-child(2n) td{background:transparent}.markdown-card-body th:not(:last-child),.markdown-card-body td:not(:last-child){border-right:1px solid var(--table-rule)}.markdown-card-body tr:last-child td{border-bottom:0}.markdown-card-body blockquote{position:relative;max-height:32cqh;margin:var(--card-blockquote-margin);padding:var(--card-blockquote-padding-block) var(--card-blockquote-padding-left);overflow:hidden;background:linear-gradient(90deg,var(--card-surface-bg),transparent 88%),#ffffff0a;border:1px solid var(--card-surface-border);border-left:var(--card-blockquote-border-width) solid var(--card-accent);border-radius:var(--card-surface-radius);box-shadow:var(--card-surface-shadow)}.markdown-card-body blockquote:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--card-blockquote-border-width);background:linear-gradient(180deg,var(--card-accent),transparent 145%)}.markdown-card-body blockquote p{margin-bottom:0;color:var(--card-heading);font-family:var(--card-blockquote-font-family);font-size:var(--card-blockquote-font-size);font-style:var(--card-blockquote-font-style);font-weight:var(--card-blockquote-font-weight);line-height:1.18}.empty-card-state{display:flex;max-width:72%;flex-direction:column;gap:14px;color:var(--card-text)}.empty-card-state strong{color:var(--card-heading);font-size:var(--card-empty-heading-font-size, clamp(28px, 6.4cqw, 96px));line-height:1}.empty-card-state span{color:var(--card-muted);font-size:var(--card-empty-body-font-size, clamp(16px, 2.8cqw, 42px));font-weight:750;line-height:1.2}.status-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;color:#667085;border-top:1px solid rgba(23,32,42,.1);font-size:.9rem}.status-line span{min-width:0;overflow-wrap:anywhere}.status-line.error{color:#b42318}.theme-signal{--card-bg: #f8fbff;--card-bg-2: #e7f0ff;--card-text: #1b2b45;--card-heading: #09204a;--card-muted: #4d668a;--card-accent: #1f6feb;--card-border: #bdd3f2;--card-glow: rgba(55, 144, 255, .22);--card-soft-overlay: rgba(255, 255, 255, .38);--card-vivid-overlay: rgba(31, 111, 235, .1);--code-bg: rgba(31, 111, 235, .12);--code-text: #123f8c;--table-rule: rgba(31, 111, 235, .18);--card-surface-shine: rgba(255, 255, 255, .58);--card-heading-font-weight: 900;--card-heading-text-shadow: 0 1px 0 rgba(255, 255, 255, .68);--card-h2-bg: linear-gradient(90deg, rgba(31, 111, 235, .14), rgba(31, 111, 235, .04));--card-h2-padding: .18em .42em .2em;--card-h2-border: 1px solid rgba(31, 111, 235, .22);--card-h2-radius: var(--card-inline-radius);--card-chrome-font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--card-chrome-text-transform: uppercase;--card-personality-layer-image: linear-gradient(rgba(31, 111, 235, .14) 1px, transparent 1px), linear-gradient(90deg, rgba(31, 111, 235, .14) 1px, transparent 1px), linear-gradient(rgba(31, 111, 235, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(31, 111, 235, .07) 1px, transparent 1px);--card-personality-layer-size: 96px 96px, 96px 96px, 24px 24px, 24px 24px;--card-personality-layer-position: -1px -1px;--card-personality-layer-opacity: .58;--card-personality-accent-image: linear-gradient(90deg, rgba(31, 111, 235, .24), transparent 42%), linear-gradient(180deg, rgba(31, 111, 235, .16), transparent 36%);--card-personality-accent-opacity: .5}.theme-paper{--card-bg: #fbf6ea;--card-bg-2: #f1e4ce;--card-text: #33291f;--card-heading: #201712;--card-muted: #735e49;--card-accent: #bd3b32;--card-border: #e0cdb1;--card-glow: rgba(189, 59, 50, .16);--card-soft-overlay: rgba(255, 250, 242, .36);--card-vivid-overlay: rgba(189, 59, 50, .08);--code-bg: rgba(51, 41, 31, .1);--code-text: #6d2b24;--table-rule: rgba(115, 94, 73, .22);--card-surface-bg: rgba(255, 250, 242, .62);--card-surface-shine: rgba(255, 255, 255, .34);--card-surface-shadow: inset 0 1px 0 rgba(255, 255, 255, .52), 0 1px 0 rgba(51, 41, 31, .06);--card-heading-font-family: Georgia, "Times New Roman", serif;--card-heading-font-weight: 700;--card-heading-text-shadow: 0 1px 0 rgba(255, 255, 255, .46);--card-h2-bg: linear-gradient(180deg, transparent 58%, rgba(189, 59, 50, .16) 58%);--card-h2-padding: 0 .12em .06em;--card-chrome-font-family: Georgia, "Times New Roman", serif;--card-personality-layer-image: radial-gradient(circle at 1px 1px, rgba(51, 41, 31, .16) 1px, transparent 1.6px), linear-gradient(90deg, rgba(115, 94, 73, .08) 1px, transparent 1px);--card-personality-layer-size: 18px 18px, 112px 100%;--card-personality-layer-opacity: .34;--card-personality-accent-image: linear-gradient(180deg, transparent 17%, rgba(51, 41, 31, .16) 17%, rgba(51, 41, 31, .16) calc(17% + 2px) , transparent calc(17% + 2px) ), linear-gradient(180deg, transparent 77%, rgba(189, 59, 50, .2) 77%, rgba(189, 59, 50, .2) calc(77% + 8px) , transparent calc(77% + 8px) );--card-personality-accent-opacity: .66}.theme-midnight{--card-bg: #10131b;--card-bg-2: #20283c;--card-text: #e8edf7;--card-heading: #ffffff;--card-muted: #9fb0ca;--card-accent: #54d6a6;--card-border: #39465f;--card-glow: rgba(84, 214, 166, .18);--card-soft-overlay: rgba(255, 255, 255, .06);--card-vivid-overlay: rgba(84, 214, 166, .09);--code-bg: rgba(84, 214, 166, .12);--code-text: #99f0ce;--table-rule: rgba(159, 176, 202, .22);--card-surface-bg: rgba(8, 13, 23, .74);--card-surface-border: rgba(84, 214, 166, .24);--card-surface-shine: rgba(153, 240, 206, .1);--card-surface-shadow: inset 0 1px 0 rgba(153, 240, 206, .12), inset 0 0 0 1px rgba(255, 255, 255, .03);--card-heading-font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--card-heading-font-weight: 800;--card-heading-text-shadow: 0 0 20px rgba(84, 214, 166, .22);--card-h2-bg: rgba(84, 214, 166, .1);--card-h2-padding: .18em .45em;--card-h2-border: 1px solid rgba(84, 214, 166, .26);--card-h2-radius: 6px;--card-h2-shadow: inset 0 1px 0 rgba(153, 240, 206, .12);--card-chrome-font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--card-chrome-text-transform: uppercase;--card-personality-layer-image: linear-gradient(rgba(84, 214, 166, .09) 1px, transparent 1px), linear-gradient(90deg, rgba(159, 176, 202, .07) 1px, transparent 1px);--card-personality-layer-size: 100% 30px, 44px 100%;--card-personality-layer-opacity: .42;--card-personality-accent-image: radial-gradient(circle at 34px 28px, #ff5f57 0 5px, transparent 6px), radial-gradient(circle at 54px 28px, #febc2e 0 5px, transparent 6px), radial-gradient(circle at 74px 28px, #28c840 0 5px, transparent 6px), linear-gradient(180deg, rgba(4, 9, 18, .54) 0 72px, transparent 72px);--card-personality-accent-opacity: .78;--card-code-header-bg: linear-gradient(90deg, rgba(84, 214, 166, .14), rgba(255, 255, 255, .03))}.theme-editorial{--card-bg: #fff8f1;--card-bg-2: #f4d8e8;--card-text: #2a2440;--card-heading: #1c1533;--card-muted: #675d7d;--card-accent: #e25579;--card-border: #eac4d4;--card-glow: rgba(226, 85, 121, .2);--card-soft-overlay: rgba(255, 252, 248, .36);--card-vivid-overlay: rgba(226, 85, 121, .1);--code-bg: rgba(28, 21, 51, .1);--code-text: #932d54;--table-rule: rgba(103, 93, 125, .22);--card-surface-bg: rgba(255, 252, 248, .56);--card-surface-shine: rgba(255, 255, 255, .5);--card-heading-font-family: Georgia, "Times New Roman", serif;--card-heading-font-weight: 760;--card-heading-text-shadow: 0 1px 0 rgba(255, 255, 255, .48);--card-h2-bg: linear-gradient(90deg, rgba(226, 85, 121, .18), rgba(255, 184, 77, .2));--card-h2-padding: .16em .44em .18em;--card-h2-radius: var(--card-inline-radius);--card-chrome-font-family: Georgia, "Times New Roman", serif;--card-personality-layer-image: linear-gradient(90deg, rgba(226, 85, 121, .14) 0 18%, transparent 18%), linear-gradient(180deg, rgba(255, 184, 77, .18) 0 24%, transparent 24%), linear-gradient(90deg, transparent 0 67%, rgba(70, 94, 196, .12) 67% 100%);--card-personality-layer-opacity: .82;--card-personality-accent-image: linear-gradient(90deg, transparent 0 3.5%, rgba(28, 21, 51, .82) 3.5%, rgba(28, 21, 51, .82) calc(3.5% + 10px) , transparent calc(3.5% + 10px) ), linear-gradient(180deg, transparent 71%, rgba(226, 85, 121, .18) 71%, rgba(226, 85, 121, .18) 100%);--card-personality-accent-opacity: .54}@media(max-width:1040px){:root{height:auto;min-height:100%;overflow:visible}body{height:auto;overflow-x:hidden;overflow-y:visible}#root{height:auto;min-height:100vh;min-height:100dvh;overflow:visible}.app-shell{height:auto;min-height:100vh;min-height:100dvh;overflow:visible;padding:12px}.workspace{grid-template-columns:1fr;height:auto;min-height:auto}.control-panel{contain:none;overflow-y:visible}.preview-panel{height:auto;min-height:min(760px,calc(100vh - 24px));min-height:min(760px,calc(100dvh - 24px));max-height:none}.preview-toolbar{grid-template-columns:1fr}.preview-controls{grid-template-columns:minmax(0,1fr) auto;justify-content:stretch}.preview-toggles{justify-content:flex-start}.guide-toggle{grid-template-columns:auto minmax(0,1fr)}.export-actions{justify-content:flex-end}.preview-stage{padding:18px}}@media(max-width:700px){.app-shell{padding:0}.control-panel,.preview-panel{border-right:0;border-left:0;border-radius:0}.workspace{gap:0}.control-panel{gap:16px;padding:16px}h1{max-width:none;font-size:1.62rem}.group-header{align-items:stretch;flex-direction:column}.editor-actions{justify-content:flex-start}.markdown-import{grid-template-columns:auto minmax(0,1fr)}.markdown-import-action{grid-column:1 / -1;justify-self:start}.status-line{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 16px}.preview-toolbar{gap:12px;padding:14px 16px}.preview-toolbar h2{max-width:100%;overflow-wrap:anywhere;white-space:normal}.preview-controls{width:100%;min-width:0;grid-template-columns:1fr;align-items:stretch}.guide-toggle{grid-template-columns:auto minmax(0,1fr)}.preview-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.guide-toggle-copy small{max-width:none}.segmented-control,.quality-control,.density-control,.typography-control,.typography-voice-control,.accent-control,.background-intensity-control,.corner-radius-control,.composition-control,.texture-control,.mood-control,.shadow-control,.style-pack-grid,.recipe-preset-grid,.theme-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.preset-save-row{grid-template-columns:1fr}.preset-save-button{justify-self:start}.card-config-transfer{grid-template-columns:1fr;align-items:stretch}.card-config-transfer-actions{justify-content:flex-start}.export-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));width:100%}.github-star-link,.export-actions button{width:100%}textarea{min-height:260px}.preview-panel{grid-template-rows:auto minmax(320px,54vh) auto;grid-template-rows:auto minmax(320px,54dvh) auto;min-height:0}.preview-stage{padding:12px}.safe-area-frame{padding:6px}.safe-area-label,.safe-area-detail{max-width:48%;padding:5px 6px}}@media(max-width:420px){.brand-block{gap:10px}.brand-mark{width:36px;height:36px}h1{font-size:1.42rem}.onboarding-checklist,.markdown-import,.card-config-transfer,.platform-fit-helper,.markdown-guidance,.fit-status{padding:10px}.template-gallery button,.style-pack-grid button,.recipe-preset-grid button,.segmented-control button,.quality-control button,.density-control button,.typography-control button,.accent-control button,.background-intensity-control button,.corner-radius-control button,.composition-control button,.texture-control button,.mood-control button,.shadow-control button{min-height:auto}.safe-area-label,.safe-area-detail{font-size:.68rem}}