.tc-dm{box-sizing:border-box;width:min(1160px,96vw);max-width:none;height:min(900px,94dvh);max-height:94dvh;padding:0;border:1px solid #37434e;border-radius:22px;background:#101923;color:#eaf2f4;font:15px/1.5 system-ui,sans-serif;box-shadow:0 28px 90px #0009;overflow:auto}.tc-dm::backdrop{background:#02070bd9;backdrop-filter:blur(6px)}.tc-dm *{box-sizing:border-box}.tc-dm-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border-bottom:1px solid #293947}.tc-dm-header small{color:#90aaa9;font-size:11px;letter-spacing:.12em}.tc-dm h2{margin:2px 0;font-size:26px;line-height:1.2}.tc-dm button,.tc-dm input,.tc-dm select{font:inherit;color:inherit}.tc-dm button{min-height:42px;min-width:44px;border:1px solid #425364;background:#1a2937;border-radius:10px;padding:8px 14px;cursor:pointer}.tc-dm button:hover{background:#263c4c}.tc-dm :focus-visible{outline:3px solid #f7b568;outline-offset:3px}.tc-dm-controls{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;padding:16px 24px 12px}.tc-dm-controls input,.tc-dm-controls select{min-width:0;width:100%;background:#0c1420;border:1px solid #3d505d;border-radius:10px;padding:12px}.tc-dm-tools{display:flex;gap:8px;align-items:center;padding:0 24px 14px;flex-wrap:wrap}.tc-dm-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-left:8px;font-size:12px;color:#b9cad3}.tc-dm-legend label{display:flex;align-items:center;gap:5px;cursor:pointer;min-height:28px}.tc-dm-legend i{height:8px;width:8px;border-radius:50%}.tc-dm-legend input{accent-color:#83c0be;margin:0}.tc-dm-viewport{background:#0c1420;border-top:1px solid #2c3c49;border-bottom:1px solid #2c3c49;height:clamp(290px,47dvh,510px);position:relative}.tc-dm-viewport svg{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.tc-dm-viewport svg:active{cursor:grabbing}.tc-dm-notice{padding:12px 24px;margin:0;background:#192b36;font-size:13px;color:#b8dddd;min-height:44px}.tc-dm-details{padding:12px 24px 22px;color:#aabdc7;font-size:13px}.tc-dm-details p{margin:8px 0}.tc-dm-details strong{color:#ecf4f6}.tc-dm-details details{padding-top:5px}.tc-dm-details summary{cursor:pointer;color:#b7cacd}.tc-dm-details code{font-size:11px;overflow-wrap:anywhere}@media(max-width:620px){.tc-dm{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.tc-dm-header{padding:16px}.tc-dm h2{font-size:22px}.tc-dm-controls{grid-template-columns:1fr;padding:12px 16px}.tc-dm-tools{padding:0 16px 12px}.tc-dm-legend{margin:4px 0 0;width:100%;gap:6px 10px}.tc-dm-viewport{height:40dvh;min-height:250px}.tc-dm-notice,.tc-dm-details{padding-left:16px;padding-right:16px}}
.tc-dm .tc-dm-header{position:relative;inset:auto;width:auto;max-width:none;min-height:0;height:auto;transform:none;z-index:auto;margin:0;background:#101923;pointer-events:auto}.tc-dm .tc-dm-header button{pointer-events:auto}
.tc-dm-entry{display:block;width:100%;margin-top:10px;min-height:44px;padding:10px 14px;border:1px solid #57717c;border-radius:10px;background:#183442;color:#d7eeef;font:600 13px system-ui;cursor:pointer}.tc-dm-entry:hover{background:#244855}.tc-dm-entry:focus-visible{outline:3px solid #f7b568;outline-offset:3px}