.page-builder{--be-accent:#c6d5b2;--be-muted:#858880;--be-border:#272922;--be-card:#0b0c0a;max-width:1320px;margin:auto}
.be-control-title{font-size:10px;color:#b7c5a4;margin:23px 0 12px}.be-fonts,.be-name-looks,.be-moods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:24px}
.be-fonts button,.be-name-looks button{border:1px solid #2e3825;background:#12170e;border-radius:8px;padding:12px 5px 10px;min-width:0;color:#d9e4cd;transition:border-color .2s,background .2s}.be-fonts button:hover,.be-name-looks button:hover{border-color:#829b63;background:#1b2414}.be-fonts button[aria-pressed=true]{border-color:#aec88c;background:#26331d;box-shadow:0 0 0 1px #aec88c30}.be-fonts button>span,.be-name-looks button>span{display:block;font-size:29px;line-height:1.5;font-weight:500}.be-fonts small,.be-name-looks small,.be-moods small{display:block;font:8px/1.5 system-ui;color:#91a47d;margin-top:5px;overflow-wrap:anywhere}
.be-name-looks button>span{font-weight:600;font-size:25px}.be-look-neon{color:#fff0fd;text-shadow:0 0 12px #ed64d4,0 0 4px #ed64d4}.be-look-gold{background:radial-gradient(circle,#fff .6px,transparent 1px) 0 0/4px 4px,linear-gradient(120deg,#c99239,#fff0bd,#bd8024);background-clip:text;color:transparent}.be-look-candy{color:#ffd9ef;text-shadow:2px 2px #913855;-webkit-text-stroke:.5px #ae4d7a}.be-look-chrome{background:linear-gradient(#fff,#8d98b3 45%,#333d50 49%,#fff 53%,#9eacce);color:transparent;background-clip:text}.be-look-halo{background:linear-gradient(110deg,#ffc7f6,#98ecf2,#fff5c4,#dab3ff);color:transparent;background-clip:text}
.be-advanced{margin-top:20px;border-top:1px solid #293222;padding-top:17px}.be-advanced summary{cursor:pointer;color:#b3c49d;font-size:10px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.be-advanced summary:after{content:'+';font-size:15px}.be-advanced[open] summary:after{content:'−'}.be-advanced summary span{margin-left:auto;color:#768e5c}.be-advanced[open] summary{margin-bottom:20px}.be-advanced summary::-webkit-details-marker{display:none}
.be-moods button{text-align:left;padding:0;min-width:0}.be-moods button>span{display:block;height:54px;border:1px solid #ffffff20;border-radius:8px}.be-moods button:hover>span{outline:1px solid #b0c893;outline-offset:2px}.be-moods small{font-size:9px}.be-texture-title{border-top:1px solid #293222;padding-top:22px}.be-design-card .be-upload{margin-top:22px}
.page-builder button,.page-builder input,.page-builder select,.page-builder textarea{font:inherit}
.page-builder svg{width:17px;height:17px;flex-shrink:0;vertical-align:middle}.page-builder .button{font-size:12px}
.be-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 0 22px;border-bottom:1px solid var(--be-border);margin-bottom:26px;font-size:11px;color:var(--be-muted)}
.be-toolbar>div:first-child{display:flex;align-items:center;gap:8px}.be-save-dot{width:5px;height:5px;border-radius:50%;background:#a1b58c}.is-dirty .be-save-dot{background:#dcba83}.is-dirty #be-save-state{color:#dcba83}
.be-toolbar-actions{display:flex;align-items:center;gap:8px}.be-toolbar-actions>.be-icon{margin-right:3px}
.be-icon{width:30px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;padding:0;color:#7f8873;flex-shrink:0;transition:background .2s,color .2s}.be-icon:hover,.be-icon.is-active{background:#20251a;color:#d7e6c1}.be-icon:disabled{opacity:.25;cursor:default}
.be-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(300px,.87fr);gap:40px;align-items:start}
.be-controls{min-width:0}.be-tabs{display:flex;gap:8px;padding:5px;border:1px solid var(--be-border);border-radius:9px;background:#090a08}.be-tabs button{flex:1;padding:11px;border-radius:5px;font-size:11px;transition:background .2s;color:#777e6e}.be-tabs button[aria-selected=true]{color:#d6dfca;background:#20241b;box-shadow:0 1px 3px #0006}
.be-section-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 1px 20px}.be-section-intro h2{font-size:20px;letter-spacing:-.6px;font-weight:500}.be-section-intro p{font-size:10px;color:#818777;margin-top:8px;line-height:1.7}.be-section-intro>span{color:#666f5b;font:10px monospace;white-space:nowrap}
.be-block{border:1px solid var(--be-border);border-radius:10px;background:var(--be-card);margin-bottom:12px;position:relative;transition:border-color .15s,opacity .2s}.be-block.is-selected{border-color:#66784d}.be-block.is-hidden .be-block-select{opacity:.45}.be-block.is-dragging{opacity:.35}.be-block.drop-before{box-shadow:0 -3px #bccc9d}
.be-block-heading{display:flex;align-items:center;padding:13px 10px 13px 6px;gap:3px;min-height:77px}.be-drag{width:23px;flex-shrink:0;padding:5px 1px;align-self:stretch;color:#4b5243;cursor:grab;touch-action:none}.be-drag:hover{color:#c5d5ad}.be-drag:active{cursor:grabbing}.be-drag svg{width:16px}
.be-block-select{display:flex;align-items:center;gap:11px;min-width:0;flex:1;text-align:left;padding:0 6px 0 0}.be-block-symbol{width:32px;height:34px;border-radius:8px;background:#191d15;color:#bacb9f;display:grid;place-items:center;font-size:17px;flex-shrink:0}.be-block-select>span:nth-child(2){min-width:0}.be-block-select strong{display:block;font-size:12px;font-weight:500}.be-block-select small{display:block;font-size:9px;margin-top:5px;color:#7c8471;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px;line-height:1.4}.be-lock{color:#829469;padding:5px}
.be-inspector{border-top:1px solid #262c20;padding:22px 22px 8px}.be-field{display:flex;flex-direction:column;gap:10px;font-size:11px;color:#bfc9b2;margin-bottom:21px;min-width:0}.be-field input,.be-field textarea,.be-field select{padding:12px 13px;color:#e1e8d8;background:#11130f;border:1px solid #2c3324;border-radius:6px;font-size:12px;width:100%;min-width:0;line-height:1.5}.be-field textarea{resize:vertical;min-height:100px}.be-field input:focus,.be-field textarea:focus,.be-field select:focus{outline:1px solid #95aa76;outline-offset:1px}.be-field select{color-scheme:dark}
.be-range{display:block;margin:23px 0;color:#a2ad93;font-size:10px}.be-range>span{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.be-range output{border:1px solid #2b3322;background:#14180f;padding:3px 5px;border-radius:4px;min-width:37px;text-align:center;font:9px monospace;color:#b4c399}.be-range input{width:100%;height:4px;accent-color:#c6d5b2;display:block;cursor:ew-resize}
.be-block-actions{display:flex;align-items:center;gap:5px;border-top:1px dashed #2a3122;padding:9px 0 0;margin-top:24px}.be-block-actions>span{font-size:8px;color:#687459;margin-left:3px}.be-delete{margin-left:auto}.be-delete:hover{color:#ebae9b;background:#361b13}
.be-add{width:100%;border:1px dashed #424d35;border-radius:9px;min-height:53px;display:flex;align-items:center;justify-content:center;gap:9px;color:#b7c5a1;font-size:12px;background:#0a0d07;transition:background .2s,border-color .2s}.be-add:hover{background:#151e0d;border-color:#8ba66a}
.be-protection{display:flex;gap:12px;padding:23px 4px;color:#7b8a67;line-height:1.7}.be-protection svg{margin-top:2px;width:15px}.be-protection strong{font-size:10px;color:#a0ae8c;font-weight:500}.be-protection p{font-size:9px;margin-top:4px;max-width:290px}
.be-error:empty{display:none}.be-error{padding:14px 16px;background:#201511;border:1px solid #654337;border-radius:8px;color:#e4b59b;font-size:11px;line-height:1.7;margin-top:16px}
.be-preview{position:sticky;top:24px;min-width:0;background:radial-gradient(ellipse at 50% 30%,#1d251329,transparent 62%);border:1px solid #20261b;border-radius:14px;padding:18px 20px 23px;overflow:hidden}
.be-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:25px}.be-preview-toolbar>span{font-size:8px;letter-spacing:1.5px;color:#8b9e72;display:flex;align-items:center;gap:7px}.be-preview-toolbar i{width:4px;height:4px;border-radius:50%;background:#b9ce9a;box-shadow:0 0 10px #a2b58c70}.be-preview-toolbar>div{display:flex;gap:5px}.be-preview-toolbar .be-icon{width:29px;height:29px}
.be-canvas{display:flex;justify-content:center;min-width:0}.be-device{position:relative;flex-shrink:0;width:288px;height:570px;border-radius:37px;border:7px solid #20241c;outline:1px solid #46523b;box-shadow:0 0 0 4px #0d100a,0 22px 45px #000b;background:#080a07;overflow:hidden;transition:width .25s,border-radius .25s}.be-device-camera{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:69px;height:18px;background:#11140e;border-radius:50px;z-index:2;pointer-events:none}.be-device:after{content:"";width:84px;height:3px;background:#7777;position:absolute;bottom:5px;left:50%;translate:-50% 0;border-radius:3px;pointer-events:none}
#be-frame{border:0;width:390px;height:790px;display:block;transform:scale(.70256);transform-origin:top left;pointer-events:auto;background:#0c0d09}
.be-preview-hint{color:#889975;text-align:center;font-size:9px;line-height:1.7;margin:25px 0 16px}.be-preview-address{display:flex;align-items:center;justify-content:center;gap:18px;background:#13180e;border:1px solid #2c3920;border-radius:6px;padding:10px 13px;font-size:10px;color:#afc196;max-width:288px;margin:auto}.be-preview-address span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.be-preview-address a{font-size:17px}.be-local-note{display:block;text-align:center;color:#58624d;font-size:8px;line-height:1.6;margin-top:13px}
.be-desktop .be-device{width:100%;max-width:440px;height:460px;border-radius:12px;border-width:5px}.be-desktop #be-frame{width:840px;height:1100px;transform:scale(var(--be-desktop-scale,.44))}.be-desktop .be-device-camera,.be-desktop .be-device:after{display:none}
.be-design-card{background:var(--be-card);border:1px solid var(--be-border);border-radius:10px;padding:24px;margin-bottom:15px}.be-design-card h3{font-size:13px;font-weight:500;margin-bottom:24px;color:#d3dcc6}.be-segments{display:flex;padding:3px;gap:2px;background:#141910;border:1px solid #252e1d;border-radius:6px;margin-bottom:24px}.be-segments button{flex:1;padding:8px 3px;font-size:9px;color:#81936b;border-radius:3px}.be-segments button[aria-pressed=true]{background:#323e26;color:#d4e6bb}.be-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 12px}.be-color{display:flex;align-items:center;gap:10px;font-size:10px;color:#afbf9a;cursor:pointer;min-width:0}.be-color input{padding:0;width:32px;height:34px;flex-shrink:0;border:0;background:transparent;cursor:pointer}.be-color input::-webkit-color-swatch-wrapper{padding:0}.be-color input::-webkit-color-swatch{border:1px solid #4e5c3f;border-radius:7px}.be-color small{display:block;margin-top:6px;color:#667856;font:8px monospace}.be-toggle{display:flex;align-items:center;gap:9px;font-size:11px;color:#a1b48a;margin:20px 0}.be-toggle input{accent-color:#b5cb97;width:15px;height:15px}
.be-upload{display:flex;align-items:center;gap:14px;margin:0 0 22px}.be-upload>img,.be-upload-placeholder{width:64px;height:67px;border-radius:10px;object-fit:cover;background:#1a2213;border:1px solid #344326;flex-shrink:0}.be-upload-placeholder{display:grid;place-items:center;font-size:25px;color:#799060}.be-upload .button{font-size:10px;padding:0 10px;min-height:35px;gap:6px;cursor:pointer}.be-upload small{display:block;font-size:8px;color:#697c56;margin-top:8px}.be-upload svg{width:13px}.be-text-button{font-size:9px!important;color:#ae967c;padding:0;margin-top:8px}.be-crop{width:100%;height:160px;position:relative;border-radius:7px;overflow:hidden;touch-action:none;cursor:move;border:1px solid #3c502a;margin:0 0 25px;background:#141b0e}.be-crop img{width:100%;height:100%;object-fit:cover;pointer-events:none}.be-crop span{position:absolute;bottom:8px;left:8px;background:#000a;border-radius:4px;padding:5px 8px;color:#fff;font-size:9px;pointer-events:none}
.be-help{font-size:10px;color:#7f956a;line-height:1.8;margin:10px 0 20px}.be-locked-note{padding:11px 12px;border:1px solid #37482a;border-radius:6px;color:#a2bb85;background:#16200e;font-size:10px;line-height:1.7;display:flex;align-items:center;gap:9px;margin-bottom:23px}.be-locked-note svg{width:14px}
.be-dialog{width:min(640px,calc(100vw - 30px));max-width:640px;max-height:85svh;overflow:auto;padding:38px;background:#0b0e08;border:1px solid #3b492e;border-radius:15px}.be-dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.be-dialog-close{position:absolute;right:18px;top:15px}.be-dialog h2{margin:13px 0 10px;font-size:30px;letter-spacing:-1px}.be-dialog-note{color:#8b9f75;font-size:11px;line-height:1.8;margin-bottom:25px}.be-library{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:23px}.be-library button{border:1px solid #303e24;background:#11170c;border-radius:9px;text-align:left;padding:17px;display:grid;grid-template-columns:32px 1fr;align-items:center;gap:4px 8px}.be-library button>span{grid-row:span 2;font-size:22px;color:#adc88c}.be-library strong{font-size:11px;font-weight:500}.be-library small{font-size:9px;color:#758c5d;line-height:1.5}.be-library button:hover:enabled{background:#202c15;border-color:#748e56}.be-library button:disabled{opacity:.35;cursor:default}
.be-templates{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:23px}.be-templates button{padding:0;text-align:left}.be-template-art{display:block;position:relative;height:205px;border:1px solid #3e4b33;border-radius:9px;overflow:hidden;background:linear-gradient(145deg,#b68392,#f2e0e5)}.be-template-art i{position:absolute;width:52px;height:52px;border-radius:50%;background:#ffffff50;left:50%;top:33px;translate:-50% 0}.be-template-art b{position:absolute;width:65%;height:8px;background:#ffffffa0;left:17.5%;top:110px;border-radius:2px}.be-template-art em{position:absolute;left:13%;right:13%;top:140px;height:32px;background:#a35271;border-radius:8px}.be-template-art.editorial{background:#0d100b}.be-template-art.editorial i{background:radial-gradient(ellipse at top right,#b7c99a,transparent),#292f23;border-radius:0;width:100%;height:105px;top:0}.be-template-art.editorial b{top:120px;background:#b9c4a5}.be-template-art.editorial em{top:153px;background:#d6e4b7}.be-template-art.minimal{background:#f5f2ed}.be-template-art.minimal i{background:#d3d9c9}.be-template-art.minimal b{background:#45483e}.be-template-art.minimal em{background:#272c24}.be-templates button:hover .be-template-art{outline:2px solid #b8ce96;outline-offset:2px}.be-templates strong{display:block;font-size:12px;margin-top:14px;font-weight:500}.be-templates small{display:block;font-size:9px;color:#819868;line-height:1.7;margin-top:6px}.be-leave-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.be-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:1600px){.be-layout{gap:60px}.be-preview{padding:22px 34px 27px}.be-device{width:316px;height:625px}#be-frame{transform:scale(.77436)}.be-desktop .be-device{height:480px}}
@media(max-width:1200px){.be-layout{gap:22px;grid-template-columns:minmax(280px,1fr) minmax(260px,.85fr)}.be-preview{padding:17px 12px}.be-device{width:254px;height:502px;border-width:6px}#be-frame{transform:scale(.62051);height:790px}.be-block-select small{max-width:150px}.be-inspector{padding:18px 16px 8px}.be-block-symbol{width:28px;height:30px;font-size:15px}.be-block-heading{padding-right:6px;gap:0}.be-design-card{padding:20px}}
@media(max-width:1050px){.be-layout{grid-template-columns:minmax(0,1fr)}.be-controls{max-width:650px}.be-preview{position:relative;top:auto;max-width:650px;order:-1;padding:18px 22px}.be-canvas{max-height:425px;overflow:hidden;padding-top:3px}.be-preview-toolbar{margin-bottom:18px}.be-preview-hint{margin-top:16px}.be-local-note{margin-top:9px}.be-preview-address{max-width:300px}.be-block-select small{max-width:300px}.be-preview:after{content:"";pointer-events:none}.be-device{width:288px;height:570px}#be-frame{transform:scale(.70256)}.be-desktop .be-device{max-width:500px;min-height:400px}.be-desktop .be-canvas{max-height:430px}}
@media(max-width:650px){.be-toolbar{gap:8px;padding-bottom:18px;margin-bottom:18px;flex-wrap:wrap}.be-toolbar>div:first-child{font-size:9px}.be-toolbar-actions{gap:5px;flex:1;justify-content:flex-end}.be-toolbar .button{font-size:10px;padding:0 11px;min-height:36px}.be-toolbar .button svg{display:none}.be-toolbar-actions>.be-icon{width:23px;margin:0}.be-layout{gap:24px}.be-preview{padding:15px 15px 18px;border-radius:11px}.be-canvas{max-height:410px}.be-device{width:260px;height:515px;border-width:6px}#be-frame{transform:scale(.6359);height:790px}.be-preview-hint{font-size:8px}.be-local-note{font-size:7px}.be-block-select small{max-width:180px}.be-inspector{padding:22px 20px 10px}.be-block-heading{padding-right:9px}.be-section-intro h2{font-size:19px}.be-preview-toolbar>span{font-size:7px}.be-design-card{padding:22px 20px}.be-dialog{padding:36px 23px 25px}.be-dialog h2{font-size:27px}.be-library{gap:8px}.be-library button{padding:13px 9px;grid-template-columns:24px 1fr;gap:4px}.be-library strong{font-size:10px}.be-library small{font-size:8px}.be-templates{gap:9px}.be-template-art{height:165px}.be-template-art i{top:24px;width:40px;height:40px}.be-template-art b{top:90px}.be-template-art em{top:115px;height:25px}.be-template-art.editorial i{height:80px}.be-template-art.editorial b{top:99px}.be-template-art.editorial em{top:126px}.be-templates small{font-size:8px}.be-leave-actions{flex-direction:column}}
@media(max-width:370px){.be-toolbar>div:first-child{width:100%}.be-toolbar-actions{justify-content:flex-start}.be-device{width:240px;height:475px}#be-frame{transform:scale(.58462)}.be-block-select small{max-width:125px}.be-expand{width:25px}.be-inspector{padding:19px 15px 8px}.be-color-grid{gap:20px 8px}.be-color{font-size:9px;gap:7px}.be-canvas{max-height:385px}}
@media(prefers-reduced-motion:reduce){.page-builder *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:1050px){.be-canvas,.be-desktop .be-canvas{max-height:none;overflow:visible}.be-desktop .be-device{height:410px;min-height:0}}