*{box-sizing:border-box}body{margin:0;background:var(--dt-bg);color:var(--dt-ink);font:14px var(--dt-font)}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #007d94;outline-offset:4px}button{color:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:#0a1118;border-right:1px solid #263843;padding:32px 23px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:850;letter-spacing:-.5px}.logo .dt-monogram{height:39px;width:39px;background:#0a1118;color:#52e8ff;font-size:16px}.logo small{display:block;font-size:8px;letter-spacing:1.7px;margin-top:5px;color:#93aab9}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#8197a6;margin:49px 12px 15px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;background:none;border:0;text-align:left;padding:13px 12px;border-radius:7px;font-size:13px;margin:5px 0}.nav-item.active{background:#133441;color:#83edff;font-weight:700}.nav-item span{font-size:19px}.nav-item small{margin-left:auto;font-size:10px}.tools-label{margin-top:31px}.tools-nav a{display:flex;align-items:center;gap:13px;padding:13px 12px;font-size:12px}.tools-nav a:hover{background:#142b39;border-radius:7px}.tools-nav a span{font-size:18px;color:#8caebf}.tools-nav b{margin-left:auto;color:#78909f;font-weight:400}.sidebar-bottom{margin-top:auto;padding:28px 12px 0}.local-indicator{font-size:10px;color:#a1b5c1;display:flex;align-items:center;gap:7px}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#18b77d}.sidebar-bottom p{font-size:21px;line-height:1.35;letter-spacing:-.5px;font-weight:550}.sidebar-bottom>span{font-size:9px;letter-spacing:2px;display:flex;justify-content:space-between;margin-top:35px}.page{margin-left:235px}.top{height:79px;border-bottom:1px solid var(--dt-line);padding:0 45px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.breadcrumb{color:#586d7b}.breadcrumb span{margin:0 15px;color:#8a9da9}.breadcrumb strong{font-weight:500;color:#0a1118}.edition{font-size:10px;letter-spacing:1.6px}.edition span{margin-left:10px;border:1px solid #d4dfe5;padding:4px 7px;border-radius:4px;letter-spacing:0}main{max-width:1550px;margin:auto;padding:42px 45px 0}.welcome{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:35px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:#007d94;margin:0 0 14px}h1{font-size:clamp(32px,3.2vw,49px);letter-spacing:-2px;font-weight:550;line-height:1.12;margin:0 0 18px}h1>span{color:#007d94}.intro{font-size:13px;line-height:1.8;color:#596b79;margin:0}.date-block{display:flex;flex-direction:column;gap:11px;font-size:10px;min-width:195px}.date-block>span:first-child{text-transform:uppercase;letter-spacing:1px;color:#596b79}.date-block strong{font-size:13px;font-weight:550}.availability{font-size:10px;color:#087b58;display:flex;align-items:center;gap:6px}.overview{display:grid;grid-template-columns:1fr 1fr 1.2fr;border:1px solid var(--dt-line);border-radius:9px;background:#fff;padding:22px 0;margin-bottom:39px}.overview>div{display:flex;align-items:center;gap:19px;padding:0 23px;border-right:1px solid var(--dt-line)}.overview>div:last-child{border:0}.metric-number{font-size:32px;letter-spacing:-1px;font-weight:450}.metric-icon{font-size:28px;color:#007d94}.overview>div>span:last-child{font-size:9px;letter-spacing:1.3px;font-weight:700}.overview small{display:block;font-size:10px;letter-spacing:0;color:#596b79;font-weight:400;margin-top:7px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}h2{font-size:20px;font-weight:550;letter-spacing:-.5px;margin:0}h2>span{font-size:10px;border:1px solid #cad8e1;border-radius:5px;padding:2px 5px;margin-left:7px;vertical-align:middle;color:#526b7b}.section-heading p{margin:8px 0 0;font-size:11px;color:#596b79}.search{display:flex;align-items:center;gap:9px;border:1px solid var(--dt-line);border-radius:7px;background:#fff;padding:9px 11px;width:260px;color:#596b79}.search input{background:none;border:0;outline:none;width:100%;font-size:11px;min-width:0;color:#0a1118}.search:focus-within{outline:2px solid #007d94}.search kbd{border:1px solid #d4dfe5;padding:1px 5px;font-size:10px}.filters{display:flex;gap:7px;margin:23px 0 18px;flex-wrap:wrap}.filters button{background:none;border:1px solid transparent;padding:8px 13px;border-radius:6px;color:#596b79;font-size:10px}.filters button.selected{background:#e6f4f7;border-color:#afdae3;color:#006c81;font-weight:650}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card{background:white;border:1px solid var(--dt-line);border-radius:12px;overflow:hidden;transition:transform .18s,box-shadow .18s}.tool-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0a111810}.preview{height:174px;position:relative;padding:26px 23px 16px;overflow:hidden;background:#edf4f7;border-bottom:1px solid #d4dfe5}.preview-planning{background:#edf1f7}.preview-video{background:#e5eff3}.preview svg{width:100%;height:100%}.preview-label{position:absolute;top:13px;left:17px;font-size:8px;letter-spacing:1.4px;color:#596b79}.favorite{position:absolute;top:9px;right:11px;border:1px solid #cad8e1;border-radius:6px;background:#ffffffb0;padding:4px 8px;font-size:17px;line-height:20px;color:#596b79}.favorite[aria-pressed=true]{color:#006c81;background:#dcf2f7}.card-body{padding:21px}.category{font-size:8px;letter-spacing:1.4px;font-weight:700;color:#007d94}.tool-card h3{font-size:21px;font-weight:550;letter-spacing:-.6px;margin:10px 0}.description{font-size:11px;color:#596b79;line-height:1.8;min-height:59px;margin-bottom:16px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tags span{font-size:8px;border:1px solid #d4dfe5;border-radius:4px;padding:4px 6px;color:#526776}.launch{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:16px;border-top:1px solid #dce6eb;font-size:11px;font-weight:700;color:#007d94}.launch span{background:#e6f4f7;border-radius:5px;width:25px;height:25px;display:grid;place-items:center;font-size:16px}.recent-section{margin-top:36px}.quiet{font-size:8px;letter-spacing:1.6px;color:#596b79}.recent-empty{padding:22px 0;color:#596b79;font-size:11px;border-bottom:1px solid #d4dfe5}.recent-row{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #d4dfe5;font-size:12px}.recent-row>span{color:#007d94}.recent-row small{margin-left:auto;color:#596b79;font-size:10px}.recent-row>b:last-child{margin-left:12px;font-size:16px}.note{display:flex;align-items:center;gap:18px;border:1px solid #c2d9e2;background:#eaf4f7;border-radius:8px;padding:20px;margin-top:29px}.note-icon{font-size:27px;color:#007d94}.note strong{font-size:11px;font-weight:600}.note p{color:#596b79;font-size:10px;line-height:1.7;margin:5px 0 0;max-width:680px}.note button{margin-left:auto;white-space:nowrap;border:0;background:none;font-size:10px;color:#007d94}.note button span{margin-left:13px}footer{padding:30px 0 23px;display:flex;justify-content:space-between;color:#596b79;font-size:8px;letter-spacing:1px}.footer-divider{margin:0 10px}footer>span:last-child{letter-spacing:0;font-size:10px}.empty{padding:45px;color:#596b79;text-align:center}dialog{border:1px solid var(--dt-line);border-radius:16px;max-width:550px;width:calc(100% - 32px);padding:32px;color:var(--dt-ink);box-shadow:0 20px 90px #0a111844}dialog::backdrop{background:#0a111877}dialog p:not(.eyebrow){font-size:13px;line-height:1.8;color:#596b79}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:24px}.primary{border:0;border-radius:7px;background:#007d94;color:#fff;padding:12px 20px}button:hover{filter:brightness(.97)}[hidden]{display:none!important}@media(min-width:1550px){.preview{height:210px}.description{min-height:42px}}@media(max-width:1150px){.sidebar{width:200px;padding:25px 14px}.page{margin-left:200px}main{padding:30px 25px 0}.top{padding:0 25px}.date-block{display:none}.overview>div{padding:0 15px;gap:12px}.tool-grid{gap:12px}.card-body{padding:17px}.tool-card h3{font-size:18px}.preview{padding-left:12px;padding-right:12px;height:148px}}@media(max-width:880px){.sidebar{width:72px;padding:24px 13px}.logo>span:last-child,.nav-label,.tools-nav,.sidebar-bottom,.nav-item small{display:none}.logo{justify-content:center}.nav-item{font-size:0;justify-content:center;padding:12px 0}.nav-item span{font-size:24px}.sidebar nav{margin-top:25px}.page{margin-left:72px}.tool-grid{grid-template-columns:1fr}.preview{height:190px}.description{min-height:0}.overview{grid-template-columns:1fr 1fr}.overview>div:last-child{display:none}.overview>div:nth-child(2){border:0}.welcome{margin-bottom:25px}}@media(max-width:520px){main{padding:28px 16px 0}.top{height:60px;padding:0 16px}.edition{display:none}h1{font-size:34px;letter-spacing:-1.5px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.search{width:100%}.overview{padding:15px 0}.overview>div{gap:9px;padding:0 10px}.overview small{font-size:8px}.overview>div>span:last-child{font-size:8px;letter-spacing:.5px}.metric-number{font-size:24px}.metric-icon{font-size:22px}.note{align-items:flex-start;flex-wrap:wrap;gap:10px}.note-icon{display:none}.note button{margin-left:0;padding:0}.quiet{display:none}footer{gap:20px;font-size:7px}.footer-divider{margin:0 4px}}

/* Select Input technical layout: dark rail, fine rules, cyan signals. */
.sidebar{color:#e7f0f5}.logo{letter-spacing:1px;font-size:15px}.logo .dt-monogram{background:transparent;color:#52e8ff;border-color:#52707e;border-radius:0}.logo small{font-family:var(--dt-mono);font-size:8px;letter-spacing:1px}.nav-label,.eyebrow,.category,.preview-label,.quiet,.edition,.overview>div>span:last-child,.tags,.date-block>span:first-child,footer{font-family:var(--dt-mono)}.nav-item{border-radius:3px}.nav-item.active{border-left:2px solid var(--si-cyan)}.tools-nav a:hover{border-radius:3px}.sidebar-bottom p{color:#f3f6f7;font-weight:400}.sidebar-bottom>span{color:#a1b5c1}.top{background:#fff}.welcome{position:relative}.welcome h1{font-weight:500}.overview,.search,.filters button,.tool-card,.favorite,.tags span,.launch span,.note,dialog,.primary{border-radius:4px}.overview{border-top:2px solid #0a1118}.tool-card:hover{transform:translateY(-2px);border-color:#7db9c9}.preview{background-image:linear-gradient(#7390a210 1px,transparent 1px),linear-gradient(90deg,#7390a210 1px,transparent 1px);background-size:16px 16px}.preview::after{content:'';position:absolute;bottom:12px;right:14px;width:9px;height:9px;border-right:1px solid #007d94;border-bottom:1px solid #007d94}.preview-label{color:#415b6b}.card-body h3{display:flex;align-items:center;gap:9px}.si-icon{width:24px;height:24px;object-fit:contain}.tools-nav .si-icon{filter:invert(1);width:20px;height:20px;opacity:.85}.category{display:flex;justify-content:space-between}.module-code{color:#596b79;font-weight:400}.launch{color:#fff;background:#0a1118;border:0;border-radius:3px;padding:10px 12px;margin-top:20px}.launch:hover{background:#163748}.launch span{color:#52e8ff;background:transparent}.note{border-left:2px solid #007d94}.note strong{color:#0a1118}.sidebar-bottom{border-top:1px solid #273d49;padding-top:23px}footer a{text-decoration:underline;text-underline-offset:3px}.brand-link{color:#007d94}.recent-row:hover{background:#e9f2f6}.preview svg{opacity:.97}