#viz-generation .ct-console{background:#0b1b24;color:#d8e4e9;border:1px solid #365563;border-radius:8px;box-shadow:0 6px 20px #18384718;overflow:hidden;color-scheme:dark}
#viz-generation .ct-player button:hover{background:#244b59;border-color:#83b7c6}
#viz-generation .ct-player [data-play]:hover{background:#8ce6d4;border-color:#8ce6d4}
#viz-generation .ct-inputs{display:flex;gap:20px;flex-wrap:wrap;align-items:end;padding:16px;background:#102630;border-bottom:1px solid #29414c}
#viz-generation .ct-inputs label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#b7cbd4;flex:1}
#viz-generation select{background:#173743;color:#d8e4e9;border:1px solid #446371;border-radius:4px;min-height:40px;font:14px/1.5 inherit;padding:6px 10px;max-width:100%}
#viz-generation .ct-seed-label{font-size:12px;color:#9bb1bd;padding:10px 0;font-variant-numeric:tabular-nums}
#viz-generation .ct-main{display:grid;grid-template-columns:minmax(0,1fr) 285px}
#viz-generation .ct-stage{background:#0b1b24;min-width:0}
#viz-generation .ct-stage svg{background:#0b1b24;filter:none;display:block;aspect-ratio:720/600;width:100%;height:auto}
#viz-generation .ct-inspector{background:#10232d;padding:18px;border-left:1px solid #29414c;min-width:0}
#viz-generation .ct-inspector h4{font-size:22px;line-height:1.45;color:#edf4f7;margin:12px 0}
#viz-generation .ct-inspector p{font-size:13px;line-height:1.8;color:#b7cbd4}
#viz-generation .ct-inspector small{color:#80d6c2;font-size:11px}
#viz-generation .ct-fact{font-size:12px;border-color:#29414c;padding:10px 0;gap:10px}
#viz-generation .ct-fact b{color:#d8e4e9;font-size:11px}
#viz-generation .ct-player{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#112b36;border-top:1px solid #29414c;padding:14px 16px}
#viz-generation .ct-player button{background:#173743;border:1px solid #446371;color:#d4e6ed;border-radius:4px;min-height:40px;padding:6px 12px;font-size:13px}
#viz-generation .ct-player [data-play]{background:#63d8c0;color:#08292b;font-weight:650;min-width:94px;border-color:#63d8c0}
#viz-generation .ct-player label{display:flex;gap:8px;align-items:center;font-size:12px;color:#b7cbd4}
#viz-generation .ct-player input{flex:1;min-width:140px;accent-color:#63d8c0;cursor:pointer}
#viz-generation .ct-player b{font-size:12px;color:#c7dbe4;font-variant-numeric:tabular-nums}
#viz-generation .ct-load-status{font-size:11px;color:#9bb1bd;margin:0;padding:8px 16px;border-top:1px solid #29414c}
#viz-generation :is(button,select,input):focus-visible{outline:2px solid #fff;outline-offset:2px}
#viz-generation .ct-code{border-bottom:1px solid #cbd4d9;margin:12px 0;padding:12px 0}
#viz-generation .ct-code summary{cursor:pointer;font-size:14px;color:#36576a}
@media(max-width:760px){#viz-generation .ct-main{grid-template-columns:1fr}#viz-generation .ct-inspector{border-left:0;border-top:1px solid #29414c;max-height:340px!important;overflow-y:auto!important}#viz-generation .ct-player input{order:7;flex-basis:75%}#viz-generation .ct-player b{order:8}#viz-generation .ct-inputs{gap:12px}#viz-generation .ct-inputs label{min-width:110px}#viz-generation .ct-seed-label{flex-basis:100%;padding:0}}