*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#fff;color:#3d3d3d;overflow:hidden}.app{position:relative;width:100%;height:100%}.app canvas{display:block}.panel{position:absolute;top:20px;left:20px;background:#ffffffe0;border:1px solid #d9d9d9;border-radius:12px;padding:16px 18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 24px #0000000f;min-width:230px}.panel h1{font-size:15px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;color:#333}.row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.row-title{font-size:13px;color:#666}.seg{display:flex;border:1px solid #cfcfcf;border-radius:8px;overflow:hidden}.seg button{border:none;background:#fff;color:#555;font-size:13px;padding:5px 14px;cursor:pointer;transition:all .15s}.seg button+button{border-left:1px solid #cfcfcf}.seg button:hover{background:#f0f0f0}.seg button.active{background:#4a4a4a;color:#fff}.check{display:flex;align-items:center;gap:7px;font-size:13px;color:#555;margin-top:9px;cursor:pointer}.check input{accent-color:#4a4a4a}.hint{margin-top:12px;font-size:11px;color:#999}.legend{position:absolute;right:20px;bottom:20px;display:flex;flex-wrap:wrap;gap:8px;max-width:46%;justify-content:flex-end}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#555;background:#ffffffd9;border:1px solid #ddd;border-radius:999px;padding:3px 10px}.chip i{width:10px;height:10px;border-radius:3px;display:inline-block;border:1px solid rgba(0,0,0,.15)}.pc-label{font-size:12px;color:#444;background:#ffffffe0;border:1px solid #b9b9b9;border-radius:999px;padding:2px 9px;white-space:nowrap;-webkit-user-select:none;user-select:none}