body{margin:0;background:#fff;font:13px/1.6 "Microsoft YaHei",Tahoma,sans-serif;color:#333}.embed{display:flex;flex-direction:column;box-sizing:border-box;padding:5px;gap:12px;overflow:auto;min-height:100vh}.st{font-size:12px;color:#6b7280}.tb{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{border:0;padding:6px 14px;height:26px;line-height:1;background:#ff5000;color:#fff;font-size:13px;cursor:pointer}.btn.ghost{background:#fff;color:#ff5000;border:1px solid #ff5000}.btn.ghost:hover{background:#fff5f0}select{font-size:12px;height:26px;padding:0 6px;border:1px solid #e5e7eb;background:#fff;outline:none}select:focus{border-color:#ff5000}.ps{font-size:12px;color:#555}label.lock,label.unif{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#555}.body{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-start}.ctrls{display:flex;flex-direction:column;gap:6px;flex:1;min-width:280px}.ctrls label{display:flex;align-items:center;gap:8px;font-size:12px;color:#555}.ctrls label span{width:64px;flex:none}.ctrls label b{width:46px;flex:none;text-align:right;font-family:Consolas,Menlo,monospace;color:#ff5000}.ctrls input[type=range]{flex:1;min-width:120px}.stage{flex:1;min-width:260px;min-height:250px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;background:#f7f8fa}.box{width:170px;height:170px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;background:linear-gradient(135deg,#ff5000,#6a11cb)}.preset{border:1px solid #e5e7eb;background:#fff;color:#555;font-size:12px;height:24px;padding:0 10px;cursor:pointer}.preset:hover{border-color:#ff5000;color:#ff5000}label.io{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#555}textarea{width:100%;box-sizing:border-box;min-height:80px;padding:8px;border:1px solid #e5e7eb;font:12px/1.6 Consolas,Menlo,monospace;color:#333;resize:vertical;outline:none;tab-size:2}textarea:focus{border-color:#ff5000}