:root{color-scheme:dark;--bg:#111;--ink:#ddd;--muted:#999;--line:#333;--accent:#ba98e8}*{box-sizing:border-box}[hidden]{display:none!important}body{max-width:880px;margin:0 auto;padding:0 24px;background:var(--bg);color:var(--ink);font:14px/1.5 Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}svg{width:16px;height:16px;stroke-width:1.6;flex-shrink:0}button:focus-visible,a:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.site-header{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.brand{font-size:16px;font-weight:bold;color:var(--ink)}nav{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.nav-item,.text-button{border:0;padding:0;background:none;color:var(--muted);font-size:13px}.nav-item:hover,.text-button:hover{color:var(--ink)}.nav-item.active{color:var(--accent);text-decoration:underline;text-underline-offset:5px}.text-button{color:var(--accent);display:inline-flex;align-items:center;gap:6px}.account-area{display:flex;gap:14px;margin-left:auto}.account-area #account-button{color:var(--muted)}main{padding:32px 0 48px;outline:none}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-title{font-size:21px;line-height:1.3;font-weight:600;margin:0}.subtext{font-size:13px;color:var(--muted);margin:7px 0 0}.subtext:empty,.eyebrow:empty{display:none}.eyebrow{font-size:12px;color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.section-heading h2{font-size:14px;font-weight:normal;margin:0;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 11px;border:1px solid #444;border-radius:0;background:#1a1a1a;color:var(--ink);font-size:13px;white-space:nowrap}.button:hover{border-color:#777;background:#222;text-decoration:none}.button.primary{border-color:#8f70b7;color:#dac6f5;background:#1d1724}.button.primary:hover{border-color:var(--accent)}.button.danger{border-color:#a45b62;color:#efa4ac;background:none}.button.small{padding:5px 8px;font-size:12px}.button.full{width:100%}.button svg{width:14px;height:14px}.tool-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 0;border:0;background:none;text-align:left;color:var(--accent);font-size:14px}.tool-link:hover{text-decoration:underline}.tool-link>span{display:flex;align-items:center;gap:9px}.tool-link>svg{width:14px}.pill{font-size:12px;color:var(--muted);white-space:nowrap}.editor-meta{display:flex;gap:16px;margin-bottom:16px}.editor-meta label:first-child{flex:1}.editor-meta label:last-child{width:200px}label{display:block;font-size:13px}input,select,textarea{display:block;width:100%;margin-top:6px;padding:8px 9px;border:1px solid #444;border-radius:0;outline:none;background:#151515;color:var(--ink);font-size:13px}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:#777}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:12px;color:var(--muted)}.editor-toolbar span{display:flex;align-items:center;gap:7px}.upload{display:flex;align-items:center;gap:6px;color:var(--accent);font-size:12px;cursor:pointer}.upload input{display:none}.code-area textarea{min-height:290px;margin:0;padding:12px;resize:vertical;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}.editor-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.editor-actions p{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin:0}.editor-actions p svg{width:13px}.notice{display:flex;align-items:flex-start;gap:7px;font-size:12px;color:var(--muted);margin-top:20px}.notice>svg{width:14px;height:14px;margin-top:2px}.notice details{margin-top:8px}summary{cursor:pointer}.output-panel{margin-top:28px}.output-tabs,.output-actions,.inline-actions{display:flex;gap:10px;align-items:center}.tab{border:0;border-bottom:1px solid transparent;border-radius:0;padding:5px 0;background:none;color:var(--muted);font-size:13px}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.output-code{max-height:300px;overflow:auto;white-space:pre-wrap;word-break:break-all;padding:12px;margin:0;border:1px solid var(--line);background:#151515;font:12px/1.65 ui-monospace,monospace}.library-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}.search{max-width:270px;margin:0}.folder-path{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;margin-bottom:12px}.folder-path button{padding:0;border:0;background:none;color:var(--accent)}.folder-path svg{width:12px}.library-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid var(--line)}.file-icon{display:inline-flex;align-items:center;color:var(--muted)}.row-title{flex:1;min-width:0;padding:0;border:0;background:none;text-align:left}.row-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:normal}.row-title small{font-size:11px;color:var(--muted)}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:4px;border:0;background:none;color:var(--muted)}.icon-button:hover{color:var(--accent)}.empty-state{padding:24px 0}.empty-state>svg{display:none}.empty-state h3{font-size:14px;font-weight:normal;margin:0 0 12px}.empty-state p{color:var(--muted);font-size:13px;margin:0 0 12px}.empty-state p:empty{display:none}.billing-switch{display:flex;gap:14px}.billing-row{display:flex;align-items:center;gap:18px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.billing-row>span{flex:1}.billing-row strong{min-width:105px;font-size:14px;font-weight:normal}.billing-row small{color:var(--muted);font-size:12px}.credit-heading{margin-top:26px}.free-plan{font-size:13px;color:var(--muted);margin:0 0 15px}.billing-note{font-size:13px;line-height:1.8;margin-top:24px;color:var(--muted)}.discord-name{color:var(--accent)}.billing-details{font-size:12px;color:var(--muted);margin-top:20px;max-width:600px}.form-error{font-size:13px;color:#e9a1a9}.form-error:empty{display:none}.field-note,.footer-note{font-size:12px;color:var(--muted);margin:10px 0 18px}.settings-panel{max-width:380px}.settings-panel label,.admin-columns label{margin-top:17px}.settings-heading{font-size:14px;font-weight:normal;margin:0 0 10px}.settings-panel>.eyebrow{display:none}.admin-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}.admin-users{max-height:475px;overflow:auto;margin-top:16px}.admin-user{padding:13px 0;border-bottom:1px solid var(--line)}.admin-user strong{display:block;font-weight:normal;font-size:13px}.admin-user small{color:var(--muted);font-size:12px}.password-metadata{font-size:12px;color:var(--muted);margin:7px 0;line-height:1.6}.admin-user .button{margin-top:6px;margin-right:6px}.admin-history-heading{margin-top:28px}dialog{width:380px;max-width:calc(100% - 32px);padding:22px;border:1px solid #555;border-radius:0;background:#151515;color:var(--ink);box-shadow:none}dialog::backdrop{background:#0009}.dialog-top{display:flex;justify-content:space-between;align-items:center}dialog h2{font-size:20px;font-weight:normal;margin:8px 0 16px}dialog p{font-size:13px;color:var(--muted)}dialog p:empty{display:none}dialog label{margin-top:16px}.auth-switch{display:block;width:100%;padding:0;margin-top:16px;border:0;background:none;color:var(--accent);font-size:13px}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:90vw;padding:9px 14px;border:1px solid #555;background:#191919;color:var(--ink);font-size:13px}.loading{font-size:13px;color:var(--muted);padding:15px 0}
@media(max-width:650px){body{padding:0 18px}.site-header{gap:14px;padding:18px 0}.site-header nav{order:3;width:100%;gap:16px;row-gap:12px}.account-area{margin-left:auto}.nav-item{font-size:12px}main{padding-top:25px}.page-title{font-size:20px}.page-head{gap:10px}.editor-meta{flex-direction:column;gap:13px}.editor-meta label:last-child{width:100%}.editor-actions{align-items:flex-start;flex-direction:column;gap:12px}.library-tools{align-items:stretch}.search{max-width:none}.billing-row{gap:10px}.billing-row strong{min-width:80px;font-size:13px}.billing-row .button{font-size:12px;padding:6px 9px}.output-actions{gap:6px}.output-actions .button{font-size:11px;padding:5px 7px}.output-tabs{gap:10px}.output-tabs .tab{font-size:12px}.admin-columns{grid-template-columns:1fr;gap:28px}.inline-actions{flex-wrap:wrap}}
.reference-row{display:flex;align-items:stretch;gap:8px;margin-top:6px}.reference-row input{margin:0;min-width:0;flex:1;font:12px ui-monospace,monospace}.reference-row .button{flex-shrink:0}.toast{overflow-wrap:anywhere}