.ed{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(360px,440px) 1fr;background:#0f0f12;color:#eee;font-family:var(--font)}.ed__panel{display:flex;flex-direction:column;border-right:1px solid #24242b;min-height:0}.ed__top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid #24242b;background:#131318}.ed__top h2{font-size:15px;font-weight:700;margin-right:auto;letter-spacing:.01em}.ed__top h2 .mk-magenta{color:var(--magenta)}.ed__form{overflow-y:auto;padding:8px 18px 60px;min-height:0}.ed__preview{position:relative;background:#1a1a1f;min-height:0;overflow:hidden}.ed__preview iframe{width:100%;height:100%;border:0;background:#fff}.ed__preview-bar{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:6px;background:#141418e6;border:1px solid #2c2c34;border-radius:100px;padding:5px}.ed__preview-bar button{border:0;background:transparent;color:#bbb;font-size:12px;padding:6px 14px;border-radius:100px;cursor:pointer}.ed__preview-bar button.active{background:var(--magenta);color:#fff}details.grp{border:1px solid #23232b;border-radius:12px;margin:10px 0;background:#15151a;overflow:hidden}details.grp>summary{cursor:pointer;list-style:none;padding:13px 15px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}details.grp>summary::-webkit-details-marker{display:none}details.grp>summary .chev{margin-left:auto;transition:transform .2s ease;color:#888}details.grp[open]>summary .chev{transform:rotate(90deg)}details.grp>summary .num{width:22px;height:22px;border-radius:6px;background:var(--magenta);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.grp__body{padding:4px 15px 16px}.fld{margin:12px 0}.fld>label{display:block;font-size:12px;color:#9a9aa5;margin-bottom:6px;font-weight:500}.fld input[type=text],.fld textarea,.fld select{width:100%;background:#0d0d11;border:1px solid #2a2a33;border-radius:9px;color:#f0f0f0;font-family:var(--font);font-size:13px;padding:10px 12px;outline:none;transition:border-color .15s ease}.fld input[type=text]:focus,.fld textarea:focus,.fld select:focus{border-color:var(--magenta)}.fld textarea{resize:vertical;min-height:74px;line-height:1.5}.fld .hint{font-size:11px;color:#6a6a75;margin-top:5px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chk{display:flex;align-items:center;gap:8px;font-size:12px;color:#bbb}.item-card{border:1px solid #23232b;border-radius:10px;padding:10px 12px;margin:10px 0;background:#101014;position:relative}.item-card .item-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.item-card .item-head .t{font-size:11px;color:#7a7a85;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.icon-btn{background:#201319;border:1px solid #3a1f28;color:#ff6b9a;border-radius:7px;width:26px;height:26px;cursor:pointer;font-size:14px;display:grid;place-items:center}.icon-btn:hover{background:#2a1620}.add-btn{width:100%;padding:10px;border:1px dashed #3a3a44;background:transparent;color:#aaa;border-radius:9px;cursor:pointer;font-size:13px;margin-top:6px}.add-btn:hover{border-color:var(--magenta);color:#fff}.btn{border:0;border-radius:9px;padding:9px 15px;font-weight:600;font-size:13px;cursor:pointer;font-family:var(--font);transition:filter .15s ease,transform .15s ease}.btn:hover{filter:brightness(1.1)}.btn:active{transform:translateY(1px)}.btn--pink{background:var(--magenta);color:#fff}.btn--ghost{background:#212129;color:#ddd}.btn--sm{padding:7px 12px;font-size:12px}.link-box{margin:8px 0;display:flex;gap:8px}.link-box input{flex:1;background:#0d0d11;border:1px solid #2a2a33;border-radius:9px;color:#7fd0ff;font-size:12px;padding:9px 11px}.toast{position:fixed;bottom:18px;left:18px;z-index:100;background:var(--magenta);color:#fff;padding:11px 18px;border-radius:10px;font-size:13px;font-weight:600;box-shadow:0 10px 30px #0006}.ed__mtabs{display:none}@media (max-width: 900px){.ed{grid-template-columns:1fr}.ed__panel{border-right:0}.ed.show-preview .ed__panel{display:none}.ed:not(.show-preview) .ed__preview{display:none}.ed__mtabs{display:flex;gap:6px}.ed__mtabs button{border:0;background:#212129;color:#ccc;padding:7px 14px;border-radius:100px;font-size:12px;cursor:pointer}.ed__mtabs button.active{background:var(--magenta);color:#fff}}