:root{--primary: #2c7597;--accent: #4cc8fe;--accent-dim: rgba(76,200,254,.18);--accent-glow: rgba(76,200,254,.22);--danger: #f87171;--success: #4ade80;--warning: #fbbf24;--bg-1: #060d18;--bg-2: #0b1e32;--glass: rgba(255,255,255,.06);--glass-md: rgba(255,255,255,.1);--glass-hover: rgba(255,255,255,.11);--glass-border: rgba(255,255,255,.09);--glass-top: rgba(255,255,255,.14);--text: rgba(255,255,255,.88);--heading: #ffffff;--muted: rgba(255,255,255,.42);--border: rgba(255,255,255,.09);--surface: rgba(255,255,255,.06);--sidebar-w: 248px;--topbar-h: 56px;--radius: 14px;--font: "avenir-next-lt-pro", "Avenir Next", Arial, Helvetica, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);color:var(--text);background:radial-gradient(ellipse 70% 55% at 15% 0%,rgba(44,117,151,.14) 0%,transparent 60%),radial-gradient(ellipse 55% 40% at 85% 100%,rgba(76,200,254,.07) 0%,transparent 55%),linear-gradient(160deg,var(--bg-1) 0%,#091626 45%,var(--bg-2) 100%);background-attachment:fixed;min-height:100vh;line-height:1.6;font-size:15px}h1,h2,h3,h4{color:var(--heading);font-weight:700;line-height:1.25;margin-bottom:.35em}h1{font-size:1.65rem}h2{font-size:1.3rem}h3{font-size:1.05rem}a{color:var(--accent);text-decoration:none}a:hover{opacity:.8}button,.btn{font:inherit;display:inline-flex;align-items:center;gap:.4rem;padding:.57rem 1.15rem;border-radius:10px;border:none;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:opacity .15s,transform .12s,box-shadow .15s;text-decoration:none;white-space:nowrap;letter-spacing:.01em;line-height:1.4;-webkit-appearance:none}button:hover:not(:disabled),.btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 28px #2c759773,0 0 0 1px #4cc8fe26}button:active:not(:disabled){transform:translateY(0)}button.secondary,.btn.secondary{background:var(--glass);border:1px solid var(--glass-border);color:var(--text);font-weight:500}button.secondary:hover:not(:disabled){background:var(--glass-hover);box-shadow:none;transform:none}button.danger{background:linear-gradient(135deg,#991b1b,#ef4444)}button.danger:hover:not(:disabled){box-shadow:0 6px 22px #ef444459}button:disabled{opacity:.36;cursor:not-allowed;transform:none!important;box-shadow:none!important}input:not([type=color]):not([type=file]):not([type=checkbox]):not([type=radio]),textarea,select{font:inherit;width:100%;padding:.6rem .9rem;border-radius:10px;border:1px solid var(--glass-border);background:#ffffff0e;color:var(--text);font-size:.9rem;transition:border-color .15s,background .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);background:#ffffff17;box-shadow:0 0 0 3px #4cc8fe21}input::placeholder,textarea::placeholder{color:#ffffff38}textarea{resize:vertical;min-height:80px}select option{background:#0d2033;color:#fff}input[type=file]{background:transparent;border:none;padding:.4rem 0;color:var(--muted);font-size:.85rem;width:100%;cursor:pointer}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent);cursor:pointer}input[type=color]{width:44px;height:36px;padding:2px;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass);cursor:pointer}label{display:block;font-size:.74rem;font-weight:600;color:var(--muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.07em}.card{background:linear-gradient(180deg,#ffffff14,#ffffff0d);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-top-color:var(--glass-top);border-radius:var(--radius);padding:1.4rem;margin-bottom:1.2rem;box-shadow:0 4px 24px #00000038,inset 0 1px #ffffff0f}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:#060c16cc;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-right:1px solid rgba(255,255,255,.07);position:fixed;top:0;left:0;bottom:0;z-index:200;display:flex;flex-direction:column;padding:0 .85rem 1.2rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-brand{font-size:1.5rem;font-weight:800;letter-spacing:.08em;padding:1.4rem .5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:.85rem;background:linear-gradient(135deg,#fff 20%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;border-radius:10px;color:var(--muted);font-size:.875rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;border:1px solid transparent;text-decoration:none!important}.sidebar-link:hover{background:var(--glass-hover);color:#ffffffd9}.sidebar-link.active{background:linear-gradient(135deg,#2c759747,#4cc8fe24);color:#fff;border-color:#4cc8fe47;box-shadow:0 2px 12px #4cc8fe1a,inset 0 1px #4cc8fe1f}.sidebar-icon{width:18px;height:18px;flex-shrink:0;transition:color .15s}.sidebar-link.active .sidebar-icon{color:var(--accent)}.sidebar-user-card{display:flex;align-items:center;gap:.75rem;padding:.75rem .7rem;border-radius:12px;background:linear-gradient(135deg,#ffffff12,#ffffff0a);border:1px solid rgba(255,255,255,.09);border-top-color:#ffffff21;box-shadow:0 2px 12px #0000002e,inset 0 1px #ffffff0f;margin-top:.5rem}.sidebar-user-avatar{position:relative;flex-shrink:0;width:38px;height:38px}.sidebar-user-photo{width:38px;height:38px;border-radius:50%;object-fit:cover;display:block;border:2px solid transparent;background-clip:padding-box;box-shadow:0 0 0 2px #4cc8fe59,0 2px 8px #00000059}.sidebar-user-initials{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 0 0 2px #4cc8fe4d,0 2px 8px #00000059;letter-spacing:.03em}.sidebar-user-status{position:absolute;bottom:1px;right:1px;width:9px;height:9px;border-radius:50%;background:#4ade80;border:2px solid #06101a;box-shadow:0 0 6px #4ade8099}.sidebar-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;overflow:hidden}.sidebar-user-name{font-size:.84rem;font-weight:650;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sidebar-user-role{font-size:.7rem;color:var(--muted);letter-spacing:.02em;line-height:1.3}.sidebar-user-logout{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid transparent!important;background:transparent!important;color:var(--muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s!important;transform:none!important;box-shadow:none!important;padding:0!important}.sidebar-user-logout:hover:not(:disabled){background:#f8717124!important;border-color:#f8717140!important;color:#f87171!important;transform:none!important;box-shadow:none!important}.sidebar-overlay{display:none}.main-wrap{flex:1;margin-left:var(--sidebar-w);min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{display:none}.topbar-menu-btn{background:var(--glass);border:1px solid var(--glass-border);color:var(--text);padding:.4rem;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:none!important;box-shadow:none!important}.topbar-brand{font-weight:800;font-size:1.2rem;color:#fff;letter-spacing:.05em}.content{flex:1;padding:2.2rem 2.4rem;width:100%;max-width:1180px}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem}.login-box{background:linear-gradient(170deg,#ffffff17,#ffffff0d);backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);border:1px solid rgba(255,255,255,.11);border-top-color:#fff3;border-radius:22px;padding:2.4rem 2rem;width:100%;max-width:420px;box-shadow:0 32px 80px #0000008c,0 0 0 1px #4cc8fe0d,inset 0 1px #ffffff1a}.pin-inputs{display:flex;gap:.55rem;justify-content:center}.pin-input{width:48px;height:58px;text-align:center;font-size:1.6rem;font-weight:700;letter-spacing:0;padding:0;border-radius:12px;border:1.5px solid var(--glass-border);background:#ffffff12;color:#fff;transition:border-color .15s,box-shadow .15s,background .15s;caret-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pin-input:focus{border-color:var(--accent);background:#4cc8fe12;box-shadow:0 0 0 3px #4cc8fe2e,0 0 18px #4cc8fe1a;outline:none}.pin-input.filled{border-color:#4cc8fe61}.pin-toggle{background:transparent!important;border:none!important;box-shadow:none!important;transform:none!important;padding:.4rem!important;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:color .15s,background .15s!important}.pin-toggle:hover:not(:disabled){color:var(--accent)!important;background:#4cc8fe1a!important;transform:none!important;box-shadow:none!important}.pin-row{display:flex;align-items:center;gap:.4rem;justify-content:center}.field{margin-bottom:1rem}.grid{display:grid;gap:1rem}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.flex{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.flex.between{justify-content:space-between}.row-actions{display:flex;gap:.4rem}table{width:100%;border-collapse:collapse}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:.65rem .8rem;border-bottom:1px solid var(--glass-border);text-align:left;font-weight:600}td{padding:.8rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem;vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff06}.badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid transparent}.badge.draft{background:#ffffff14;color:#ffffff80;border-color:#ffffff1a}.badge.sent{background:#4ade8024;color:#4ade80;border-color:#4ade8038}.badge.rejected{background:#f8717124;color:#f87171;border-color:#f8717138}.badge.interview_invitation{background:#fbbf2424;color:#fbbf24;border-color:#fbbf2438}.badge.accepted{background:#34d3992e;color:#34d399;border-color:#34d39947}.badge.ready_to_send{background:#60a5fa24;color:#60a5fa;border-color:#60a5fa38}.muted{color:var(--muted);font-size:.88rem}.error{color:var(--danger);font-size:.88rem;margin-top:.3rem}.success{color:var(--success);font-size:.88rem}@media (max-width: 820px){.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0);box-shadow:12px 0 48px #0000008c}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000094;z-index:199;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.main-wrap{margin-left:0}.topbar{display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:100;background:#09101ae0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--glass-border);padding:0 1rem;height:var(--topbar-h)}.content{padding:1.4rem 1.1rem}.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}@media (max-width: 480px){.content{padding:1rem .85rem}.login-box{padding:1.8rem 1.3rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.designer-root{margin:-2.2rem -2.4rem;display:flex;flex-direction:column;height:100vh;overflow:hidden}.designer-toolbar{display:flex;align-items:center;gap:.75rem;padding:0 1.1rem;height:50px;flex-shrink:0;background:#060c16eb;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid var(--glass-border);z-index:10}.designer-body{display:grid;grid-template-columns:210px 1fr 278px;flex:1;overflow:hidden}.designer-panel-left,.designer-panel-right{overflow-y:auto;background:#050a14e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.designer-panel-left{border-right:1px solid var(--glass-border)}.designer-panel-right{border-left:1px solid var(--glass-border)}.designer-canvas{overflow-y:auto;background:#c6cbd4;display:flex;justify-content:center;padding:2rem 1.2rem}.letter-paper{width:580px;min-height:820px;background:#fff;flex-shrink:0;box-shadow:0 4px 32px #00000040,0 1px 4px #0000001a}.block-wrapper{position:relative;cursor:pointer;outline:2px solid transparent;outline-offset:1px;transition:outline-color .1s}.block-wrapper:hover{outline-color:#2c759773}.block-wrapper.selected{outline-color:#4cc8fe}.designer-panel-header{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding:.8rem 1rem .35rem}.designer-panel-subheader{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff38;padding:.4rem 1rem .25rem}.designer-block-list{display:flex;flex-direction:column;gap:2px;padding:0 .5rem}.designer-block-item{display:flex;align-items:center;gap:.35rem;padding:.4rem .55rem;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:background .12s,border-color .12s}.designer-block-item:hover{background:var(--glass)}.designer-block-item.selected{background:linear-gradient(135deg,#2c759738,#4cc8fe1c);border-color:#4cc8fe47}.designer-block-item.dim{opacity:.42}.block-item-label{flex:1;font-size:.78rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-item-actions{display:flex;gap:1px}.designer-add-area{padding:.2rem .5rem 1rem;display:flex;flex-direction:column;gap:3px;border-top:1px solid var(--glass-border);margin-top:.6rem}.designer-add-btn{width:100%;justify-content:flex-start;font-size:.76rem;padding:.32rem .6rem}.drag-handle{cursor:grab;background:transparent;border:none;color:var(--muted);padding:2px 3px;border-radius:3px;display:flex;align-items:center;flex-shrink:0;transform:none!important;box-shadow:none!important;transition:color .1s}.drag-handle:hover{color:var(--accent)}.drag-handle:active{cursor:grabbing}.drag-overlay-item{background:#0b1828f2;border:1px solid rgba(76,200,254,.4);border-radius:8px;box-shadow:0 10px 30px #00000080,0 0 0 1px #4cc8fe26;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none}.icon-btn{background:transparent;border:none;color:var(--muted);padding:3px;border-radius:4px;cursor:pointer;display:flex;align-items:center;transition:background .1s,color .1s;transform:none!important;box-shadow:none!important}.icon-btn:hover:not(:disabled){background:var(--glass-hover);color:var(--text);transform:none!important;box-shadow:none!important}.icon-btn.danger:hover:not(:disabled){background:#f8717124;color:#f87171}.icon-btn:disabled{opacity:.18;cursor:not-allowed}.prop-section{border-bottom:1px solid var(--glass-border);padding:.65rem 1rem}.prop-section-title{font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.55rem}.prop-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.38rem;font-size:.8rem}.prop-label{flex:0 0 85px;color:var(--muted);font-size:.73rem}.prop-control{flex:1;min-width:0}.prop-num{display:flex;align-items:center;gap:3px}.prop-suffix{color:var(--muted);font-size:.68rem;white-space:nowrap}.align-btns{display:flex;gap:2px}.align-btn{flex:1;padding:.26rem 0;background:var(--glass);border:1px solid var(--glass-border);border-radius:5px;color:var(--muted);font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:none!important;box-shadow:none!important;transition:background .1s,color .1s}.align-btn.active,.align-btn:hover{background:#4cc8fe24;color:var(--accent);border-color:#4cc8fe47;transform:none!important;box-shadow:none!important}.var-chip{font-size:.65rem;padding:2px 7px;background:var(--glass);border:1px solid var(--glass-border);border-radius:5px;color:var(--accent);cursor:pointer;transform:none!important;box-shadow:none!important;transition:background .1s}.var-chip:hover{background:#4cc8fe1f;transform:none!important;box-shadow:none!important}.el-wrapper{position:relative;outline:1.5px solid transparent;outline-offset:1px;cursor:pointer;transition:outline-color .1s}.el-wrapper:hover{outline-color:#2c759780}.el-wrapper.selected{outline-color:#4cc8fe}.tree-row{display:flex;align-items:center;gap:2px;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:background .1s,border-color .1s;-webkit-user-select:none;user-select:none;min-height:26px;padding:2px 3px}.tree-row:hover{background:var(--glass)}.tree-row.selected{background:linear-gradient(135deg,#2c759738,#4cc8fe1c);border-color:#4cc8fe47}.tree-row.dim{opacity:.38}.tree-sec{padding-left:2px}.tree-col,.tree-el{padding-left:10px}.tree-grip{cursor:grab;color:var(--muted)}.tree-grip:active{cursor:grabbing}.tree-chevron{color:var(--muted)}.tree-label{flex:1;font-size:.77rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sec-label{font-weight:650;font-size:.78rem}.tree-indent{display:inline-block;width:12px;flex-shrink:0}.tree-col-label{flex:1;font-size:.73rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tree-el-icon{font-size:.65rem;width:14px;text-align:center;flex-shrink:0;opacity:.6}.tree-actions{display:flex;align-items:center;gap:1px;margin-left:auto;flex-shrink:0}.add-el-menu{position:absolute;top:calc(100% + 3px);right:0;z-index:50;background:#0a1424fa;border:1px solid var(--glass-border);border-radius:9px;min-width:148px;box-shadow:0 8px 28px #00000080;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;padding:3px}.add-el-item{display:flex;align-items:center;gap:7px;width:100%;padding:.32rem .55rem;font-size:.76rem;font-weight:500;color:var(--text);background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:background .1s;transform:none!important;box-shadow:none!important}.add-el-item:hover{background:var(--glass-hover)}.props-header{padding:.9rem 1rem .5rem;border-bottom:1px solid var(--glass-border)}.spacing-box{display:flex;align-items:center;gap:5px;width:100%}.spacing-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;flex:1}.sp-field{display:flex;align-items:center;gap:2px}.sp-lbl{font-size:.6rem;color:var(--muted);width:10px;text-align:center;flex-shrink:0}.sp-input{flex:1;min-width:0;padding:.22rem .28rem;font-size:.75rem;text-align:center;border-radius:5px;border:1px solid var(--glass-border);background:#ffffff0e;color:var(--text);width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sp-input:focus{outline:none;border-color:var(--accent);background:#ffffff17;box-shadow:0 0 0 2px #4cc8fe21}.spacing-controls{display:flex;flex-direction:column;gap:3px;align-items:center;flex-shrink:0}.sp-link{width:22px;height:22px;padding:3px;border-radius:5px}.sp-link.active{color:var(--accent)!important;background:#4cc8fe24!important}.sp-unit{width:44px;font-size:.68rem;padding:.2rem;border-radius:5px;border:1px solid var(--glass-border);background:#ffffff0e;color:var(--text);-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;cursor:pointer}.col-widths{display:flex;flex-direction:column;gap:7px}.col-width-row{display:flex;align-items:center;gap:6px}.col-width-label{font-size:.7rem;color:var(--muted);min-width:54px;flex-shrink:0}.col-width-bar-wrap{flex:1;height:5px;background:#ffffff12;border-radius:3px;overflow:hidden}.col-width-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:3px;transition:width .12s;min-width:3px}.col-width-input{width:50px!important;padding:.2rem .3rem!important;font-size:.76rem!important;text-align:center!important;flex-shrink:0}.widget-palette{padding:.3rem .5rem 1rem;border-top:1px solid var(--glass-border)}.widget-grid{display:flex;flex-direction:column;gap:3px;margin-top:4px}.widget-item{display:flex;flex-direction:row;align-items:center;gap:9px;padding:7px 10px;border-radius:7px;border:1px solid var(--glass-border);background:var(--glass);cursor:grab;transition:background .1s,border-color .1s,color .1s;font-size:.75rem;color:var(--text);-webkit-user-select:none;user-select:none;line-height:1.3;touch-action:none;font-weight:500}.widget-item:hover{background:var(--glass-hover);border-color:#4cc8fe4d;color:var(--accent)}.widget-item.dragging{opacity:.35;cursor:grabbing}.drop-target{background:linear-gradient(135deg,#2c759738,#4cc8fe1f)!important;border-color:#4cc8fe80!important;box-shadow:0 0 0 1px #4cc8fe33 inset}.widget-drag-overlay{display:flex;align-items:center;gap:7px;padding:6px 13px;background:#0a1626f7;border:1px solid rgba(76,200,254,.45);border-radius:9px;font-size:.82rem;font-weight:600;color:var(--text);box-shadow:0 8px 24px #0000008c;pointer-events:none;white-space:nowrap}.icon-picker{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.icon-picker-group-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:4px}.icon-picker-grid{display:flex;flex-wrap:wrap;gap:3px}.icon-picker-item{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid var(--glass-border);background:var(--glass);color:var(--muted);cursor:pointer;transition:background .1s,border-color .1s,color .1s;padding:0}.icon-picker-item:hover{background:var(--glass-hover);color:var(--text);border-color:#4cc8fe40}.icon-picker-item.active{background:#2c759740;border-color:var(--accent);color:var(--accent)}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow-y:auto;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.preview-modal{background:#c6cbd4;border-radius:14px;overflow:hidden;box-shadow:0 24px 64px #0000008c;min-width:580px;width:580px}.preview-toolbar{display:flex;align-items:center;gap:.55rem;padding:.65rem 1rem;background:#060c16f5;border-bottom:1px solid rgba(255,255,255,.09)}.preview-body{padding:2rem 1.5rem;display:flex;justify-content:center}@media (max-width: 820px){.designer-root{margin:-1.4rem -1.1rem;height:calc(100vh - var(--topbar-h))}.designer-body{grid-template-columns:1fr}.designer-panel-left,.designer-panel-right{display:none}}