#admin{position:relative}#admin button{appearance:none;border-radius:none;border:none}#admin button:after,#admin button:before{content:none}#admin .confirm-dialog{background:#000;width:100%;height:100%;padding:1rem;position:absolute;top:0;left:0}#admin .confirm-dialog .confirm-buttons{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}#admin .confirm-dialog .confirm-buttons button{color:#fff;background:#333;padding:1rem 2rem}#admin .confirm-dialog .confirm-buttons button.success{color:#000;background:#eee}#admin .container{top:calc(var(--line)*6);left:calc(var(--char2)*2);z-index:1000;color:#f5f5f0;width:calc(var(--char)*28);background:#000;padding:3px;position:fixed}#admin .container.show .controls{display:block}#admin .container .maintitle{cursor:move;justify-content:space-between;padding:.8rem 1rem;display:flex}#admin .container .maintitle>span{padding-right:1rem}#admin .container .maintitle>div{gap:.5rem;margin-top:-.25rem;display:flex}#admin .container .maintitle button{color:#666;border-radius:var(--border-radius);background:#141414;padding:.4rem .5rem;line-height:1}#admin .container .maintitle button:hover{color:#fff;background:#222}#admin .addsection{text-align:left;background:#181818;border-radius:0;gap:.5rem;width:100%;height:auto;padding:1rem;display:flex}#admin .texteditor{z-index:100;background:#222;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#admin .texteditor .editor-tabs{border-bottom:1px solid #444;gap:0;display:flex}#admin .texteditor .editor-tabs button{color:#666;background:#1a1a1a;border:none;border-radius:0;flex:1;padding:.6rem 1rem;position:static}#admin .texteditor .editor-tabs button.active{color:#fff;background:#222}#admin .texteditor .editor-tabs button:hover:not(.active){color:#999}#admin .texteditor .textarea-wrap{background:#222;flex:1;min-height:200px;display:flex}#admin .texteditor textarea{color:#fff;resize:none;text-align:left;text-transform:none;letter-spacing:0;cursor:text;background:0 0;border:none;border-radius:0;flex:1;width:100%;padding:1rem;font-family:mono,monospace;font-size:.9rem;line-height:1.5}#admin .texteditor textarea::placeholder{color:#555}#admin .texteditor>button{background:#181818;border-radius:0;flex-shrink:0;width:100%;padding:1rem}#admin .controls{border-radius:var(--border-radius);max-height:calc(100vh - (var(--line)*4));background:#222;display:none;position:relative;overflow-y:auto}#admin .controls .inputs{padding:1rem 1rem .5rem}#admin .controls .inputs input[type=text],#admin .controls .inputs input[type=number]{margin-bottom:.5rem}#admin .controls input[type=text],#admin .controls input[type=number],#admin .controls label.file,#admin .controls button.edit{caret-color:#fff;caret-shape:bar;appearance:none;color:#fff;border-radius:var(--border-radius);cursor:text;background:#333;border:none;width:100%;height:auto;padding:.4rem .7rem}:is(#admin .controls input[type=text],#admin .controls input[type=number],#admin .controls label.file,#admin .controls button.edit).placeholder,:is(#admin .controls input[type=text],#admin .controls input[type=number],#admin .controls label.file,#admin .controls button.edit)::placeholder{color:#777}:is(#admin .controls input[type=text],#admin .controls input[type=number],#admin .controls label.file,#admin .controls button.edit):focus{outline:none;box-shadow:0 0 0 1px #59f}#admin .controls input[type=text],#admin .controls input[type=number],#admin .controls label.file,#admin .controls button.edit{text-transform:none;letter-spacing:0;font-family:abc,helvetica,sans-serif;font-size:1.1rem}#admin .controls button.edit{margin-bottom:.5rem}#admin .controls label.checkbox{align-items:center;gap:.2rem;padding:.2rem 0;display:flex}#admin .controls label.checkbox span{position:relative;top:1px}#admin .controls label.file{margin-bottom:.5rem;display:block;position:relative}#admin .controls label.file.placeholder{color:#777}#admin .controls label.file div{white-space:nowrap;cursor:pointer}#admin .controls label.file input{position:absolute;top:-10000rem}#admin .controls label.file button{color:#888;background:#0000001a;height:1.3rem;margin-top:-1.3rem;line-height:1;display:flex;position:absolute;right:.5rem}#admin .controls input::selection{color:#fff;background:#5599ffb3}#admin .controls input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#admin .controls input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#admin .controls .mini{flex:1;position:relative}#admin .controls .mini span{opacity:.5;position:absolute;top:.45rem;left:.7rem}#admin .controls .mini input{padding-left:calc(var(--char) + 1.2rem);font-family:mono,monospace;font-size:var(--font-size)}#admin .controls button.delete{color:#d66262;border-radius:var(--border-radius);background:#4f2727;padding:0 .35rem}#admin .controls button.delete:hover{color:#fff;background:#d66262}#admin .controls .title{gap:.5rem;display:flex}#admin .controls .title button:first-child,#admin .controls .title .section-name-input{text-align:left;flex:1;gap:.5rem;display:flex}:is(#admin .controls .title button:first-child,#admin .controls .title .section-name-input) span:first-child{position:relative;top:-.1rem}#admin .controls .title .section-name-input{color:#fff;border-radius:var(--border-radius);font-size:inherit;background:#333;border:none;padding:.3rem .5rem;font-family:inherit}#admin .controls .title .section-name-input:focus{outline:none;box-shadow:0 0 0 1px #59f}#admin .controls .title .edit-name{color:#888;border-radius:var(--border-radius);background:#333;padding:0 .35rem}#admin .controls .title .edit-name:hover{color:#fff;background:#444}#admin .controls .title span i{opacity:.3;font-style:normal}#admin .controls .sectioncontainer{border-top:1px solid #444}#admin .controls .sectioncontainer:first-child{border-top:none}#admin .controls .section{flex-direction:column;gap:0;margin:0;padding:1rem}#admin .controls .section>.content{padding:1rem 0 0 1rem;display:none}#admin .controls .section.open>.content{display:block}#admin .controls .section .addcolumn{gap:.5rem;display:flex}:is(#admin .controls .section,#admin .controls .column).open>.title button span:first-child{position:relative;top:-.1rem;transform:rotate(90deg)}#admin .controls .sectionclass{margin-bottom:.5rem}#admin .controls .minis{gap:.5rem;margin-bottom:.5rem;display:flex}#admin .controls .column{padding-bottom:.5rem}#admin .controls .column>.content{padding:1rem 0 0;padding-left:var(--char2);display:none}#admin .controls .column.open>.content{padding-bottom:.5rem;display:block}.multi-images{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.multi-images .thumb{cursor:grab;border-radius:var(--border-radius);background:#333;width:60px;height:60px;position:relative;overflow:hidden}.multi-images .thumb.dragging{opacity:.4}.multi-images .thumb img{object-fit:cover;width:100%;height:100%;display:block}.multi-images .thumb .delete{color:#fff;cursor:pointer;opacity:0;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:14px;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:2px;right:2px}.multi-images .thumb:hover .delete{opacity:1}.multi-images .thumb .delete:hover{background:#d66262}.multi-images .add-btn{border-radius:var(--border-radius);cursor:pointer;color:#777;background:#333;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;transition:background .15s,color .15s;display:flex}.multi-images .add-btn:hover{color:#fff;background:#444}.multi-images .add-btn input{position:absolute;top:-10000rem}html.grid #admin .container .maintitle button.grid-btn{color:#000;background:#555}
