#technicaldrawing .td151-shell{display:grid;grid-template-columns:285px minmax(0,1fr);gap:12px;height:calc(100vh - 150px);min-height:670px} #technicaldrawing .td151-panel,#technicaldrawing .td151-stage{background:var(--card,#fff);border:1px solid var(--border,#d9dee8);border-radius:12px} #technicaldrawing .td151-panel{padding:12px;overflow:auto} #technicaldrawing .td151-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px} #technicaldrawing .td-tool,#technicaldrawing .td151-btn{border:1px solid #aeb7c5;border-radius:8px;padding:8px;background:var(--card,#fff);color:inherit;cursor:pointer} #technicaldrawing .td-tool.active{outline:2px solid #2563eb;font-weight:800;background:rgba(37,99,235,.08)} #technicaldrawing .td151-stage{display:flex;flex-direction:column;overflow:hidden} #technicaldrawing .td151-bar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:8px;border-bottom:1px solid var(--border,#ddd)} #technicaldrawing .td151-canvaswrap{position:relative;flex:1;min-height:530px;overflow:hidden;background:#eef1f5} #technicaldrawing .td151-canvaswrap canvas{display:block;touch-action:none} #technicaldrawing .td151-status{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;border-top:1px solid var(--border,#ddd)} #technicaldrawing .td152-live{font-weight:800;color:#2563eb;flex:1;text-align:center} #technicaldrawing .td151-panel label{display:block;margin:10px 0 5px;font-size:12px;font-weight:800} #technicaldrawing .td151-panel select,#technicaldrawing .td151-panel input[type=number],#technicaldrawing .td151-panel input[type=text]{width:100%;padding:7px;border:1px solid #b8c0cc;border-radius:7px;background:var(--card,#fff);color:inherit} #technicaldrawing .td151-danger{color:#b91c1c} #technicaldrawing .td152-group{margin-top:11px;padding-top:10px;border-top:1px solid var(--border,#ddd)} #technicaldrawing .td152-group-title{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;color:var(--muted,#64748b)} #technicaldrawing .td152-help{font-size:11px;line-height:1.45;margin:8px 0 0;color:var(--muted,#64748b)} #technicaldrawing .td153-projectbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;margin-top:8px} #technicaldrawing .td153-projectbar select{min-width:0} #technicaldrawing .td153-layerbox{display:grid;gap:5px;margin-top:7px} #technicaldrawing .td153-layer{display:grid;grid-template-columns:30px 30px 1fr;gap:5px;align-items:center;padding:4px 5px;border:1px solid var(--border,#d9dee8);border-radius:7px;font-size:12px} #technicaldrawing .td153-layer button{border:0;background:transparent;cursor:pointer;color:inherit;padding:2px} #technicaldrawing .td153-subtools{display:grid;grid-template-columns:1fr 1fr;gap:6px} @media(max-width:1100px){#technicaldrawing .td151-shell{grid-template-columns:235px minmax(0,1fr)}} @media(max-width:900px){#technicaldrawing .td151-shell{grid-template-columns:1fr;height:auto}#technicaldrawing .td151-panel{order:2}#technicaldrawing .td151-stage{min-height:650px}} #technicaldrawing .td154-two{display:grid;grid-template-columns:1fr 1fr;gap:7px} #technicaldrawing .td154-warning{font-size:11px;line-height:1.4;margin-top:8px;padding:7px;border-radius:7px;background:rgba(37,99,235,.07);color:var(--muted,#475569)} #technicaldrawing .td154-sheets{display:grid;gap:5px;margin-top:8px} #technicaldrawing .td154-sheetrow{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:5px} #technicaldrawing .td154-sheetrow button{border:1px solid var(--border,#d9dee8);border-radius:7px;background:var(--card,#fff);color:inherit;text-align:left;padding:6px;cursor:pointer} #technicaldrawing .td154-sheetrow .td154-x{text-align:center;color:#b91c1c} #technicaldrawing .td155-professional{background:linear-gradient(180deg,rgba(37,99,235,.045),transparent)} #technicaldrawing .td155-library-head{display:grid;grid-template-columns:1fr;gap:6px;margin-top:7px} #technicaldrawing .td155-library-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:11px;color:var(--muted,#64748b)} #technicaldrawing .td155-symbol-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:300px;overflow:auto;margin-top:6px;padding-right:2px} #technicaldrawing .td155-symbol{min-width:0;border:1px solid var(--border,#cbd5e1);border-radius:8px;background:var(--card,#fff);color:inherit;padding:7px 5px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px} #technicaldrawing .td155-symbol:hover{outline:2px solid rgba(37,99,235,.25);border-color:#2563eb} #technicaldrawing .td155-symbol span{font-weight:900;font-size:12px;min-height:16px} #technicaldrawing .td155-symbol small{font-size:10px;line-height:1.15;text-align:center;overflow-wrap:anywhere} #technicaldrawing .td155-custom{display:grid;grid-template-columns:1fr;gap:3px;margin-top:7px;padding:7px;border:1px dashed var(--border,#cbd5e1);border-radius:8px;max-height:180px;overflow:auto} #technicaldrawing .td155-custom label{margin:0;font-size:11px;font-weight:600} /* Workspace 156 — compact technical studio */ #technicaldrawing .td156-top{display:grid;gap:7px;margin-bottom:10px} #technicaldrawing .td156-projectline{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px;border:1px solid var(--border,#d9dee8);border-radius:10px;background:var(--card,#fff)} #technicaldrawing .td156-projectline select{min-width:190px;max-width:320px;padding:7px;border:1px solid #b8c0cc;border-radius:7px;background:var(--card,#fff);color:inherit} #technicaldrawing .td156-primary{font-weight:900} #technicaldrawing .td156-output{border:1px solid var(--border,#d9dee8);border-radius:10px;background:var(--card,#fff)} #technicaldrawing .td156-output>summary,#technicaldrawing .td156-panelbox>summary{cursor:pointer;list-style:none;font-weight:900;padding:9px 10px;display:flex;justify-content:space-between;gap:8px;align-items:center} #technicaldrawing .td156-output>summary::-webkit-details-marker,#technicaldrawing .td156-panelbox>summary::-webkit-details-marker{display:none} #technicaldrawing .td156-output>summary:before,#technicaldrawing .td156-panelbox>summary:before{content:'▸';margin-right:6px} #technicaldrawing .td156-output[open]>summary:before,#technicaldrawing .td156-panelbox[open]>summary:before{content:'▾'} #technicaldrawing .td156-outputgrid{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:7px;padding:0 10px 9px} #technicaldrawing .td156-outputgrid label{display:block;font-size:10px;font-weight:800;margin:0 0 3px} #technicaldrawing .td156-outputgrid input,#technicaldrawing .td156-outputgrid select{width:100%;padding:6px;border:1px solid #b8c0cc;border-radius:6px;background:var(--card,#fff);color:inherit} #technicaldrawing .td156-span2{grid-column:span 2} #technicaldrawing .td156-outputactions{display:flex;gap:6px;flex-wrap:wrap;padding:0 10px 8px} #technicaldrawing .td156-output .td154-warning,#technicaldrawing .td156-output .td154-sheets{margin-left:10px;margin-right:10px} #technicaldrawing .td156-shell{grid-template-columns:270px minmax(0,1fr);height:calc(100vh - 230px);min-height:610px} #technicaldrawing .td156-sidebar{padding:8px;overflow-y:auto;overscroll-behavior:contain} #technicaldrawing .td156-fixed{padding:6px 4px 9px;border-bottom:1px solid var(--border,#ddd)} #technicaldrawing .td156-quickedit{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:6px} #technicaldrawing .td156-quickedit .td151-btn{padding:6px 3px;font-size:10px} #technicaldrawing .td156-panelbox{border-bottom:1px solid var(--border,#ddd)} #technicaldrawing .td156-panelbox>summary{padding:9px 4px;font-size:12px} #technicaldrawing .td156-panelbox>summary span{font-size:9px;font-weight:500;color:var(--muted,#64748b)} #technicaldrawing .td156-panelbody{padding:2px 4px 9px} #technicaldrawing .td156-panelbody label{display:block;margin:6px 0 3px;font-size:10px;font-weight:800} #technicaldrawing .td156-panelbody select,#technicaldrawing .td156-panelbody input{width:100%;padding:6px;border:1px solid #b8c0cc;border-radius:6px;background:var(--card,#fff);color:inherit} #technicaldrawing .td156-scrollbox{max-height:220px;overflow:auto} #technicaldrawing .td156-profselect{padding:10px 4px 7px;border-bottom:1px solid var(--border,#ddd)} #technicaldrawing .td156-profselect select{width:100%;padding:7px;border:1px solid #b8c0cc;border-radius:7px;background:var(--card,#fff);color:inherit} #technicaldrawing .td156-symbols{max-height:250px;overflow:auto;grid-template-columns:1fr 1fr} #technicaldrawing .td156-profonly[hidden]{display:none!important} #technicaldrawing .td156-check{display:flex!important;gap:7px;align-items:center} #technicaldrawing .td156-check input{width:auto!important} #technicaldrawing .td156-canvasbar{min-height:42px} @media(max-width:1200px){#technicaldrawing .td156-outputgrid{grid-template-columns:repeat(3,minmax(110px,1fr))}#technicaldrawing .td156-shell{grid-template-columns:245px minmax(0,1fr)}} @media(max-width:900px){#technicaldrawing .td156-shell{grid-template-columns:1fr;height:auto}#technicaldrawing .td156-sidebar{max-height:none}#technicaldrawing .td156-outputgrid{grid-template-columns:1fr 1fr}} /* Workspace 157 — compact professional selector */ #technicaldrawing .td157-profbox>summary strong{font-size:10px;color:#2563eb;max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #technicaldrawing .td157-profbox .td155-custom{max-height:150px} #technicaldrawing .td157-profhelp{font-size:9px;line-height:1.35;color:var(--muted,#64748b);margin:7px 0 0} /* 3.0.0-160 — Arquitetura 3D / Fase 1 */ #technicaldrawing .td160-viewbar{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line,#dbe3ee);border-radius:12px;background:var(--card,#fff);margin-bottom:7px} #technicaldrawing .td160-viewbar #td3DStatus160{margin-left:auto;font-size:11px;font-weight:700;color:#64748b} #technicaldrawing .td160-active{background:#1d4ed8!important;color:#fff!important;border-color:#1d4ed8!important} #technicaldrawing .td160-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:7px 9px;margin-bottom:7px;border:1px solid var(--line,#dbe3ee);border-radius:12px;background:var(--card,#fff);font-size:11px} #technicaldrawing .td160-controls label{display:flex;align-items:center;gap:5px;font-weight:700} #technicaldrawing .td160-controls input{width:68px;padding:5px 6px;border:1px solid #cbd5e1;border-radius:7px} #technicaldrawing .td160-3dwrap{position:relative;min-height:590px;height:calc(100vh - 335px);border:1px solid var(--line,#dbe3ee);border-radius:12px;overflow:hidden;background:linear-gradient(#eef6ff 0 56%,#e9e5dc 56% 100%)} #technicaldrawing #tdCanvas3D160{display:block;width:100%;height:100%;cursor:grab} #technicaldrawing #tdCanvas3D160:active{cursor:grabbing} #technicaldrawing .td160-legend{position:absolute;left:12px;bottom:10px;padding:6px 9px;border-radius:8px;background:rgba(15,23,42,.78);color:#fff;font-size:10px;pointer-events:none} @media(max-width:900px){#technicaldrawing .td160-3dwrap{min-height:430px;height:55vh}} /* 3.0.0-161 — Arquitetura 3D Fase 2 / barra compacta */ #technicaldrawing .td161-sep{width:1px;height:25px;background:#d7dee8;margin:0 2px} #technicaldrawing .td161-zoomonly{position:absolute;z-index:4;left:8px;top:58px;width:auto!important;padding:4px!important;background:rgba(255,255,255,.90)!important;border-radius:9px;box-shadow:0 1px 5px rgba(15,23,42,.08)} #technicaldrawing .td151-stage{position:relative} #technicaldrawing .td160-viewbar{flex-wrap:wrap} @media(max-width:760px){#technicaldrawing .td160-viewbar #td3DStatus160{width:100%;margin-left:0}} /* 3.0.0-163 — câmera arquitetônica e vistas */ #technicaldrawing .td163-cameras{display:flex;gap:4px;flex-wrap:wrap;padding-left:5px;border-left:1px solid #d7dee8} #technicaldrawing .td163-cameras .td151-btn{font-size:10px;padding:5px 7px} /* 3.0.0-166 — controles de chão/laje/interior */ #technicaldrawing .td166-check{display:flex!important;align-items:center;gap:5px} #technicaldrawing .td166-check input{width:auto!important} /* 3.0.0-167 — controles 3D sem sobreposição */ #technicaldrawing .td161-zoomonly{display:none!important} #technicaldrawing .td160-controls{position:relative!important;z-index:2;overflow:visible!important} #technicaldrawing .td160-controls label{white-space:nowrap} #technicaldrawing .td160-viewbar{position:relative;z-index:3} #technicaldrawing #td3DWallHeight160,#technicaldrawing #td3DBase160{position:relative;z-index:4} /* 3.0.0-172 — Arquitetura 3D Fase 3 */ #technicaldrawing .td172-break{flex-basis:100%;height:0} #technicaldrawing .td160-controls select{min-width:112px;padding:5px 7px;border:1px solid #cbd5e1;border-radius:7px;background:var(--card,#fff)} /* 3.0.0-173 */ #technicaldrawing .td173-object-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap} #technicaldrawing #td3DSel173{font-size:12px;min-width:150px} #technicaldrawing #td3DRoofSlope173,#technicaldrawing #td3DEave173{width:68px} /* 3.0.0-174 — painel 3D recolhível */ #technicaldrawing .td174-toggle{font-weight:700} #technicaldrawing .td160-controls.td174-collapsed{display:none!important} #technicaldrawing .td160-viewbar{position:relative;z-index:2} /* 3.0.0-176 — pisos e vidro */ #technicaldrawing .td176-floorbar{display:inline-flex;gap:8px;align-items:center;margin-left:auto} #technicaldrawing .td176-floorbar label{display:inline-flex;gap:5px;align-items:center;font-size:12px;font-weight:700} #technicaldrawing .td176-floorbar select{min-width:74px} /* 3.0.0-177 — referência de pavimento */ #technicaldrawing .td177-ref{white-space:nowrap} #technicaldrawing .td177-ref input{width:auto} /* 3.0.0-179 — Fase 4 */ #technicaldrawing #td3DExposure179{width:100px;vertical-align:middle} /* 3.0.0-180 — Fase 5 final: coordinate engine */ /* 3.0.0-182 — Coordinate Trace, diagnóstico somente leitura */ #technicaldrawing #technicaldrawing #technicaldrawing #technicaldrawing #tdCoordDiagText182{margin:6px 0 0;max-height:210px;overflow:auto;white-space:pre-wrap;font-size:11px;line-height:1.35;background:#0f172a;color:#e2e8f0;padding:8px;border-radius:7px} /* 3.0.0-189 — escopo exclusivo do Studio Técnico */ #technicaldrawing .td189-projectline{display:flex;align-items:center;gap:10px;flex-wrap:wrap} #technicaldrawing .td189-projectline #tdProject153{flex:1 1 280px;min-width:180px;max-width:560px} #technicaldrawing .td189-projectmenu{position:relative;z-index:25} #technicaldrawing .td189-projectmenu>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center} #technicaldrawing .td189-projectmenu>summary::-webkit-details-marker{display:none} #technicaldrawing .td189-projectactions{position:absolute;top:calc(100% + 6px);left:0;display:grid;gap:6px;min-width:210px;padding:10px;border:1px solid var(--border,#d8dee9);border-radius:12px;background:var(--card,#fff);box-shadow:0 14px 34px rgba(15,23,42,.18)} #technicaldrawing .td189-projectactions .td151-btn{width:100%;justify-content:flex-start} #technicaldrawing .td156-output{width:100%;max-width:100%;min-width:0;overflow:visible} #technicaldrawing .td156-outputgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0} #technicaldrawing .td156-outputgrid>div,#technicaldrawing .td156-outputgrid input,#technicaldrawing .td156-outputgrid select{min-width:0;width:100%;max-width:100%;box-sizing:border-box} #technicaldrawing .td156-outputactions{display:flex;flex-wrap:wrap;gap:8px;max-width:100%} #technicaldrawing #td3DControls160{display:flex;flex-wrap:wrap;gap:8px 10px;min-width:0;max-width:100%;overflow:visible} #technicaldrawing #td3DControls160 label{min-width:0;max-width:100%} #technicaldrawing #td3DWrap160{position:relative;overflow:hidden} #technicaldrawing #tdCanvas3DOverlay189{position:absolute;inset:0;z-index:4;pointer-events:none} @media(max-width:900px){ #technicaldrawing .td156-outputgrid{grid-template-columns:1fr} #technicaldrawing .td189-projectactions{position:fixed;left:16px;right:16px;top:auto;min-width:0} } /* 3.0.0-190 — escopo exclusivo do Studio Técnico */ #technicaldrawing .td190-project-status{margin-left:auto;font-size:12px;color:var(--muted,#64748b);white-space:normal} #technicaldrawing .td190-modal[hidden]{display:none!important} #technicaldrawing .td190-modal{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.45)} #technicaldrawing .td190-modal-card{width:min(460px,calc(100vw - 32px));display:grid;gap:14px;padding:18px;border:1px solid var(--border,#d8dee9);border-radius:14px;background:var(--card,#fff);box-shadow:0 24px 70px rgba(15,23,42,.28)} #technicaldrawing .td190-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px} #technicaldrawing .td190-modal-card label{display:grid;gap:7px;font-weight:600} #technicaldrawing .td190-modal-card input{width:100%;box-sizing:border-box} #technicaldrawing .td190-modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap} /* 3.0.0-193 — workspace adaptativo, escopo exclusivo Studio */ #technicaldrawing.td193-sidebar-hidden .td156-sidebar{display:none!important} #technicaldrawing.td193-sidebar-hidden .td156-shell{grid-template-columns:minmax(0,1fr)!important} #technicaldrawing .td193-control-deck{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px} #technicaldrawing .td193-deckbar{display:flex;gap:6px;flex-wrap:wrap;width:100%} #technicaldrawing .td193-controlgroup{border:1px solid var(--border,#d8dee9);border-radius:10px;min-width:180px;max-width:100%;background:var(--card,#fff)} #technicaldrawing .td193-controlgroup>summary{cursor:pointer;font-weight:700;padding:7px 9px;white-space:nowrap} #technicaldrawing .td193-controlbody{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px} #technicaldrawing .td193-control-deck[data-mode="hidden"] .td193-controlgroup{display:none} @media(max-width:900px){#technicaldrawing .td156-shell{grid-template-columns:minmax(0,1fr)!important}#technicaldrawing .td156-sidebar{position:absolute;z-index:40;width:min(330px,88vw);max-height:72vh;overflow:auto;box-shadow:0 18px 50px rgba(15,23,42,.25)}#technicaldrawing .td193-controlgroup{min-width:0;width:100%}} /* 3.0.0-199 — universal transform controls */ #technicaldrawing .td199-transform{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;padding:8px;border:1px solid rgba(100,116,139,.28);border-radius:10px;background:rgba(248,250,252,.78)} #technicaldrawing .td199-transform[hidden]{display:none} #technicaldrawing .td199-transform strong,#technicaldrawing .td199-transform small{grid-column:1/-1} #technicaldrawing .td199-transform label{font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:6px} #technicaldrawing .td199-transform input[type="number"]{width:78px;min-width:0} #technicaldrawing .td199-transform .td199-ratio{grid-column:1/-1;justify-content:flex-start} #technicaldrawing .td199-transform small{font-size:10px;color:#64748b;line-height:1.25} /* 3.0.0-200 — biblioteca interna de projetos */ #technicaldrawing .td200-library{margin:8px 0 12px;padding:10px;border:1px solid rgba(100,116,139,.25);border-radius:12px;background:rgba(248,250,252,.94)} #technicaldrawing .td200-library[hidden]{display:none} #technicaldrawing .td200-libraryhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px} #technicaldrawing .td200-libraryhead>div{display:flex;flex-direction:column;gap:2px} #technicaldrawing .td200-libraryhead small{color:#64748b} #technicaldrawing .td200-librarylist{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px} #technicaldrawing .td200-projectcard{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid rgba(100,116,139,.22);border-radius:10px;background:#fff} #technicaldrawing .td200-projectcard.active{outline:2px solid rgba(37,99,235,.35)} #technicaldrawing .td200-projectmeta{display:flex;flex-direction:column;gap:3px;min-width:0} #technicaldrawing .td200-projectmeta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #technicaldrawing .td200-projectmeta small{font-size:10px;color:#64748b} #technicaldrawing .td200-projectbuttons{display:flex;flex-wrap:wrap;gap:5px} #technicaldrawing .td200-empty{padding:16px;text-align:center;color:#64748b} /* 3.0.0-206 — área 2D/3D e campo de trabalho */ #technicaldrawing .td206-layoutbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:11px;font-weight:800} #technicaldrawing .td206-layoutbar label{display:flex;align-items:center;gap:4px;margin:0} #technicaldrawing .td206-layoutbar select{width:auto;min-width:92px;padding:6px;border:1px solid #b8c0cc;border-radius:7px;background:var(--card,#fff);color:inherit} #technicaldrawing .td206-layoutbar .td151-btn{padding:6px 8px} #technicaldrawing .td206-layoutbar .td151-btn.active{outline:2px solid #2563eb;background:rgba(37,99,235,.08);font-weight:900} #technicaldrawing.td206-size-small .td156-shell{height:610px!important;min-height:610px!important} #technicaldrawing.td206-size-medium .td156-shell{height:760px!important;min-height:760px!important} #technicaldrawing.td206-size-large .td156-shell{height:920px!important;min-height:920px!important} @media(max-width:900px){#technicaldrawing.td206-size-small .td156-shell,#technicaldrawing.td206-size-medium .td156-shell,#technicaldrawing.td206-size-large .td156-shell{height:auto!important;min-height:650px!important}} /* 3.0.0-210 STABLE — Studio Tecnico: contraste protegido em temas escuros. Patch estritamente visual; nao altera geometria, eventos, ferramentas ou dados. */ :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing{ --td-dark-card:#111827; --td-dark-card-2:#172033; --td-dark-card-3:#1e293b; --td-dark-border:#475569; --td-dark-text:#f8fafc; --td-dark-muted:#cbd5e1; --td-dark-accent:#60a5fa; color:var(--td-dark-text)!important; } :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td151-panel, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td151-stage, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td156-projectline, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td156-output, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td193-controlgroup, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td160-viewbar, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td190-modal-card, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td189-projectactions{ background:var(--td-dark-card)!important; color:var(--td-dark-text)!important; border-color:var(--td-dark-border)!important; } :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td156-sidebar, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td156-fixed, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td156-panelbox, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td156-profselect, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td193-controlbody, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td160-controls{ color:var(--td-dark-text)!important; border-color:var(--td-dark-border)!important; } :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td-tool, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td151-btn, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td154-sheetrow button, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td155-symbol, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td206-layoutbar .td151-btn{ background:var(--td-dark-card-2)!important; color:var(--td-dark-text)!important; border-color:var(--td-dark-border)!important; -webkit-text-fill-color:var(--td-dark-text)!important; opacity:1!important; } :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td-tool:hover, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td151-btn:hover, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td155-symbol:hover{ background:var(--td-dark-card-3)!important; color:#fff!important; } :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td-tool.active, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td160-active, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td206-layoutbar .td151-btn.active{ background:#1d4ed8!important; color:#fff!important; -webkit-text-fill-color:#fff!important; border-color:#60a5fa!important; outline-color:#60a5fa!important; } :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]), :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing select, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing textarea{ background:#0f172a!important; color:#f8fafc!important; -webkit-text-fill-color:#f8fafc!important; border-color:#64748b!important; opacity:1!important; color-scheme:dark; } :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing input:disabled, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing select:disabled, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing textarea:disabled, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing button:disabled{ color:#cbd5e1!important; -webkit-text-fill-color:#cbd5e1!important; opacity:.72!important; } :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing option, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing optgroup{background:#0f172a!important;color:#f8fafc!important} :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing label, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing summary, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing strong, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td156-primary, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td156-panelbox>summary, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td156-output>summary, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td193-controlgroup>summary, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td206-layoutbar{ color:#f8fafc!important; -webkit-text-fill-color:#f8fafc!important; opacity:1!important; } :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td152-group-title, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td152-help, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td155-library-meta, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td156-panelbox>summary span, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td157-profhelp, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td160-viewbar #td3DStatus160, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td190-project-status, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td199-transform small, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td200-libraryhead small, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td200-projectmeta small, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td200-empty{ color:var(--td-dark-muted)!important; -webkit-text-fill-color:var(--td-dark-muted)!important; opacity:1!important; } :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td152-live, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td157-profbox>summary strong{ color:#93c5fd!important; -webkit-text-fill-color:#93c5fd!important; } :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td154-warning{ background:#172554!important; color:#dbeafe!important; border:1px solid #3b82f6!important; } :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td199-transform, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td200-library, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td200-projectcard, :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td155-custom{ background:var(--td-dark-card-2)!important; color:var(--td-dark-text)!important; border-color:var(--td-dark-border)!important; } :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td153-layer{ background:var(--td-dark-card-2)!important; color:var(--td-dark-text)!important; border-color:var(--td-dark-border)!important; } :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td151-status{ background:var(--td-dark-card)!important; color:var(--td-dark-text)!important; border-color:var(--td-dark-border)!important; } /* A prancheta/canvas continua com fundo tecnico claro: preserva grade e leitura do desenho. */ :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td151-canvaswrap{ background:#e7ebf0!important; } /* Evita que regras globais de tema deixem texto do Studio branco sobre superficies claras internas. */ :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td151-canvaswrap canvas{color:#172033!important} /* 3.0.0-212 - mais curso vertical para trabalhar na parte inferior da prancheta. Nao altera zoom, escala nem coordenadas do desenho. */ #technicaldrawing .td151-shell{min-height:820px;height:calc(100vh - 105px)} #technicaldrawing .td151-canvaswrap{min-height:680px} #technicaldrawing .td151-stage{min-height:720px} @media(max-width:900px){#technicaldrawing .td151-shell{height:auto;min-height:900px}#technicaldrawing .td151-stage{min-height:800px}#technicaldrawing .td151-canvaswrap{min-height:720px}} /* 3.0.0-217 — Geometria avançada opcional (X/Y/Z + centroide). */ #technicaldrawing .td217-advanced-toggle{margin-top:7px;padding-top:7px;border-top:1px solid rgba(148,163,184,.22);font-weight:700} #technicaldrawing .td217-geometry{margin-top:8px;padding:10px;border:1px solid rgba(100,116,139,.28);border-radius:12px;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} #technicaldrawing .td217-geometry-head{display:flex;flex-direction:column;gap:2px;margin-bottom:8px} #technicaldrawing .td217-geometry-head small,#technicaldrawing .td217-note,#technicaldrawing .td217-empty{font-size:11px;color:#64748b} #technicaldrawing .td217-values{display:grid;gap:5px} #technicaldrawing .td217-values>div{display:grid;grid-template-columns:minmax(82px,.8fr) minmax(0,1.2fr);gap:8px;align-items:start;padding:5px 0;border-bottom:1px solid rgba(148,163,184,.16)} #technicaldrawing .td217-values>div:last-child{border-bottom:0} #technicaldrawing .td217-values span{font-size:11px;color:#64748b} #technicaldrawing .td217-values b{font-size:11px;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums} #technicaldrawing .td217-note{display:block;margin-top:8px;line-height:1.35} :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td217-geometry{background:rgba(15,23,42,.68);border-color:rgba(148,163,184,.28)} :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td217-geometry-head small,:is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td217-note,:is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td217-empty,:is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td217-values span{color:#cbd5e1} /* 3.0.0-218 — Geometria avançada Fase 2 (Ponto A → B). */ #technicaldrawing .td218-measure{margin-top:10px;padding-top:9px;border-top:1px solid rgba(148,163,184,.22)} #technicaldrawing .td218-actions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px} #technicaldrawing .td218-hint{display:block;margin:3px 0 7px;font-size:11px;line-height:1.35;color:#64748b} #technicaldrawing .td218-values{margin-top:3px} :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td218-hint{color:#cbd5e1} /* 3.0.0-219 — Geometria Fase 3: pontos A–Z + coordenadas. */ #technicaldrawing .td219-scroll{max-height:150px;overflow:auto;margin-top:6px;padding-right:3px} #technicaldrawing .td219-summary{margin-top:8px;padding-top:6px;border-top:1px solid rgba(148,163,184,.22)} #technicaldrawing .td219-coordinate-box{display:grid;gap:7px;margin-top:10px;padding:9px;border:1px solid rgba(148,163,184,.25);border-radius:10px;background:rgba(255,255,255,.38);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)} #technicaldrawing .td219-coordinate-box>strong{font-size:11px} #technicaldrawing .td219-coordinate-box label{display:grid;gap:3px;font-size:10px;color:#64748b} #technicaldrawing .td219-coordinate-box input,#technicaldrawing .td219-coordinate-box select{min-width:0;width:100%} #technicaldrawing .td219-row{display:grid;grid-template-columns:1fr 1fr;gap:6px} :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td219-coordinate-box{background:rgba(15,23,42,.62);border-color:rgba(148,163,184,.28)} :is(body.dark,body.style-luxury,body.style-terminal) #technicaldrawing .td219-coordinate-box label{color:#cbd5e1} /* 3.0.0-220 — Área de construção opcional + marcação contínua A→B→C→D. */ #technicaldrawing .td220-area-toggle{display:inline-flex;align-items:center;gap:6px;font-weight:700;white-space:nowrap} #technicaldrawing .td220-area-toggle input{width:16px;height:16px;margin:0} #technicaldrawing #tdGeoMarkContinue220.td220-mark-active{box-shadow:inset 0 0 0 2px rgba(255,255,255,.32);font-weight:800} /* 3.0.0-225 — Transformar objeto compacto: todos os campos visiveis sem rolagem interna */ #technicaldrawing .td199-transform{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 6px;padding:6px;margin-top:6px} #technicaldrawing .td199-transform strong{margin-bottom:1px} #technicaldrawing .td199-transform label:not(.td199-ratio){display:grid;grid-template-columns:1fr;align-content:start;gap:2px;font-size:9px;line-height:1.12;min-width:0} #technicaldrawing .td199-transform input[type="number"]{width:100%;height:27px;padding:3px 5px;box-sizing:border-box;font-size:11px} #technicaldrawing .td199-transform .td199-ratio{grid-column:1/2;font-size:9px;align-self:center;margin:0} #technicaldrawing .td199-transform>button{grid-column:2/3;min-height:27px;padding:4px 6px} #technicaldrawing .td199-transform small{display:none}