@import url('/part-16/style.css');
body{margin:0}main{max-width:1440px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.8px;color:#91b6a4}a{color:#a6d3bd}fieldset{border:0;padding:0;min-width:0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px}.model-wrap{position:relative}.model-wrap iframe{height:570px}#degrees{position:absolute;right:24px;top:20px;font-size:36px;pointer-events:none}aside label{display:flex;justify-content:space-between;margin:18px 0 10px;font-size:14px}aside input[type=range]{width:100%;accent-color:#b2d6c2}output{color:#edbe79}.selectors,.stages,.presets{display:flex;gap:8px;flex-wrap:wrap}.selectors select{background:#15231b;color:#e8ede9;border:1px solid #42584a;border-radius:8px;padding:10px;flex:1}.number-row,.result{display:flex;justify-content:space-between;gap:12px;padding:16px 0;font-size:14px}.result{margin:14px 0;background:#15221b;padding:15px;border-radius:10px}.result strong{color:#e7bd81}.number-row strong{color:#cadfd2}.stages button{flex:1;padding:9px}.stages [aria-pressed=true]{background:#bbd9c9;color:#0e1d15}.presets button{width:100%;padding:12px}.presets button:first-child{background:#cee3d6;color:#14251b}hr{border:0;border-top:1px solid #304337;margin:25px 0}.section-panel{background:#101b15;border:1px solid #2e4235;border-radius:15px;padding:20px;margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-heading h2{font-size:20px;margin:0}.section-heading span,.key{font-size:12px;color:#acbcb0}svg{width:100%;display:block}.key{display:flex;gap:20px;flex-wrap:wrap}.green{color:#8bdfb4}.orange{color:#f5b36e}.playback{display:flex;align-items:center;gap:15px;margin:15px 0}.playback input{flex:1}.views{display:flex;gap:8px}details{padding:20px 0;border-bottom:1px solid #304337}details p{max-width:1000px;line-height:1.65;color:#afc0b4;font-size:14px}summary{cursor:pointer}#loading[hidden]{display:none}button,input,select{touch-action:manipulation}@media(max-width:900px){main{padding:20px}.layout{grid-template-columns:1fr}.model-wrap iframe{height:430px}.section-heading{display:block}.section-heading span{display:block;margin-top:10px}header span{display:none}}

.examples{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.examples button{font-size:14px;padding:10px}

@media(max-width:600px){.section-panel{overflow-x:auto}.section-panel svg{min-width:620px}}