*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,input,textarea,select{font-family:inherit}[hidden]{display:none!important}:root{--b-text: #15372C;--b-accent: #24A47F;--b-secondary: #666666;--b-border: #D8D8D8;--b-bg-alt: #EFEFEF;--b-accent-hover: #1d8e6e;--b-accent-tint: #F0FAF6;--b-accent-wash: #E6FFF8;--b-accent-mid: #5E8C78;--b-error: #C5311D}body{font-family:Nunito Sans,sans-serif;color:var(--b-text);background:var(--b-bg-alt);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;height:100vh}.builder-header{background:var(--b-text);color:#fff;padding:0 24px;height:52px;display:flex;align-items:center;flex-shrink:0;gap:8px}.builder-wordmark{font-size:13px;font-weight:600;color:#fff;letter-spacing:.01em}.builder-wordmark-sep{color:#ffffff4d;font-size:13px;margin:0 4px}.builder-wordmark-sub{font-size:13px;font-weight:400;color:#ffffff8c}.builder-header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.undo-redo-group{display:flex;gap:2px}.btn-undo-redo{font-size:12px;font-weight:600;color:#ffffffa6;background:none;border:1px solid rgba(255,255,255,.18);border-radius:4px;padding:5px 10px;cursor:pointer;transition:color .1s ease,border-color .1s ease}.btn-undo-redo:hover:not(:disabled){color:#fff;border-color:#ffffff73}.btn-undo-redo:disabled{opacity:.28;cursor:not-allowed}.btn-undo-redo-icon{display:none}.btn-undo-redo-label{display:inline}.btn-export{font-size:12px;font-weight:700;color:var(--b-text);background:var(--b-accent);border:none;border-radius:4px;padding:7px 14px;cursor:pointer;transition:background .1s ease}.btn-export:hover{background:var(--b-accent-hover);color:#fff}.btn-export--secondary{background:none;color:var(--b-accent);border:1px solid var(--b-accent)}.btn-export--secondary:hover{background:var(--b-accent);color:#fff}.btn-config{font-size:12px;font-weight:600;color:#ffffffa6;background:none;border:1px solid rgba(255,255,255,.18);border-radius:4px;padding:6px 12px;cursor:pointer;transition:color .1s ease,border-color .1s ease}.btn-config:hover{color:#fff;border-color:#fff6}.token-row{display:flex;gap:6px;margin-bottom:6px}.token-input,.color-hex,.block-textarea,.styling-select,.file-drop-url-input{color:var(--b-text);background:#fff;border:1px solid var(--b-border);border-radius:4px;outline:none;transition:border-color .1s ease}.token-input:focus,.color-hex:focus,.block-textarea:focus,.styling-select:focus,.file-drop-url-input:focus{border-color:var(--b-accent)}.token-input::placeholder,.block-textarea::placeholder,.file-drop-url-input::placeholder{color:var(--b-text);opacity:.35}.token-input{flex:1;font-size:13px;padding:7px 10px;min-width:0}.btn-fetch{font-size:12px;font-weight:700;color:#fff;background:var(--b-text);border:none;border-radius:4px;padding:7px 12px;cursor:pointer;white-space:nowrap;transition:background .1s ease}.btn-fetch:hover{background:#031c17}.btn-fetch:disabled{opacity:.5;cursor:not-allowed}.token-status{font-size:12px;min-height:16px;line-height:1.4}.token-status--idle{color:transparent}.token-status--loading{color:var(--b-text);opacity:.5}.token-status--success{color:var(--b-accent-hover)}.token-status--error{color:var(--b-error)}.builder-body{display:flex;flex:1;overflow:hidden}.builder-panel{width:360px;background:#fff;border-right:1px solid var(--b-border);overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column}.panel-section{padding:0 4px;border-bottom:1px solid var(--b-bg-alt)}.panel-section:last-child{border-bottom:none}.panel-label{font-size:14px;font-weight:600;color:var(--b-text);letter-spacing:normal;text-transform:none;margin-bottom:10px;display:block}.layout-list{display:flex;flex-direction:column;gap:3px}.layout-btn{display:flex;align-items:baseline;gap:8px;width:100%;padding:9px 10px;background:#fff;border:1px solid var(--b-bg-alt);border-radius:4px;cursor:pointer;text-align:left;transition:background .1s ease,border-color .1s ease}.layout-btn:hover{background:var(--b-accent-wash);border-color:var(--b-accent)}.layout-btn.active{background:var(--b-accent-hover);border-color:var(--b-accent-hover)}.layout-btn-label{font-size:13px;font-weight:600;color:var(--b-text)}.layout-btn.active .layout-btn-label{color:#fff}.layout-btn-desc{font-size:11px;color:var(--b-secondary)}.layout-btn.active .layout-btn-desc{color:#fff}.section-toggle-btn{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:12px 16px;margin:0 -4px;border-radius:6px;cursor:pointer;transition:background .15s ease}.section-toggle-btn:hover{background:var(--b-accent-tint)}.section-toggle-btn .panel-label{margin-bottom:0;display:inline}.section-chevron{width:16px;height:16px;color:#999;flex-shrink:0;transition:transform .2s ease;transform:rotate(90deg)}.panel-section--collapsed .section-chevron{transform:rotate(0)}.section-body{margin-top:4px;padding:0 12px 12px}.panel-section--collapsed .section-body,.panel-section--collapsed .panel-section-content,.panel-section--collapsed #brand-review,.panel-section--collapsed #brand-detect-review,.panel-section--collapsed .styling-entry-cards,.panel-section--collapsed .styling-detect-row,.panel-section--collapsed #styling-detect-row,.panel-section--collapsed #styling-theme-reveal,.panel-section--collapsed .styling-entry-instruction{display:none}.section-help-text{font-size:11px;color:var(--b-secondary);margin-top:0;margin-bottom:6px;padding:0 12px;max-height:3em;overflow:hidden;opacity:1;transition:max-height .15s ease,opacity .15s ease,margin .15s ease}.panel-section--collapsed .section-help-text{max-height:0;opacity:0;margin-top:0;margin-bottom:0}.section-help-text+.section-body{margin-top:0}.board-token-help{margin-top:6px}.board-token-help-link{font-size:11px;color:var(--b-secondary);text-decoration:none;cursor:pointer}.board-token-help-link:hover{text-decoration:underline}.board-token-tooltip{background:#1a1a1a;color:#fff;border-radius:4px;padding:10px 12px;font-size:12px;max-width:280px;margin-top:6px;line-height:1.5}.styling-group-label{font-size:10px;font-weight:700;color:var(--b-accent-mid);letter-spacing:.08em;text-transform:uppercase;margin:16px 0 8px;padding-top:16px;border-top:1px solid var(--b-bg-alt)}.styling-group-label:first-child{margin-top:0;padding-top:0;border-top:none}.styling-field{margin-bottom:10px}.styling-field .token-input{width:100%}.styling-label{font-size:10px;font-weight:700;color:var(--b-text);opacity:.4;letter-spacing:.07em;display:block;margin-bottom:5px}.color-input-row{display:flex;align-items:center;gap:6px}.color-picker{width:28px;height:28px;border:1px solid var(--b-border);border-radius:4px;padding:2px;cursor:pointer;background:none;flex-shrink:0}.color-hex{font-size:12px;padding:5px 8px;width:80px}.styling-color-pair{display:flex;gap:12px}.styling-color-pair>.styling-field{flex:1;min-width:0}.styling-color-pair .color-hex{width:100%;min-width:0}.styling-range{width:100%;height:4px;border-radius:2px;-webkit-appearance:none;appearance:none;background:var(--b-border);outline:none;cursor:pointer}.styling-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--b-accent);border:none;cursor:pointer}.styling-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--b-accent);border:none;cursor:pointer}.styling-select{font-size:12px;padding:6px 8px;width:100%;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.file-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 16px;border:2px dashed var(--b-border);border-radius:8px;background:#fafafa;cursor:pointer;transition:border-color .15s,background .15s;outline:none;text-align:center}.file-drop-zone:hover,.file-drop-zone:focus-visible{border-color:var(--b-accent);background:var(--b-accent-tint)}.file-drop-zone--active{border-color:var(--b-accent);background:var(--b-accent-wash);border-style:solid}.file-drop-zone--url{cursor:default}.file-drop-zone--populated{padding:12px 16px;border-style:solid;border-color:#e5e5e5;cursor:default}.file-drop-zone--populated:hover,.file-drop-zone--populated:focus-visible{border-color:var(--b-border);background:#fafafa}.file-drop-label{font-size:13px;font-weight:600;color:var(--b-text)}.file-drop-hint{font-size:11px;color:var(--b-secondary)}.file-drop-link{font-size:11px;color:var(--b-secondary);background:none;border:none;cursor:pointer;padding:0;margin-top:2px}.file-drop-link:hover{color:var(--b-text);text-decoration:underline}.file-drop-url-input{font-size:13px;padding:7px 10px;width:100%}.file-drop-preview{max-width:100%;object-fit:contain;display:block}.file-drop-preview--logo{max-width:200px;max-height:48px}.file-drop-preview--favicon{width:24px;height:24px}.file-drop-preview--hero{max-height:120px;max-width:100%}.file-drop-preview--photo{width:60px;height:60px;border-radius:50%;object-fit:cover}.file-drop-zone .token-status{margin-top:2px}.brand-review-actions{display:flex;align-items:center;gap:10px;margin-top:12px}.brand-dismiss{font-size:12px;color:var(--b-text);opacity:.45;background:none;border:none;padding:0;cursor:pointer}.brand-dismiss:hover{opacity:.7}.brand-review-card{background:#f9fafb;border:1px solid #E8E8E8;border-radius:8px;padding:16px;margin-top:8px}.brand-review-header{font-weight:700;font-size:12px;color:var(--b-text);margin-bottom:12px}.brand-review-row{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;font-size:12px}.brand-review-row+.brand-review-row{border-top:1px solid #F0F0F0}.brand-review-check{accent-color:var(--b-accent)}.brand-review-item{display:flex;align-items:center;gap:8px}.brand-review-item-label{font-weight:600;font-size:12px;color:var(--b-text)}.brand-review-item-value{font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-review-thumb--logo{max-width:80px;max-height:24px;object-fit:contain}.brand-review-thumb--favicon{width:20px;height:20px;object-fit:contain}.brand-review-swatches{display:flex;gap:8px;flex-wrap:wrap;margin-left:26px;padding-bottom:4px}.brand-review-swatch-col{display:flex;flex-direction:column;align-items:center;gap:2px}.brand-review-swatch-input{-webkit-appearance:none;appearance:none;width:20px;height:20px;border:1px solid #E0E0E0;border-radius:4px;padding:0;cursor:pointer;background:none}.brand-review-swatch-input::-webkit-color-swatch-wrapper{padding:0}.brand-review-swatch-input::-webkit-color-swatch{border:none;border-radius:3px}.brand-review-swatch-input::-moz-color-swatch{border:none;border-radius:3px}.brand-review-swatch-label{font-size:10px;color:#999;text-align:center;line-height:1.2}.block-special-row{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--b-bg-alt)}.block-special-row--talent{margin-top:14px;padding-top:14px;padding-bottom:0;margin-bottom:0;border-top:1px solid var(--b-bg-alt);border-bottom:none}.block-special-label{font-size:11px;font-weight:700;color:var(--b-text);display:block;margin-bottom:4px}.block-toggle-row{display:flex;align-items:center;gap:7px;cursor:pointer;margin-bottom:4px}.block-toggle-row input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--b-accent)}.block-toggle-row .block-special-label{margin-bottom:0}.block-guidance-copy{font-size:11px;color:var(--b-secondary);line-height:1.5;margin-top:4px}.hero-stats-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--b-text);cursor:pointer;margin-top:12px}.hero-stats-toggle input[type=checkbox]{margin:0}.block-list-divider{display:flex;align-items:center;gap:6px;margin:14px 0 8px}.block-list-label{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--b-secondary)}.block-list-count{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--b-secondary);background:var(--b-bg-alt);min-width:18px;height:18px;border-radius:9px;padding:0 5px}.block-list-empty{font-size:12px;color:var(--b-text);opacity:.35}.block-list-empty-prompt{font-size:12px;color:var(--b-secondary);text-align:center;padding:16px 0}.cf-field{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-bottom:1px solid #F2F2F2}.cf-field:last-child{border-bottom:none}.cf-field-name{font-size:10px;font-weight:700;color:#556b63;letter-spacing:.07em;display:block}.cf-option-row{display:flex;align-items:center;gap:7px;cursor:pointer}.cf-option-row input[type=checkbox]{flex-shrink:0;cursor:pointer;accent-color:var(--b-accent);width:13px;height:13px}.cf-option-row span{font-size:12px;color:var(--b-text);line-height:1.3}.ff-subhead{font-size:11px;font-weight:600;color:var(--b-accent);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}.ff-divider{border-top:1px solid var(--b-bg-alt);margin-top:12px;padding-top:4px}.ff-empty-hint{font-size:12px;color:#666;line-height:1.4}.ff-subhead-hint{font-size:12px;color:#666;margin:-4px 0 8px;line-height:1.4}.block-add-row{display:flex;gap:6px;margin-top:14px;margin-bottom:6px}.block-item{border:1px solid var(--b-bg-alt);border-radius:4px;margin-bottom:6px;background:#fff}.block-item--just-added,.block-pulse{animation:block-pulse-flash 1s ease}@keyframes block-pulse-flash{0%{background-color:#24a47f26}to{background-color:transparent}}.block-item-header{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 8px 7px 0;border-bottom:1px solid var(--b-bg-alt);cursor:grab;user-select:none}.block-item-header:active{cursor:grabbing}.block-drag-handle{display:flex;align-items:center;justify-content:center;width:24px;flex-shrink:0;color:#c4c4c4;transition:color .1s}.block-item-header:hover .block-drag-handle{color:#999}.block-item--collapsed .block-item-header{border-bottom:none}.block-item-title{display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow:hidden}.block-item-icon{flex-shrink:0;color:var(--b-secondary)}.block-item-preview{font-size:11px;font-weight:400;color:var(--b-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-item--ghost{opacity:.35;border:1px dashed var(--b-accent)!important;background:var(--b-accent-wash)!important}.block-item--drag{box-shadow:0 4px 12px #15372c1f;opacity:.95}.block-item-type{font-size:12px;font-weight:700;color:var(--b-text)}.block-item-controls{display:flex;gap:2px}.block-ctrl-btn{font-size:13px;color:var(--b-text);background:none;border:none;padding:2px 5px;cursor:pointer;opacity:.4;border-radius:3px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.block-ctrl-btn:hover:not(:disabled){opacity:.8;background:var(--b-bg-alt)}.block-ctrl-btn:disabled{opacity:.15;cursor:not-allowed}.block-ctrl-btn--remove{color:var(--b-error)}.block-ctrl-btn--remove:hover:not(:disabled){opacity:.9;background:#fff0ef}.block-item-fields{display:flex;flex-direction:column;gap:6px;padding:10px}.block-field{width:100%}.block-field-label{font-size:11px;font-weight:600;color:var(--b-secondary);margin-top:4px}.block-textarea{font-size:13px;padding:7px 10px;width:100%;resize:vertical;min-height:72px;line-height:1.5}.block-items-list{display:flex;flex-direction:column;gap:5px}.block-item-row{display:flex;gap:5px;align-items:center}.block-item-row--two{flex-wrap:wrap}.block-item-card{flex-direction:column;align-items:stretch;gap:8px;border:1px solid var(--b-bg-alt);border-radius:4px;padding:12px}.block-item-card-top{display:flex;align-items:center;gap:8px}.block-item-card-top .block-item-input{flex:1;min-width:0}.block-item-emoji{font-size:20px;width:36px;flex:0 0 36px;text-align:center;background:transparent;border:1px solid transparent;border-radius:4px;padding:2px;cursor:pointer;line-height:1}.block-item-emoji:hover{background:var(--b-accent-tint)}.block-item-emoji:focus{border-color:var(--b-accent);outline:none}.block-item-emoji::placeholder{opacity:.35;font-size:16px}.block-item-step-number{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--b-accent-tint);color:var(--b-accent);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;line-height:1}.styling-drop-row{display:flex;gap:12px}.styling-drop-col{flex:1;min-width:0}#sf-logoDrop .file-drop-zone,#sf-faviconDrop .file-drop-zone{height:80px;padding:6px 8px;gap:1px}#sf-logoDrop .file-drop-label,#sf-logoDrop .file-drop-hint,#sf-faviconDrop .file-drop-label,#sf-faviconDrop .file-drop-hint,#sf-logoDrop .file-drop-link,#sf-faviconDrop .file-drop-link{display:none}#sf-logoDrop .file-drop-zone--populated,#sf-faviconDrop .file-drop-zone--populated{gap:4px}#sf-logoDrop .file-drop-zone--populated .file-drop-link,#sf-faviconDrop .file-drop-zone--populated .file-drop-link{display:block;font-size:10px}#sf-logoDrop .file-drop-preview--logo{max-height:36px;max-width:100%}#sf-faviconDrop .file-drop-preview--favicon{width:auto;height:auto;max-height:28px;max-width:100%}#sf-logoDrop .token-status,#sf-faviconDrop .token-status{display:none}#sf-logoDrop .file-drop-zone:not(.file-drop-zone--populated):not(.file-drop-zone--url):before{content:"Drop logo";font-size:12px;font-weight:600;color:var(--b-text)}#sf-faviconDrop .file-drop-zone:not(.file-drop-zone--populated):not(.file-drop-zone--url):before{content:"Drop favicon";font-size:12px;font-weight:600;color:var(--b-text)}#sf-logoDrop .file-drop-zone:not(.file-drop-zone--populated):not(.file-drop-zone--url):after{content:"PNG, SVG, JPG · 2 MB";font-size:10px;color:var(--b-secondary)}#sf-faviconDrop .file-drop-zone:not(.file-drop-zone--populated):not(.file-drop-zone--url):after{content:"PNG, SVG, ICO · 1 MB";font-size:10px;color:var(--b-secondary)}.block-item-card .block-textarea{min-height:auto;resize:none}.block-item-card-top [data-file-drop=team-photo]{width:72px;height:72px;flex:0 0 72px}.block-item-card-top [data-file-drop=team-photo] .file-drop-zone{height:100%;padding:4px;gap:0}.block-item-card-top [data-file-drop=team-photo] .file-drop-label,.block-item-card-top [data-file-drop=team-photo] .file-drop-hint,.block-item-card-top [data-file-drop=team-photo] .file-drop-link{display:none}.block-item-card-top [data-file-drop=team-photo] .file-drop-zone--populated .file-drop-link{display:block;font-size:10px}.block-item-card-top [data-file-drop=team-photo] .file-drop-zone:not(.file-drop-zone--populated):not(.file-drop-zone--url):after{content:"";display:block;width:24px;height:24px;background:currentColor;color:#c4c4c4;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain}.block-item-card-top [data-file-drop=team-photo] .file-drop-preview--photo{width:48px;height:48px;border-radius:4px}.block-item-card-top [data-file-drop=team-photo] .token-status{display:none}.block-item-input-stack{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.block-item-row--two .block-item-input{flex:1 1 80px;min-width:0}.block-item-input{flex:1;min-width:0}.block-item-remove-btn{font-size:14px;color:var(--b-error);background:none;border:none;padding:2px 4px;cursor:pointer;opacity:.45;flex-shrink:0;line-height:1}.block-item-remove-btn:hover{opacity:.9}.block-add-item-btn{font-size:11px;color:var(--b-text);opacity:.45;background:none;border:none;padding:3px 0 0;cursor:pointer;text-align:left}.block-add-item-btn:hover{opacity:.75}.builder-preview{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#e8e8e8;padding:16px}.device-toggle-group{display:flex;gap:2px;justify-content:center;flex-shrink:0;margin-bottom:8px}.btn-device-toggle{background:none;border:1px solid rgba(21,55,44,.15);border-radius:4px;padding:5px 7px;cursor:pointer;color:#15372c59;transition:color .1s ease,border-color .1s ease;display:flex;align-items:center}.btn-device-toggle:hover{color:#15372c99;border-color:#15372c4d}.btn-device-toggle.active{color:var(--b-text);border-color:#15372c66}.btn-device-toggle svg{width:16px;height:16px}.preview-viewport{flex:1;width:100%;margin:0 auto;display:flex;flex-direction:column;transition:width .3s ease}.preview-viewport--tablet{width:768px;background:#fff;border-radius:24px;box-shadow:0 2px 16px #00000014;padding:12px}.preview-viewport--mobile{width:375px;background:#fff;border-radius:32px;box-shadow:0 2px 16px #00000014;padding:12px}.preview-frame-wrap{flex:1;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px #15372c1a,0 0 0 1px #15372c0f}.preview-viewport--tablet .preview-frame-wrap,.preview-viewport--mobile .preview-frame-wrap{box-shadow:none;border-radius:12px}.preview-frame-wrap iframe{width:100%;height:100%;border:none;display:block}@keyframes preview-enter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.preview-frame-wrap iframe.preview-intro{animation:preview-enter .4s ease-out}.block-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:10px}.block-picker-card{display:flex;flex-direction:column;gap:3px;padding:10px 8px 8px;background:#fff;border:1px solid var(--b-bg-alt);border-radius:4px;cursor:pointer;text-align:left;min-width:0;transition:background .1s ease,border-color .1s ease}.block-picker-card:hover{background:var(--b-accent-tint);border-color:var(--b-accent)}.block-picker-icon{color:var(--b-accent-mid);flex-shrink:0;margin-bottom:2px}.block-picker-card-name{font-size:12px;font-weight:700;color:var(--b-text);line-height:1.3}.block-picker-card-desc{font-size:10px;color:var(--b-secondary);line-height:1.4}.export-modal{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.export-modal[hidden]{display:none}.export-modal-card{background:#fff;border:1px solid var(--b-border);border-radius:4px;padding:32px;max-width:460px;width:calc(100% - 40px);position:relative}.export-modal-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:20px;line-height:1;padding:4px;cursor:pointer;color:#15372c59}.export-modal-close:hover{color:var(--b-text)}.export-modal-title{font-family:Merriweather,serif;font-size:17px;font-weight:700;color:var(--b-text);margin-bottom:10px;padding-right:24px;line-height:1.3}.export-modal-body{font-size:13px;color:var(--b-text);opacity:.65;line-height:1.6;margin-bottom:20px}.export-modal-options{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.export-option{border:1px solid var(--b-bg-alt);border-radius:4px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.export-option-label{font-size:12px;font-weight:700;color:var(--b-text)}.export-option-desc{font-size:12px;color:var(--b-text);opacity:.6;line-height:1.5}.export-option-desc strong{opacity:1;color:var(--b-text);font-weight:700}.export-option-desc code{font-family:monospace;font-size:11px;background:#f5f5f5;padding:1px 4px;border-radius:2px;opacity:1}.styling-entry-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.styling-entry-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;background:var(--panel-bg, #fff);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;cursor:pointer;transition:border-color .15s ease,background .15s ease;text-align:center}.styling-entry-card:hover{border-color:#24a47f}.styling-entry-card--active{border-color:#24a47f;background:#24a47f0f}.styling-entry-icon{font-size:16px;line-height:1}.styling-entry-label{font-size:11px;font-weight:600;color:#15372c;line-height:1.2}.styling-entry-hint{font-size:10px;color:#666;line-height:1.2}.styling-entry-instruction{font-size:12px;color:#24a47f;font-weight:500;text-align:center;padding:6px 0;margin-bottom:4px}.styling-reset-row{text-align:right;margin-bottom:4px}.styling-reset-link{background:none;border:none;padding:0;font-size:11px;color:#666;cursor:pointer;text-decoration:underline}.styling-reset-link:hover{color:#333}.styling-detect-row{margin-bottom:12px}.styling-theme-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.styling-theme-chip{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;padding:0;cursor:pointer}.styling-theme-chip-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;transition:border-color .15s}.styling-theme-chip-swatch--none{background:#fff;border-color:var(--b-border)}.styling-theme-chip:hover .styling-theme-chip-swatch{border-color:var(--b-border)}.styling-theme-chip--active .styling-theme-chip-swatch{border-color:var(--b-accent)}.styling-theme-chip-label{font-size:9px;color:var(--b-text);font-weight:600}.theme-chip-swatches{display:flex;gap:3px;margin-bottom:2px}.theme-chip-swatch{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.qs-overlay{position:fixed;inset:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .2s ease}.qs-overlay--fade-out{opacity:0}.qs-panel{background:#fff;border-radius:12px;padding:48px;width:100%;max-width:640px;min-height:360px;position:relative;box-shadow:0 8px 32px #0000001f;margin:16px}.qs-close{position:absolute;top:14px;right:14px;background:none;border:none;cursor:pointer;font-size:18px;color:var(--b-secondary);line-height:1;padding:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px}.qs-close:hover{color:var(--b-text);background:#f5f5f5}.qs-dots{display:flex;gap:6px;margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.qs-dots::-webkit-scrollbar{display:none}.qs-dot{width:8px;height:8px;border-radius:50%;background:#d0d0d0;flex-shrink:0;border:none;padding:0;cursor:pointer;transition:background .15s}.qs-dot--active{background:var(--b-accent)}.qs-dot--visited{background:#a7dbcc}.qs-heading{font-family:Merriweather,serif;font-size:18px;font-weight:700;color:var(--b-text);margin-bottom:20px;line-height:1.3}.qs-field-row{display:flex;gap:8px;margin-bottom:8px}.qs-field-row .token-input{flex:1;min-width:0}.qs-nav{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.qs-nav--right{justify-content:flex-end}.qs-skip-link{font-size:12px;color:var(--b-secondary);text-decoration:none}.qs-skip-link:hover{text-decoration:underline}.btn-qs-next{background:var(--b-accent);color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}.btn-qs-next:hover{background:var(--b-accent-hover)}.btn-qs-back{font-size:12px;color:var(--b-secondary);background:none;border:none;padding:0;cursor:pointer;text-decoration:none}.btn-qs-back:hover{text-decoration:underline}.qs-layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}.qs-layout-card{background:#fff;border:1.5px solid var(--b-border);border-radius:6px;padding:12px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:4px;transition:border-color .15s}.qs-layout-card:hover{border-color:var(--b-accent)}.qs-layout-card--selected{border-color:var(--b-accent);background:var(--b-accent-tint)}.qs-layout-name{font-size:13px;font-weight:700;color:var(--b-text)}.qs-layout-desc{font-size:11px;color:var(--b-secondary);line-height:1.4}.qs-relaunch-row{padding:12px 20px;margin-bottom:8px;border-bottom:1px solid var(--b-bg-alt)}.btn-qs-relaunch{background:var(--b-accent);border:none;border-radius:4px;padding:10px 12px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;width:100%;text-align:center;transition:background .15s}.btn-qs-relaunch:hover{background:var(--b-accent-hover)}.qs-block-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.qs-block-card{border:1.5px solid var(--b-border);border-radius:6px;padding:10px 12px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:3px;position:relative;transition:border-color .15s;background:#fff}.qs-block-card:hover{border-color:var(--b-accent)}.qs-block-card--selected{border-color:var(--b-accent);background:var(--b-accent-tint)}.qs-block-checkmark{position:absolute;top:6px;right:8px;font-size:11px;color:var(--b-accent);font-weight:700;display:none}.qs-block-card--selected .qs-block-checkmark{display:block}.qs-block-name{font-size:12px;font-weight:700;color:var(--b-text)}.qs-block-desc{font-size:11px;color:var(--b-secondary);line-height:1.3}.qs-subheading{font-size:12px;color:var(--b-secondary);margin-top:-12px;margin-bottom:16px}@media (max-width: 520px){.qs-block-grid{grid-template-columns:repeat(2,1fr)}}.page-list{padding:12px 16px;border-bottom:1px solid var(--b-bg-alt)}.page-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.page-list-title{font-size:11px;font-weight:700;color:var(--b-secondary);letter-spacing:.06em;text-transform:uppercase}.btn-add-page{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--b-accent);background:none;border:1px solid var(--b-accent);border-radius:4px;cursor:pointer;line-height:1;padding:0;transition:background .1s ease,color .1s ease}.btn-add-page:hover{background:var(--b-accent);color:#fff}.page-list-items{list-style:none;display:flex;flex-direction:column;gap:2px}.page-list-item{display:flex;align-items:center;gap:2px;border-radius:4px;transition:background .1s ease}.page-list-item:hover{background:#f5f5f5}.page-list-item.active{background:var(--b-accent)}.page-list-item-btn{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--b-text);background:none;border:none;padding:6px 8px;cursor:pointer;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-list-item.active .page-list-item-btn{color:#fff}.page-list-item-edit{font-size:13px;color:var(--b-secondary);background:none;border:none;padding:4px 5px;cursor:pointer;opacity:0;transition:opacity .1s ease;line-height:1;flex-shrink:0}.page-list-item:hover .page-list-item-edit{opacity:.5}.page-list-item-edit:hover{opacity:1!important;color:var(--b-text)}.page-list-item.active .page-list-item-edit{color:#fff}.page-list-item.active:hover .page-list-item-edit{opacity:.7}.page-list-item-remove{font-size:15px;color:var(--b-secondary);background:none;border:none;padding:4px 6px;cursor:pointer;opacity:0;transition:opacity .1s ease;line-height:1;flex-shrink:0}.page-list-item:hover .page-list-item-remove{opacity:.4}.page-list-item-remove:hover{opacity:1!important;color:var(--b-error)}.page-list-item.active .page-list-item-remove{color:#fff}.page-list-item.active:hover .page-list-item-remove{opacity:.7}.page-remove-confirm{display:flex;align-items:center;gap:8px;padding:4px 8px;width:100%}.page-remove-confirm-label{font-size:12px;color:#666;flex:1}.page-remove-confirm-yes{font-size:11px;font-weight:600;padding:3px 10px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer}.page-remove-confirm-yes:hover{background:#b02a37}.page-remove-confirm-cancel{font-size:11px;font-weight:600;padding:3px 10px;background:none;border:1px solid #cccccc;border-radius:4px;cursor:pointer;color:#666}.page-remove-confirm-cancel:hover{background:#f5f5f5}.page-list-item-home{background:none;border:none;cursor:pointer;font-size:11px;font-weight:600;padding:2px 6px;color:#666;border-radius:4px;white-space:nowrap;transition:color .15s ease,background .15s ease;opacity:0;pointer-events:none}.page-list-item:hover .page-list-item-home,.page-list-item.active .page-list-item-home{opacity:1;pointer-events:auto}.page-list-item-home--active{color:#24a47f;opacity:1;pointer-events:auto}.page-list-item-home:hover:not(.page-list-item-home--active){color:#15372c;background:#24a47f14}.page-list-item-lock{font-size:12px;color:var(--b-secondary);padding:4px 6px;line-height:1;flex-shrink:0;opacity:.35}.page-list-item.active .page-list-item-lock{color:#fff}.page-list-item-drag{cursor:grab;color:#999;font-size:14px;padding:0 4px;line-height:1;flex-shrink:0}.page-list-item-drag:active{cursor:grabbing}.page-list-item--ghost{opacity:.4}.page-list-item--chosen{background:#24a47f0d}.add-page-options{padding:8px 16px 12px;display:flex;flex-direction:column;gap:4px}.add-page-option{display:flex;align-items:center;width:100%;padding:8px 12px;background:#fff;border:1px solid var(--b-bg-alt);border-radius:4px;cursor:pointer;text-align:left;transition:background .1s ease,border-color .1s ease}.add-page-option:hover{background:var(--b-accent-tint);border-color:var(--b-accent)}.add-page-option-label{font-size:13px;font-weight:600;color:var(--b-text)}.btn-cancel-add-page{font-size:12px;color:var(--b-secondary);background:none;border:none;padding:6px 0;cursor:pointer;text-align:center}.btn-cancel-add-page:hover{color:var(--b-text)}.brief-form{display:flex;flex-direction:column;gap:6px;padding:0 12px}.input-label{font-size:10px;font-weight:700;color:var(--b-text);opacity:.4;letter-spacing:.07em;display:block;margin-bottom:2px;margin-top:6px}.input-label:first-child{margin-top:0}.brief-input{font-size:13px;padding:7px 10px;width:100%;color:var(--b-text);background:#fff;border:1px solid var(--b-border);border-radius:4px;outline:none;transition:border-color .1s ease}.brief-input:focus{border-color:var(--b-accent)}.brief-input::placeholder{color:var(--b-text);opacity:.35}.brief-textarea{font-size:13px;padding:7px 10px;width:100%;color:var(--b-text);background:#fff;border:1px solid var(--b-border);border-radius:4px;outline:none;resize:vertical;line-height:1.5;transition:border-color .1s ease;font-family:inherit}.brief-textarea:focus{border-color:var(--b-accent)}.brief-textarea::placeholder{color:var(--b-text);opacity:.35}.brief-brand-summary{margin:12px 12px 0}.brief-collapse-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:12px;font-weight:600;color:var(--b-secondary);background:none;border:none;padding:6px 0;cursor:pointer;text-align:left}.brief-collapse-toggle:hover{color:var(--b-text)}.brief-collapse-toggle .chevron{font-size:14px;transition:transform .15s ease}.brief-collapse-toggle[aria-expanded=true] .chevron{transform:rotate(90deg)}.brief-brand-detail{padding:8px 0}.brief-brand-edit-hint{font-size:11px;color:var(--b-secondary);margin-top:8px}.brief-brand-fields{display:flex;flex-direction:column;gap:4px}.brief-brand-row{display:flex;align-items:center;gap:8px;font-size:12px}.brief-brand-key{font-weight:600;color:var(--b-secondary);width:72px;flex-shrink:0}.brief-brand-val{color:var(--b-text);display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brief-brand-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.brief-system-prompt{margin:4px 12px 0}.brief-system-prompt-detail{padding:8px 0}.brief-system-prompt-text{font-size:11px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;padding:10px;width:100%;color:var(--b-text);background:#f5f5f5;border:1px solid var(--b-border);border-radius:4px;outline:none;resize:vertical;line-height:1.5}.btn-generate{margin:12px;padding:10px 16px;font-size:13px;font-weight:700;color:#fff;background:var(--b-accent);border:none;border-radius:4px;cursor:pointer;transition:background .1s ease}.btn-generate:hover:not(:disabled){background:var(--b-accent-hover)}.btn-generate:disabled{opacity:.4;cursor:not-allowed}.refine-disabled-msg{font-size:12px;color:var(--b-secondary);padding:0 12px;margin-bottom:8px}#refine-content .brief-textarea{margin:0 12px;width:calc(100% - 24px)}.btn-secondary{margin:8px 12px 12px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--b-accent);background:none;border:1px solid var(--b-accent);border-radius:4px;cursor:pointer;transition:background .1s ease,color .1s ease}.btn-secondary:hover:not(:disabled){background:var(--b-accent);color:#fff}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.connect-banner{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#edf6f9;font-size:12px;color:var(--b-text);margin-bottom:8px;border-radius:4px}.connect-banner-icon{flex-shrink:0;color:#5b8f80}.connect-banner-close{margin-left:auto;background:none;border:none;cursor:pointer;font-size:16px;color:var(--b-text);opacity:.4;padding:0 2px;line-height:1}.connect-banner-close:hover{opacity:.7}.qs-placeholder-banner{background:#f9f9f9;padding:7px 16px;font-size:12px;color:var(--b-secondary);text-align:center;flex-shrink:0;border-bottom:1px solid var(--b-bg-alt)}.qs-style-cards{display:flex;gap:12px;margin-bottom:16px}.qs-style-card{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:#fff;border:1.5px solid var(--b-border);border-radius:6px;padding:16px;cursor:pointer;text-align:left;transition:border-color .15s}.qs-style-card:hover{border-color:var(--b-accent)}.qs-style-icon{color:var(--b-text)}.qs-style-title{font-size:14px;font-weight:700;color:var(--b-text)}.qs-style-desc{font-size:12px;color:var(--b-secondary)}.qs-theme-swatches{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.qs-theme-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;padding:0;cursor:pointer}.qs-theme-preview{width:56px;height:36px;border-radius:4px;overflow:hidden;position:relative;border:1px solid #E5E5E5}.qs-theme-accent{position:absolute;right:0;top:0;bottom:0;width:16px}.qs-theme-label{font-size:11px;color:var(--b-text);font-weight:600}.styling-theme-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px}.styling-theme-card{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;background:none;border:1.5px solid transparent;border-radius:4px;padding:4px;cursor:pointer;transition:border-color .15s}.styling-theme-card:hover{border-color:var(--b-border)}.styling-theme-card--active{border-color:var(--b-accent)}.styling-theme-swatch{width:48px;height:32px;border-radius:4px;overflow:hidden;position:relative;border:1px solid #E5E5E5}.styling-theme-accent{position:absolute;right:0;top:0;bottom:0;width:14px}.styling-theme-label{font-size:10px;color:var(--b-text);font-weight:600}.styling-help-text{font-size:11px;color:var(--b-secondary);margin-bottom:16px;margin-top:-4px}.hero-samples-toggle{font-size:11px;color:var(--b-accent);background:none;border:none;padding:0;margin-top:4px;cursor:pointer;text-align:center;width:100%}.hero-samples-toggle:hover{color:var(--b-accent-hover);text-decoration:underline}.hero-samples-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.hero-sample-card{display:flex;flex-direction:column;gap:4px;background:none;border:1px solid var(--b-bg-alt);border-radius:4px;padding:0;cursor:pointer;overflow:hidden;text-align:left;transition:border-color .1s ease}.hero-sample-card:hover{border-color:var(--b-accent)}.hero-sample-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.hero-sample-credit{font-size:10px;color:var(--b-secondary);padding:2px 6px 5px;line-height:1.3}.autosave-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--b-accent-tint);color:var(--b-text);border-left:3px solid var(--b-accent);border-radius:6px;padding:12px 16px;font-size:13px;z-index:500;opacity:1;transition:opacity .3s ease;pointer-events:none}.autosave-toast--fade{opacity:0}.btn-reset{display:inline-flex;align-items:center;gap:5px}.btn-reset-icon{display:none}.btn-reset--confirming{color:#c0392b;border-color:#c0392b59}.inline-edit-overlay{z-index:1000;background:#fff;border:2px solid #24A47F;border-radius:4px;padding:4px 8px;box-shadow:0 4px 12px #00000026;outline:none;min-height:1.4em;line-height:1.3;color:#111;resize:none}.inline-edit-overlay:focus{border-color:#24a47f;box-shadow:0 4px 12px #00000026,0 0 0 3px #24a47f33}.inline-edit-overlay--mobile{padding:8px 12px;font-size:16px!important;border-radius:6px;box-shadow:0 4px 16px #0003}.mobile-toggle-bar{display:none}@media (max-width: 768px){.builder-wordmark-sep,.builder-wordmark-sub,.btn-undo-redo-label{display:none}.btn-undo-redo-icon{display:inline;font-size:15px}.btn-undo-redo{padding:5px 8px}.btn-reset-label{display:none}.btn-reset-icon{display:inline}.btn-reset{padding:5px 8px}.mobile-toggle-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;padding:10px 16px;background:#fff;border-top:1px solid var(--b-border)}.mobile-toggle-btn{width:100%;background:var(--b-accent);color:#fff;border:none;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:700;cursor:pointer}.mobile-toggle-btn:hover{background:var(--b-accent-hover)}.builder-panel{width:100%;flex-shrink:1;border-right:none;padding-bottom:64px}.builder-preview{display:none;padding:0 0 64px}.builder-body.show-preview .builder-panel{display:none}.builder-body.show-preview .builder-preview{display:flex}.device-toggle-group{display:none}.preview-viewport{width:100%;border-radius:0;box-shadow:none;padding:0;background:transparent}.preview-frame-wrap{border-radius:0;box-shadow:none}}