body{background:#f8f8f5;color:#202020}header{position:relative!important;background:#f8f8f5!important;color:#202020!important;mix-blend-mode:normal!important}header .brand img{filter:none}main{padding:0 3.3% 50px}.tool-intro{padding:75px 0 55px}.tool-intro h1{font-size:clamp(48px,6vw,86px);font-weight:400;line-height:1;letter-spacing:-.06em;margin:22px 0}.tool-intro>p:not(.eyebrow){color:#666;font-size:18px}.beta{display:inline-block;font:11px var(--mono);border:1px solid #ccc;padding:8px 12px;margin-top:14px}.editor{display:grid;grid-template-columns:240px minmax(0,1fr) 250px;border-top:1px solid #ccc;border-bottom:1px solid #ccc}#config,aside{padding:26px 20px}#config{padding-left:0}aside{border-left:1px solid #ddd;padding-right:0}h2{font:11px var(--mono);letter-spacing:.08em;margin:0 0 30px}label{display:block;font-size:12px;margin-bottom:19px}input,select{font:14px var(--sans);color:#222;width:100%;padding:11px 8px;background:transparent;border:1px solid #ccc;border-radius:0;margin-top:7px}input[type=range]{padding:0;accent-color:#222}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drawing{background:#edeeeb;display:flex;flex-direction:column;min-width:0}.viewbar,.caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px;font:10px var(--mono)}.viewbar button{border:0;padding:0;width:auto}.drawing svg{width:100%;flex:1;min-height:360px}.caption{border-top:1px solid #ddd}button{cursor:pointer;font:12px var(--sans);padding:12px 10px;background:transparent;border:1px solid #bbb;width:100%;margin-bottom:10px;color:inherit}.primary{background:#222;color:#fff;border-color:#222}button:disabled{cursor:not-allowed;opacity:.5}button:hover:not(:disabled){background:#deded8}.primary:hover{color:#222}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #0066ff;outline-offset:3px}dt{font-size:11px;color:#777;margin-top:24px}dd{margin:8px 0 24px;font-size:19px}.revit{border-top:1px solid #ccc;margin-top:28px;padding-top:16px}.revit h3{font-size:16px;font-weight:400}.revit p,.footnote{font-size:12px;line-height:1.7;color:#777}#status{font-size:12px;line-height:1.5}.footnote{margin:20px 0 50px}.back{font-size:13px}output{float:right}@media(max-width:1100px){.editor{grid-template-columns:200px minmax(0,1fr)}aside{grid-column:1/-1;border-left:0;border-top:1px solid #ddd;display:grid;grid-template-columns:1fr 1fr;gap:15px}aside h2,.revit{grid-column:1/-1}}@media(max-width:650px){header nav{font-size:10px;gap:10px;max-width:250px}main{padding:0 5% 30px}.tool-intro{padding:45px 0 30px}.editor{display:flex;flex-direction:column}.drawing{order:-1}.drawing svg{min-height:260px}#config{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:24px 0}#config h2{grid-column:1/-1}.pair{grid-column:1/-1}aside{display:block;padding:24px 0}header nav a[href="/herramientas/"]{display:block!important}}
[hidden]{display:none!important}.tabs{display:flex;gap:20px}.tabs button[aria-pressed=true]{border-bottom:1px solid #222}.tabs button{padding:7px!important}#space{position:relative;flex:1;min-height:480px;background:radial-gradient(ellipse at 50% 40%,#fafbf8,#e2e4df)}#model3d{display:block;width:100%;height:100%;min-height:480px;position:absolute;inset:0;touch-action:none;cursor:grab}#model3d:active{cursor:grabbing}.orbit-controls{position:absolute;bottom:45px;right:15px;display:flex;gap:6px}.orbit-controls button{width:32px;background:#f9f9f5;padding:7px}.orbit-hint{position:absolute;bottom:10px;left:20px;color:#777;font-size:11px;pointer-events:none}@media(max-width:650px){#space,#model3d{min-height:330px}}body{padding-left:0}header{inset:auto!important;width:100%;height:auto;min-height:90px;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid #ddd;padding:18px 3.3%}header nav{position:static;display:flex;flex-direction:row;align-items:center;margin:0;gap:24px;width:auto}header nav a{width:auto;padding:9px 0;border-bottom:1px solid transparent;color:#333}header .brand{position:static}header .brand img{width:52px;height:52px}.tool-intro{padding:38px 0 30px}.tool-intro h1{font-size:clamp(40px,4vw,62px)}@media(max-width:650px){header{padding:16px 5%}header nav{gap:10px;max-width:250px;flex-wrap:wrap}header nav a{font-size:10px}}