:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f6f8;background:#0b0b0d;font-synthesis:none;--bg:#0b0b0d;--panel:#141416;--raised:#1b1a1e;--soft:#26242b;--muted:#96939d;--purple:#a98cff;--purple2:#7651e8;--danger:#ff657f;--ok:#56d99b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 52% -15%,#22173a 0,transparent 35%),var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column}header{height:68px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0a;background:#0b0b0dcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand,.header-actions{display:flex;align-items:center;gap:12px}.brand-mark{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--purple2),var(--purple));font-weight:800;box-shadow:0 6px 24px #7955e840}.brand strong{display:block;font-size:15px;letter-spacing:.02em}.brand span{display:block;margin-top:1px;font-size:9px;color:#77727f;text-transform:uppercase;letter-spacing:.12em}.header-actions{gap:9px}.cost{color:#8d8993;font-size:11px;margin-right:8px}.icon,.avatar{width:34px;height:34px;border:0;border-radius:10px;background:#19181c;color:#aaa6af}.avatar{border-radius:50%;color:#d6caff;background:#2b2144;font-weight:700}main{flex:1;min-height:0;display:flex;padding:24px;gap:18px}.workspace{flex:1;min-width:0;min-height:520px;display:flex;flex-direction:column;background:#121214;border-radius:18px;box-shadow:0 25px 80px #0007;overflow:hidden}.toolbar{height:56px;padding:10px 14px;display:flex;align-items:center;gap:12px;background:#171619}.toolbar select,.side-panel select{border:0;border-radius:9px;background:#242228;color:#dedce2;padding:8px 12px;outline:none}.status{font-size:11px;color:#8e8a94;display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status i{width:6px;height:6px;border-radius:50%;background:#59565f}.status.live{color:#ff90a3}.status.live i{background:var(--danger);box-shadow:0 0 10px var(--danger)}.pip-button{margin-left:auto}.editor{flex:1;min-height:370px;border:0;resize:none;outline:none;background:#0e0e10;color:#eeeef0;padding:28px 32px;font-size:17px;line-height:1.75;caret-color:var(--purple)}.editor::placeholder{color:#3e3c43}.bottom-bar{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#171619}.spacer{flex:1}.ghost,.primary,.new,.queue-actions button{border:0;border-radius:10px;padding:9px 13px;background:#242228;color:#bcb8c3}.ghost:hover,.queue-actions button:hover{background:#2d2a32;color:#fff}.primary{background:linear-gradient(135deg,var(--purple2),#9a79f6);color:#fff;font-weight:650;box-shadow:0 8px 22px #7451df25}.primary:disabled{opacity:.45;cursor:default}.compact{padding-inline:21px}.side-panel{width:0;opacity:0;overflow:hidden;background:#141416;border-radius:18px;transition:width .2s,opacity .2s;padding:0}.side-panel.open{width:310px;opacity:1;padding:20px;overflow-y:auto}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-title h2,.review-card h2{font-size:17px;margin:0}.panel-title span{font-size:10px;color:#77737d;text-transform:uppercase}.new{width:100%;text-align:left;background:#211b30;color:#bca8f8;margin-bottom:14px}.history-list{display:flex;flex-direction:column;gap:6px}.history-list button{border:0;border-radius:10px;background:transparent;color:#ccc;text-align:left;padding:11px}.history-list button:hover,.history-list .selected{background:#201e24}.history-list strong,.history-list span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-list strong{font-size:12px}.history-list span{font-size:9px;color:#716e76;margin-top:5px}.empty{font-size:12px;color:#777}.side-panel>label{display:block;color:#aaa6af;font-size:11px;margin:16px 0 6px}.side-panel>label select,.side-panel>label textarea{display:block;width:100%;margin-top:7px}.side-panel textarea{height:190px;resize:vertical;border:0;border-radius:10px;background:#201f23;color:#eee;padding:12px;outline:none;line-height:1.5}.side-panel small{display:block;color:#6f6b75;font-size:9px;line-height:1.5}.side-panel .check{display:flex;gap:7px;align-items:center;margin-bottom:18px}.record-dock{position:fixed;left:50%;bottom:21px;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:8px 16px 8px 9px;border-radius:999px;background:#1a191de8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 14px 45px #0009;z-index:4}.record{width:52px;height:52px;border-radius:50%;border:0;color:#fff;background:linear-gradient(145deg,#7952e8,#b299ff);font-size:21px;box-shadow:0 0 24px #7952e850}.record.on{background:var(--danger);box-shadow:0 0 28px #ff657f55}.record:disabled{opacity:.4}.record-dock>span{font-size:10px;color:#8f8b95;white-space:nowrap}.meter{display:flex;gap:2px;align-items:center;height:26px}.meter i{width:2px;height:100%;background:var(--purple);border-radius:2px;transform-origin:center;transition:transform .1s}.queue-card{position:fixed;right:22px;bottom:20px;width:330px;max-height:250px;overflow:auto;border-radius:14px;padding:14px;background:#1a191deb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 50px #0009;z-index:5}.queue-card>strong{font-size:11px}.queue-card>div{padding-top:9px;margin-top:9px;border-top:1px solid #ffffff0a}.queue-card span,.queue-card em{display:block;font-size:9px;color:#999}.queue-card em{color:#ff8b9e;margin-top:3px}.queue-actions{display:flex!important;gap:6px;margin-top:6px}.queue-actions button{font-size:9px;padding:5px 7px}.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#08080bd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-card,.review-card{width:min(420px,100%);background:#171619;border-radius:22px;padding:34px;box-shadow:0 35px 100px #000c}.login-card .brand-mark{margin:auto}.login-card h1{text-align:center;margin:15px 0 4px}.login-card>p{text-align:center;color:#85818b;font-size:12px;margin:0 0 25px}.login-card label{display:block;color:#aaa6af;font-size:11px;margin-top:13px}.login-card input{display:block;width:100%;margin-top:6px;padding:12px;border:0;border-radius:10px;background:#242228;color:#fff;outline:none}.login-card .primary{width:100%;margin:18px 0 13px}.login-card small{display:block;text-align:center;color:#68646d;font-size:9px;line-height:1.5}.error{margin-top:13px;padding:9px;border-radius:8px;background:#4c1f292e;color:#ff90a3;font-size:11px}.review-card{width:min(950px,100%)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px}.compare label{font-size:10px;color:#8e8995}.compare textarea{display:block;width:100%;height:360px;margin-top:7px;resize:none;border:0;border-radius:11px;background:#0e0e10;color:#ddd;padding:16px;line-height:1.55}.review-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.splash{height:100vh;display:grid;place-content:center;justify-items:center;gap:16px;color:#85818b;font-size:12px}.splash .brand-mark{width:48px;height:48px}@media(max-width:800px){header{padding:0 14px}.cost{display:none}main{padding:10px}.workspace{min-height:calc(100vh - 88px)}.side-panel.open{position:fixed;inset:68px 0 0 auto;width:min(340px,100%);z-index:10;border-radius:0}.toolbar{gap:6px}.status{display:none}.editor{padding:20px 18px;font-size:16px}.bottom-bar{flex-wrap:wrap}.bottom-bar .ghost:first-child,.bottom-bar .ghost:nth-child(2){font-size:0}.bottom-bar .ghost:first-child:after{content:"✨ ABC";font-size:11px}.bottom-bar .ghost:nth-child(2):after{content:"✨ Füller";font-size:11px}.record-dock{bottom:74px}.queue-card{left:10px;right:10px;bottom:142px;width:auto}.compare{grid-template-columns:1fr}.compare textarea{height:220px}}