:root{color:#fff;background:#031225;font-family:Inter,system-ui,sans-serif}body{margin:0}main{max-width:920px;margin:0 auto;padding:32px 16px}.panel,.row{background:#071c34;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:16px;padding:16px}.row{justify-content:space-between;gap:16px;display:flex}.user-row>div{gap:4px;display:grid}small{color:#aab6c8}input{color:#fff;background:#031225;border:1px solid #fff3;border-radius:10px;width:100%;min-height:42px;margin:8px 0;padding:0 12px}button{color:#031225;background:#ffb000;border:0;border-radius:10px;min-height:42px;padding:0 14px;font-weight:700}button.danger{color:#fff;background:#ff3b30}button.safe{color:#031225;background:#34c759}.panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.switch{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.switch input{display:none}.switch-ui{background:#2a3d57;border-radius:999px;width:46px;height:26px;position:relative}.switch-ui:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked+.switch-ui{background:#34c759}.switch input:checked+.switch-ui:after{transform:translate(20px)}textarea{color:#fff;resize:vertical;background:#031225;border:1px solid #fff3;border-radius:10px;width:100%;min-height:120px;margin:8px 0;padding:12px}.hint,.muted,.status-line{color:#aab6c8;font-size:13px}.preview-box{background:#031225;border-radius:12px;gap:8px;margin:8px 0 12px;padding:12px;display:grid}.preview-html a{color:#7cc0ff}