/* DreamRP Creator-Studio · Oberfläche (eigene Tokens, nutzt Dashboard-Variablen wenn vorhanden) */
.ds{--ds-bg:var(--pan,#121214);--ds-card:var(--card,#18181b);--ds-card2:var(--card2,#202024);--ds-line:var(--line,rgba(255,255,255,.09));--ds-fg:#F4F1E8;--ds-mut:var(--mut,#9b9aa3);--ds-y:#FFD21F;--ds-ink:#0B0B0D;
  display:grid;grid-template-columns:250px minmax(0,1fr) 300px;gap:14px;align-items:start;color:var(--ds-fg);font-family:"Rajdhani","DRP Rajdhani",system-ui,sans-serif;font-size:16px}
.ds *{box-sizing:border-box}
.ds-side,.ds-form{background:var(--ds-bg);border:1px solid var(--ds-line);border-radius:14px;padding:14px}
.ds-side{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}
.ds-lbl{font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ds-y);margin-bottom:10px;display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.ds-lbl span{color:var(--ds-mut);letter-spacing:.04em;text-transform:none;font-weight:600;font-size:12px}
.ds-prof{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--ds-line)}
.ds-f{display:flex;flex-direction:column;gap:5px;margin-bottom:11px;font-weight:600;font-size:14px;color:var(--ds-mut)}
.ds-f small{font-size:12px;color:var(--ds-mut);opacity:.85}
.ds-f input:not([type]),.ds-f input[type=text],.ds-f textarea,.ds-f select{width:100%;font:600 16px/1.25 inherit;font-family:inherit;color:var(--ds-fg);background:var(--ds-card2);border:1px solid var(--ds-line);border-radius:9px;padding:8px 10px;outline:none}
.ds-f textarea{resize:vertical;min-height:74px}
.ds-f input:focus,.ds-f textarea:focus,.ds-f select:focus{border-color:var(--ds-y);box-shadow:0 0 0 3px rgba(255,210,31,.18)}
.ds-f input[type=range]{accent-color:var(--ds-y)}
.ds-f input[type=file]{font:inherit;font-size:13px;color:var(--ds-mut)}
.ds-f.ck{flex-direction:row;align-items:center;gap:9px;color:var(--ds-fg);cursor:pointer}.ds-f.ck input{accent-color:var(--ds-y);width:17px;height:17px}
.ds-g{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ds-mut);margin:12px 4px 6px}
.ds-g:first-child{margin-top:0}
.ds-t{display:flex;width:100%;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;font:inherit;color:var(--ds-fg);background:transparent;border:1px solid transparent;border-radius:9px;padding:7px 10px;cursor:pointer}
.ds-t b{font-size:16px;font-weight:700}.ds-t small{font-size:12px;color:var(--ds-mut);font-weight:600}
.ds-t:hover{background:var(--ds-card2)}.ds-t.on{background:rgba(255,210,31,.1);border-color:rgba(255,210,31,.5)}.ds-t.on b{color:var(--ds-y)}
.ds-t:focus-visible,.ds-btn:focus-visible,.ds-chips button:focus-visible,.ds-x:focus-visible{outline:2px solid var(--ds-y);outline-offset:2px}
.ds-main{min-width:0;display:flex;flex-direction:column;gap:10px}
.ds-meta{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.ds-meta b{font-size:20px}.ds-meta span{color:var(--ds-mut);font-weight:600;font-size:14px}
.ds-stage{width:100%;max-height:72vh;border-radius:12px;overflow:hidden;border:1px solid var(--ds-line);background:var(--ds-ink);display:flex;align-items:center;justify-content:center}
.ds-stage.alpha{background-color:#2a2a30;background-image:linear-gradient(45deg,#34343b 25%,transparent 25%,transparent 75%,#34343b 75%),linear-gradient(45deg,#34343b 25%,transparent 25%,transparent 75%,#34343b 75%);background-size:24px 24px;background-position:0 0,12px 12px}
.ds-img{display:block;max-width:100%;max-height:72vh;width:auto;height:100%;object-fit:contain}
.ds-acts{display:flex;flex-wrap:wrap;gap:8px}
.ds-btn{font:700 15px/1 inherit;font-family:inherit;letter-spacing:.04em;padding:11px 16px;border-radius:10px;border:1px solid var(--ds-line);background:var(--ds-card2);color:var(--ds-fg);cursor:pointer}
.ds-btn:hover{border-color:rgba(255,210,31,.6)}.ds-btn.pri{background:var(--ds-y);color:var(--ds-ink);border-color:var(--ds-y)}.ds-btn.pri:hover{filter:brightness(1.06)}.ds-btn:disabled{opacity:.6;cursor:wait}
.ds-msg{min-height:20px;font-weight:600;font-size:14px;color:#7fe0a0}.ds-msg.bad{color:#ff8a8a}
.ds-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.ds-chips button{font:700 13px/1 inherit;font-family:inherit;padding:7px 10px;border-radius:999px;border:1px solid var(--ds-line);background:var(--ds-card2);color:var(--ds-fg);cursor:pointer}
.ds-chips button:hover{border-color:var(--ds-y);color:var(--ds-y)}
.ds-x{font:600 13px/1 inherit;font-family:inherit;color:var(--ds-mut);background:none;border:0;padding:4px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;align-self:flex-start}
.ds-x:hover{color:var(--ds-fg)}
@media (max-width:1100px){.ds{grid-template-columns:220px minmax(0,1fr)}.ds-form{grid-column:1 / -1}}
@media (max-width:720px){.ds{grid-template-columns:minmax(0,1fr)}.ds-side{position:static;max-height:none}.ds-list{display:flex;flex-wrap:wrap;gap:4px}.ds-g{width:100%}.ds-t{width:auto}}
@media (prefers-reduced-motion:reduce){.ds *{transition:none!important}}