#darknet-prototype .dn-editor{position:relative;display:flex;flex-direction:column;min-width:0;width:100%;height:clamp(240px,43vh,460px);border:1px solid #79566f;border-radius:10px;background:#251f27;overflow:hidden}
#darknet-prototype .dn-editor:focus-within{border-color:#ed9dd8;box-shadow:0 0 0 2px #ed9dd825}
#darknet-prototype .dn-editor-toolbar-row{display:flex;align-items:center;flex:none;min-height:46px;width:100%;border-bottom:1px solid #664b60;background:#342a35;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#d98fc4 #342a35;white-space:nowrap}
#darknet-prototype .dn-editor-toolbar.ql-toolbar.ql-snow{display:flex;align-items:center;gap:3px;flex:none;min-height:44px;width:max-content;padding:5px 7px;border:0;background:transparent;overflow:visible}
#darknet-prototype .dn-editor-toolbar.ql-toolbar.ql-snow .ql-formats{display:inline-flex;align-items:center;flex:none;margin:0 6px 0 0;border-right:1px solid #60495b;padding-right:7px}
#darknet-prototype .dn-editor-toolbar.ql-toolbar.ql-snow .ql-formats:last-child{margin-right:0;padding-right:0;border-right:0}
#darknet-prototype .dn-editor-toolbar.ql-toolbar.ql-snow button{display:grid;place-items:center;flex:none;width:30px;height:30px;padding:5px;border:0;border-radius:6px}
#darknet-prototype .dn-editor-toolbar.ql-toolbar.ql-snow button:hover,#darknet-prototype .dn-editor-toolbar.ql-toolbar.ql-snow button.ql-active{background:#65445e}
#darknet-prototype .dn-editor-toolbar.ql-toolbar.ql-snow .ql-stroke{stroke:#ead5e6}
#darknet-prototype .dn-editor-toolbar.ql-toolbar.ql-snow .ql-fill{fill:#ead5e6}
#darknet-prototype .dn-editor-toolbar.ql-toolbar.ql-snow button:hover .ql-stroke,#darknet-prototype .dn-editor-toolbar.ql-toolbar.ql-snow button.ql-active .ql-stroke{stroke:#ffb9e8}
#darknet-prototype .dn-editor-toolbar.ql-toolbar.ql-snow button:hover .ql-fill,#darknet-prototype .dn-editor-toolbar.ql-toolbar.ql-snow button.ql-active .ql-fill{fill:#ffb9e8}
#darknet-prototype .dn-editor-selects{display:flex;align-items:center;gap:3px;flex:none;padding:5px 7px 5px 0}
#darknet-prototype .dn-editor-size-control{display:inline-flex;align-items:center;gap:5px;flex:none;height:30px;padding:3px 6px;border:1px solid #75576d;border-radius:6px;background:#493846;color:#f4e5f0;font:12px 'Noto Sans KR',sans-serif;white-space:nowrap}
#darknet-prototype .dn-editor-size-control:focus-within{border-color:#ed9dd8}
#darknet-prototype .dn-editor-size-input{width:44px;height:24px;padding:0 2px;border:0;background:#2c2330;color:#f4e5f0;font:12px 'Noto Sans KR',sans-serif;text-align:right;outline:0}
#darknet-prototype .dn-editor-size-input::-webkit-inner-spin-button{opacity:.7}
#darknet-prototype .dn-editor-color-trigger{display:inline-flex;align-items:center;gap:6px;flex:none;height:30px;padding:3px 7px;border:1px solid #75576d;border-radius:6px;background:#493846;color:#f4e5f0;font:12px 'Noto Sans KR',sans-serif;cursor:pointer;white-space:nowrap}
#darknet-prototype .dn-editor-color-trigger:hover,#darknet-prototype .dn-editor-color-trigger[aria-expanded="true"]{border-color:#ed9dd8;background:#65445e}
#darknet-prototype .dn-editor-color-chip{width:16px;height:16px;flex:none;border:1px solid #d6bdd0;border-radius:4px}
#darknet-prototype .dn-editor-color-chip.is-default{background:linear-gradient(135deg,#e4d5e0 0 47%,#704e66 48% 53%,#e4d5e0 54% 100%)}
#darknet-prototype .dn-editor-color-popover[hidden]{display:none!important}
#darknet-prototype .dn-editor-color-popover{position:absolute;top:var(--dn-editor-palette-top,46px);right:8px;z-index:12;display:flex;flex-direction:column;gap:9px;width:min(310px,calc(100% - 16px));max-height:calc(100% - var(--dn-editor-palette-top,46px) - 8px);min-height:0;padding:11px;border:1px solid #b477a4;border-radius:10px;background:#332834;color:#f4e5f0;box-shadow:0 12px 28px #100a12d9;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d98fc4 #332834}
#darknet-prototype .dn-editor-color-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#ffd0ee;font-size:13px}
#darknet-prototype .dn-editor-color-heading strong{font-weight:700}
#darknet-prototype .dn-editor-color-close{display:grid;place-items:center;width:25px;height:25px;border:1px solid #7a5b73;border-radius:5px;background:#493846;color:#f4e5f0;font-size:19px;line-height:1;cursor:pointer}
#darknet-prototype .dn-editor-color-swatches{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}
#darknet-prototype .dn-editor-color-swatch{min-width:0;aspect-ratio:1;border:1px solid #d9c2d3;border-radius:5px;cursor:pointer}
#darknet-prototype .dn-editor-color-swatch:hover,#darknet-prototype .dn-editor-color-swatch[aria-pressed="true"]{outline:2px solid #ffb9e8;outline-offset:1px}
#darknet-prototype .dn-editor-color-fields{display:flex;flex-direction:column;gap:7px}
#darknet-prototype .dn-editor-color-hex-label,#darknet-prototype .dn-editor-rgb-fields label{display:flex;align-items:center;gap:5px;min-width:0;color:#e7bdd9;font-size:11px;font-weight:700}
#darknet-prototype .dn-editor-color-hex-label input,#darknet-prototype .dn-editor-rgb-fields input{height:29px;min-width:0;padding:4px 6px;border:1px solid #75576d;border-radius:5px;background:#251e27;color:#f4e5f0;font:12px 'Noto Sans KR',sans-serif}
#darknet-prototype .dn-editor-color-hex-label input{flex:1}
#darknet-prototype .dn-editor-rgb-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#darknet-prototype .dn-editor-rgb-fields input{width:100%;text-align:center}
#darknet-prototype .dn-editor-color-fields input[aria-invalid="true"]{border-color:#ff738c;box-shadow:0 0 0 1px #ff738c}
#darknet-prototype .dn-editor-color-actions{display:flex;align-items:center;gap:7px}
#darknet-prototype .dn-editor-color-preview{width:31px;height:29px;flex:none;border:1px solid #e0c8d9;border-radius:5px}
#darknet-prototype .dn-editor-color-actions button{min-height:29px;padding:4px 9px;border:1px solid #a7759a;border-radius:5px;background:#493846;color:#f4e5f0;font:12px 'Noto Sans KR',sans-serif;font-weight:700;cursor:pointer}
#darknet-prototype .dn-editor-color-actions .dn-editor-color-apply{margin-left:auto;background:#ed9dd8;color:#34212e}
#darknet-prototype .dn-editor-color-actions button:disabled{opacity:.45;cursor:not-allowed}
#darknet-prototype .dn-editor-color-actions button:not(:disabled):hover{filter:brightness(1.14)}
#darknet-prototype .dn-editor-color-trigger:focus-visible,#darknet-prototype .dn-editor-color-popover button:focus-visible,#darknet-prototype .dn-editor-color-popover input:focus-visible{outline:2px solid #ffb9e8;outline-offset:2px}
#darknet-prototype .dn-editor-selects .dn-editor-select{flex:none;min-width:64px;max-width:92px;height:30px;margin:0 2px;padding:3px 5px;border:1px solid #75576d;border-radius:6px;background:#493846;color:#f4e5f0;font:12px 'Noto Sans KR',sans-serif;cursor:pointer}
#darknet-prototype .dn-editor-selects .dn-editor-select:hover,#darknet-prototype .dn-editor-selects .dn-editor-select:focus-visible{border-color:#ed9dd8}
#darknet-prototype .dn-editor-selects .dn-editor-select option{background:#302630;color:#f4e5f0}
#darknet-prototype .dn-editor-toolbar .ql-picker{color:#ead5e6}
#darknet-prototype .dn-editor-toolbar .ql-picker-label{border-radius:6px}
#darknet-prototype .dn-editor-toolbar .ql-picker-label:hover,#darknet-prototype .dn-editor-toolbar .ql-picker.ql-expanded .ql-picker-label{color:#ffb9e8;border-color:#966a8b;background:#65445e}
#darknet-prototype .dn-editor-toolbar .ql-picker-label .ql-stroke,#darknet-prototype .dn-editor-toolbar .ql-picker-item .ql-stroke{stroke:#ead5e6}
#darknet-prototype .dn-editor-toolbar .ql-picker-options{background:#302630;border:1px solid #956688;color:#f4e5f0;box-shadow:0 8px 18px #09060bc0;z-index:6}
#darknet-prototype .dn-editor-toolbar .ql-picker-item{color:#ead5e6}
#darknet-prototype .dn-editor-toolbar .ql-picker-item:hover,#darknet-prototype .dn-editor-toolbar .ql-picker-item.ql-selected{color:#ffb9e8}
#darknet-prototype .dn-editor-surface{flex:1;min-height:0;overflow:hidden}
#darknet-prototype .dn-editor .ql-container.ql-snow{height:100%;border:0;color:#f4e5f0;font:15px/1.8 'Noto Sans KR',sans-serif}
#darknet-prototype .dn-editor .ql-editor{height:100%;min-height:0;padding:16px 18px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#e79acf #211b23;overscroll-behavior:contain}
#darknet-prototype .dn-editor .ql-editor.ql-blank::before{color:#a8899f;font-style:normal}
#darknet-prototype .dn-editor .ql-editor a,#darknet-prototype .dn-editor-readonly .ql-editor a{color:#93d6e5;text-decoration:underline}
#darknet-prototype .dn-editor .ql-editor blockquote,#darknet-prototype .dn-editor-readonly .ql-editor blockquote{border-left:4px solid #da91c6;background:#3d2f3b;padding:5px 12px;margin:8px 0}
#darknet-prototype .dn-editor .ql-editor img,#darknet-prototype .dn-editor-readonly .ql-editor img{display:block;max-width:100%;height:auto;margin:10px 0;border-radius:7px}
#darknet-prototype .dn-editor .ql-editor iframe.ql-video,#darknet-prototype .dn-editor-readonly .ql-editor iframe.ql-video{display:block;width:min(100%,640px);height:auto;aspect-ratio:16 / 9;margin:12px 0;border:0;border-radius:7px;background:#19151b}
#darknet-prototype :is(.dn-editor-video-form,.dn-editor-link-form){position:absolute;top:44px;right:9px;z-index:8;display:flex;align-items:center;flex-wrap:wrap;gap:7px;width:min(480px,calc(100% - 18px));padding:10px;border:1px solid #a67398;border-radius:9px;background:#372b37;box-shadow:0 10px 24px #0d090fcc}
#darknet-prototype :is(.dn-editor-video-form,.dn-editor-link-form) label{display:flex;align-items:center;gap:7px;flex:1 1 230px;min-width:0;color:#efb9dd;font-size:12px;font-weight:700;white-space:nowrap}
#darknet-prototype :is(.dn-editor-video-form,.dn-editor-link-form) input{flex:1 1 170px;min-width:0;padding:7px 9px;border:1px solid #72566d;border-radius:6px;background:#251e27;color:#f4e5f0;font-size:13px}
#darknet-prototype :is(.dn-editor-video-form,.dn-editor-link-form) button{flex:0 0 auto;min-width:48px;padding:7px 9px;border:1px solid #ad7b9e;border-radius:6px;background:#ed9dd8;color:#35222f;font-size:12px;font-weight:700;white-space:nowrap}
#darknet-prototype .dn-editor-video-form .dn-editor-video-cancel{background:#493746;color:#ead5e6}
#darknet-prototype .dn-editor-link-form .dn-editor-link-cancel{background:#493746;color:#ead5e6}
#darknet-prototype .dn-editor .ql-tooltip{max-width:calc(100% - 20px);border:1px solid #9a7190;background:#342a35;color:#f4e5f0;box-shadow:0 8px 22px #09060baa}
#darknet-prototype .dn-editor .ql-tooltip input[type=text]{background:#251e27;border:1px solid #72566d;color:#f4e5f0}
#darknet-prototype .dn-editor-readonly.ql-container.ql-snow{border:0;color:#f4e5f0;font:15px/1.8 'Noto Sans KR',sans-serif}
#darknet-prototype .dn-editor-readonly .ql-editor{padding:0;overflow:visible;overflow-wrap:anywhere}
#darknet-prototype .dn-editor-readonly .ql-editor p{margin:0 0 .5em}
@supports selector(::-webkit-scrollbar){#darknet-prototype .dn-editor-toolbar-row::-webkit-scrollbar{height:6px}#darknet-prototype .dn-editor-toolbar-row::-webkit-scrollbar-thumb{background:#d98fc4;border-radius:8px}#darknet-prototype .dn-editor .ql-editor::-webkit-scrollbar{width:9px}#darknet-prototype .dn-editor .ql-editor::-webkit-scrollbar-track{background:#211b23}#darknet-prototype .dn-editor .ql-editor::-webkit-scrollbar-thumb{background:#e79acf;border:2px solid #211b23;border-radius:8px}}
@container(max-width:1450px){
  #darknet-prototype .dn-editor-toolbar-row{flex-wrap:wrap;min-height:0;overflow:visible;white-space:normal}
  #darknet-prototype .dn-editor-toolbar.ql-toolbar.ql-snow{width:100%;min-height:40px;flex-wrap:wrap}
  #darknet-prototype .dn-editor-selects{width:100%;flex-wrap:wrap;gap:5px;padding:5px 7px;border-top:1px solid #60495b}
}
@container(max-width:570px){#darknet-prototype .dn-editor{height:clamp(270px,45vh,420px)}#darknet-prototype .dn-editor-toolbar-row{min-height:42px}#darknet-prototype .dn-editor .ql-editor{padding:12px;font-size:16px}#darknet-prototype :is(.dn-editor-video-form,.dn-editor-link-form){top:40px}}