.website-page .brief-layout:has(#builder:not([hidden])){grid-template-columns:minmax(0,1fr)}.website-page .brief-layout:has(#builder:not([hidden]))>.brief-summary{position:static;max-width:700px;margin:30px auto;width:100%}.ed-tabs{display:flex;gap:6px;border-bottom:1px solid #394255;padding-bottom:12px;margin-bottom:20px;flex-wrap:wrap}.ed-tabs button,.ed-tools button,.ed-presets button,.ed-preview-bar button{background:#1b2130;border:1px solid #39465f;color:#b9c5de;border-radius:6px;padding:10px 13px;font:inherit;font-size:12px;cursor:pointer}.ed-tabs [aria-selected=true],.ed-tools [aria-pressed=true],.ed-preview-bar [aria-pressed=true]{background:#617eff;color:white;border-color:#91a3ff}.ed-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}.ed-controls{border:1px solid #394255;background:#171d28;padding:18px;border-radius:12px;min-width:0}.ed-controls h3{font-size:18px;margin:0 0 20px}.ed-controls h4{font-size:15px}.ed-field{display:block;font-size:11px;color:#c3cde1;margin:13px 0}.ed-field span{display:block;margin-bottom:7px;line-height:1.6}.ed-field input,.ed-field select,.ed-field textarea{font:inherit;color:#e8eef9;background:#101622;border:1px solid #39465d;border-radius:6px;padding:10px;width:100%;min-width:0;display:block;resize:vertical}.ed-field input[type=color]{padding:3px;height:36px;cursor:pointer}.ed-field input[type=number]{font-size:14px}.ed-field input:focus,.ed-field textarea:focus,.ed-field select:focus{outline:2px solid #7c96ff}.ed-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.ed-check{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#b8c6de;margin:17px 0;line-height:1.7}.ed-check input{accent-color:#7d98ff;margin-top:4px}.ed-presets,.ed-tools{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.ed-primary,.ed-outline{border:1px solid #7895ff;background:#617eff;color:#fff;cursor:pointer;padding:12px;border-radius:6px;width:100%;font-size:12px}.ed-outline{background:transparent;color:#c4d3ff}.ed-element-list{display:flex;flex-direction:column;gap:7px;max-height:260px;overflow:auto;margin:18px 0}.ed-element-list button{display:grid;grid-template-columns:24px 1fr;text-align:left;gap:4px 8px;border:1px solid #35405a;background:#101622;color:#c4d0e8;padding:10px;border-radius:7px;cursor:pointer;min-width:0}.ed-element-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ed-element-list small{grid-column:2;color:#8394b6;font-size:10px}.ed-element-list [aria-pressed=true]{border-color:#819bff;background:#263555}.ed-preview{min-width:0;position:sticky;top:115px}.ed-preview-bar{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:12px;font-size:10px;letter-spacing:1px;color:#adbcd8}.ed-preview-bar div{display:flex;gap:5px}.ed-preview-scroll{height:700px;max-height:75vh;overflow:auto;border:1px solid #3b465b;border-radius:10px;background:repeating-conic-gradient(#202837 0% 25%,#18202d 0% 50%) 50%/20px 20px;padding:12px}.ed-preview #live-preview{width:100%;max-width:100%;margin:auto;background:transparent;color:inherit;border-radius:0;padding:0}.ed-preview #live-preview.mobile{max-width:360px}.ed-preview .engine-block{cursor:pointer;outline-offset:-3px}.ed-preview .engine-block:hover{outline:2px dashed #718cde}.ed-preview .engine-block.ed-selected{outline:2px solid #5873ea}.ed-preview .engine-block:focus{outline:3px solid #5873ea}.ed-preview .engine-page p{font:inherit;font-size:var(--blockbody);line-height:1.7}.ed-preview .engine-page h1,.ed-preview .engine-page h2{color:inherit;font-size:var(--size);line-height:1.15;margin:0 0 18px}.ed-preview .engine-page a{color:inherit}.ed-preview .engine-page .engine-btn{color:var(--blockbg);background:var(--blockaccent)}.ed-help,.ed-state{color:#899bbf;font-size:11px;line-height:1.8}.ed-warning{font-size:11px;line-height:1.7;color:#ffc07d}.ed-state{margin-top:15px}.ed-drawing .ed-preview-scroll{height:auto;max-height:75vh}.ed-drawing canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair;background:white}.website-page .brief-hero{gap:45px}.website-page .puzzle-caption{letter-spacing:2px}@media(max-width:950px){.ed-workspace{grid-template-columns:260px minmax(0,1fr);gap:16px}.ed-controls{padding:14px}}@media(max-width:700px){.ed-workspace{display:flex;flex-direction:column}.ed-controls,.ed-preview{width:100%;position:static}.ed-controls{max-height:none}.ed-element-list{max-height:190px}.ed-preview-scroll{height:650px;max-height:70vh}.ed-preview .engine-page h1{font-size:min(var(--size),38px)}.ed-preview .engine-side{display:block}.ed-preview .engine-body{display:flex;flex-direction:column}.ed-preview .engine-side .engine-nav{flex-direction:row;min-height:0}.ed-tabs button{font-size:11px;padding:10px}.website-page .header nav a{font-size:10px}.ed-preview-bar{letter-spacing:.4px}.ed-drawing .ed-preview-scroll{max-height:none}}

@media(max-width:700px){.ed-workspace:not(.ed-drawing) .ed-preview{order:-1;position:sticky;top:105px;background:#101115;padding-top:10px;z-index:3}.ed-workspace:not(.ed-drawing) .ed-preview-scroll{height:260px;max-height:32vh}.ed-workspace:not(.ed-drawing) .ed-preview .ed-help{font-size:9px;margin:7px 0 10px}}

.ed-tabs .ed-example{margin-left:auto;color:#bef2d5;border-color:#46715a;background:#1b3029}.ed-preview .engine-block h1,.ed-preview .engine-block h2{white-space:pre-line}.ed-preview .engine-page .engine-item strong{color:inherit}.ed-preview .engine-page .engine-item p{color:inherit;font-size:13px}@media(max-width:700px){.ed-tabs .ed-example{margin-left:0}.ed-preview .engine-block{padding:min(var(--pad),24px)}.ed-preview .engine-block h2{font-size:min(var(--size),30px)}}

.ed-more{border-top:1px solid #384258;margin:18px 0;padding-top:14px}.ed-more>summary{cursor:pointer;font-size:12px;color:#b8c9eb;padding:5px 0}.ed-more[open]>summary{margin-bottom:12px}.ed-quick{padding:14px 18px;border:1px solid #426850;background:#1a3025;color:#c6ecd6;border-radius:8px;font-size:13px;line-height:1.7}.ed-lines{display:flex;flex-direction:column;gap:10px}.ed-line{position:relative;background:#101622;padding:10px;border:1px solid #36435a;border-radius:7px}.ed-line>button{position:absolute;right:6px;top:6px;border:0;background:none;color:#b7c8e8;font-size:20px;cursor:pointer}.ed-line .ed-field{margin:10px 0}.ed-line .ed-field span{padding-right:15px}.ed-add{border-top:1px solid #39465b;margin-top:20px;padding-top:8px}.ed-controls h3{line-height:1.5;overflow-wrap:anywhere}.ed-controls .ed-tools button{font-size:11px;padding:9px}.ed-field textarea{min-height:80px}

@media(max-width:700px){.ed-field input,.ed-field select,.ed-field textarea{font-size:16px;min-height:44px}.ed-field input[type=color]{height:44px}.ed-primary,.ed-outline,.ed-tools button,.ed-tabs button,.ed-preview-bar button{min-height:44px}.ed-line>button{width:36px;height:36px}.ed-controls{padding:16px}.ed-preview-bar button{padding:8px;font-size:11px}.ed-quick{font-size:12px}}@media(max-width:700px) and (max-height:600px){.ed-workspace:not(.ed-drawing) .ed-preview{position:static}.ed-workspace:not(.ed-drawing) .ed-preview-scroll{height:220px;max-height:none}}

.ed-mobile-switch{display:none}@media(max-width:700px){.ed-mobile-switch{display:block;position:sticky;top:105px;z-index:6;border:1px solid #8aa2ff;background:#617eff;color:white;font:inherit;font-size:14px;border-radius:7px;min-height:46px;padding:12px;width:100%;cursor:pointer;margin:15px 0}.ed-workspace.ed-mobile-controls .ed-preview{display:none}.ed-workspace.ed-mobile-preview .ed-controls{display:none}.ed-workspace:not(.ed-drawing) .ed-preview{position:static;order:0;padding-top:0}.ed-workspace:not(.ed-drawing) .ed-preview-scroll{height:480px;max-height:65vh}.ed-controls,.ed-preview{scroll-margin-top:170px}.ed-drawing+.ed-state{margin-top:15px}}

.ed-mobile-switch[hidden]{display:none!important}

@media(max-width:700px){.ed-preview .engine-links{display:none}.ed-preview .engine-mobile-menu{display:block}.ed-preview .engine-nav{padding:14px;align-items:center;flex-direction:row}.ed-preview .engine-nav strong{font-size:16px;max-width:65%;letter-spacing:0}.ed-preview .engine-items{grid-template-columns:1fr}.ed-preview .engine-block{padding:22px;min-height:0}.ed-preview .engine-block h1{font-size:min(var(--size),34px)}.ed-preview .engine-block h2{font-size:min(var(--size),27px)}.ed-preview .engine-nav a{min-height:44px}.ed-preview .engine-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;max-width:100%}}

@media(max-width:700px){.ed-preview-bar>div{display:none}}