body{margin:0;background:#0b0613;color:#e9d5ff;font-family:Arial,sans-serif}.bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#150c22;border-bottom:1px solid rgba(192,132,252,.25);flex-wrap:wrap}.bar .brand{font-weight:700;color:#c084fc;text-decoration:none;font-size:1.1em}.bar .grow{flex:1}.bar .name{opacity:.85;margin:0;font-size:1em;font-weight:400}.btn{padding:8px 14px;border-radius:8px;border:1px solid #c084fc;background:0 0;color:#c084fc;cursor:pointer;font-weight:600;font-size:.9em;text-decoration:none;display:inline-block}.btn.primary{background:#c084fc;color:#0b0613}.btn.small{padding:4px 9px;font-size:.8em}.btn.danger{border-color:#f87171;color:#f87171}.btn:disabled{opacity:.5;cursor:default}.wrap{display:grid;grid-template-columns:440px 1fr;height:calc(100vh - 53px)}.side{overflow-y:auto;padding:14px 16px 60px;border-right:1px solid rgba(192,132,252,.2)}.preview{background:#000}.preview iframe{width:100%;height:100%;border:0}h3{margin:18px 0 8px;font-size:.85em;text-transform:uppercase;letter-spacing:.05em;color:#c084fc}label{display:block;font-size:.82em;margin:8px 0 3px;color:#cbb8e8}input[type=text],input[type=url],select,textarea{width:100%;box-sizing:border-box;background:#1a1225;color:#e9d5ff;border:1px solid rgba(192,132,252,.3);border-radius:7px;padding:7px 9px;font-size:.9em;font-family:inherit}textarea{min-height:70px;resize:vertical}textarea.code{font-family:monospace;font-size:.8em;min-height:120px}.blk{border:1px solid rgba(192,132,252,.25);border-radius:10px;margin:8px 0;background:rgba(255,255,255,.03)}.blk.hidden-blk{border-style:dashed}.blk .head{display:flex;align-items:center;gap:6px;padding:7px 10px;cursor:pointer}.blk .head .toggle{flex:1;min-width:0;display:flex;align-items:center;gap:6px;color:inherit;font:inherit;text-align:left;padding:2px 0}.blk .head .t{flex:1;font-weight:600;font-size:.9em}.blk .head .kind{font-size:.72em;opacity:.6;text-transform:uppercase}.blk .head button{background:0 0;border:0;color:#c084fc;cursor:pointer;font-size:1em;padding:2px 4px}.blk .edit{padding:0 10px 10px;display:none}.blk.open .edit{display:block}.row{display:flex;gap:6px;margin:4px 0;align-items:center}.row input{flex:1}.row .x{background:0 0;border:0;color:#f87171;cursor:pointer;font-size:1.1em}.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0}.gal figure{margin:0;position:relative}.gal img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;border:1px solid rgba(192,132,252,.3);display:block}.gal .x{position:absolute;top:2px;right:2px;background:rgba(0,0,0,.7);border:0;color:#f87171;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:.8em}.gal .x:disabled{opacity:.5;cursor:default}.gal input{margin-top:3px;font-size:.75em;padding:3px 5px}.hint{font-size:.78em;color:#a697b8;margin:4px 0}h3 .hint{color:#9c6bcd;text-transform:none;letter-spacing:0}.side a{color:#c084fc}.status{font-size:.85em;min-width:120px}.status.err{color:#fca5a5}.status.okk{color:#86efac}.colors{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.colors label{margin:0;font-size:.75em}.colors input[type=color]{width:100%;height:28px;border:1px solid rgba(192,132,252,.3);background:#1a1225;border-radius:6px;padding:0}.chk{display:flex;align-items:center;gap:6px;font-size:.85em;margin:6px 0}.friendpick{position:relative}.friendpick .drop{position:absolute;left:0;right:0;top:100%;background:#1a1225;border:1px solid rgba(192,132,252,.3);border-radius:7px;z-index:5;max-height:200px;overflow:auto;display:none}.friendpick .drop div{padding:6px 9px;cursor:pointer;font-size:.85em}.friendpick .drop div:hover{background:rgba(192,132,252,.15)}.locked{border:1px dashed rgba(252,211,77,.5);border-radius:8px;padding:8px 10px;font-size:.82em;color:#fcd34d}.locked a{color:#fde68a}.addbar{display:flex;gap:6px;align-items:center;margin-top:8px}.addbar select{flex:1}@media (max-width:900px){.wrap{grid-template-columns:1fr;height:auto}.preview{height:70vh}.side{border-right:0}}.row.slug-row{margin:0}.slug-row .hint{margin:0;white-space:nowrap}.btn.clear-colors{margin-top:4px}.chk label{margin:0}.blk .head button.del{color:#f87171}@media (max-width:768px){.blk .head button:not(.toggle){min-width:40px;min-height:40px}.blk .head button.del{margin-left:12px}}.blk.post{margin:6px 0}.blk.post .edit{display:block;padding-top:8px}.blk.post textarea{min-height:50px}.friend-name{flex:1}.hint.no-match{padding:6px 9px}