:root{color:#243b32;font-synthesis:none;--ink:#243b32;--muted:#73796d;--line:#cdd0c3;--paper:#f4f2e9;background:#e9e7de;font-family:Trebuchet MS,sans-serif}*{box-sizing:border-box}body{grid-template-columns:310px 1fr;min-height:100dvh;margin:0;display:grid}button,select,input,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #b77748}button:disabled,select:disabled{opacity:.45;cursor:wait}.panel{background:var(--paper);border-right:1px solid var(--line);z-index:3;flex-direction:column;min-height:100dvh;padding:30px 26px 22px;display:flex;position:relative}.eyebrow{letter-spacing:1.2px;align-items:center;gap:8px;font:9px/1.5 Courier New,monospace;display:flex}.brand-mark{font-size:30px;line-height:1}.edition{color:var(--muted);letter-spacing:0;margin-left:auto;font-size:9px}h1{letter-spacing:-2px;margin:30px 0 20px;font:54px/.98 Georgia,serif}h1 em{color:#6a7652;font-weight:400}.intro{color:#73786c;margin:0;font-size:13px;line-height:1.6}.project-specs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;margin:26px 0 0;padding:19px 0;font:22px Georgia,serif;display:flex}.project-specs small{color:var(--muted);font:10px Trebuchet MS,sans-serif}.controls{margin:8px 0 20px}.controls h2{margin:24px 0 13px;font-size:11px;font-weight:400}.controls h2 span{color:#8a917f;margin-right:10px;font:10px Courier New,monospace}.views{grid-template-columns:1fr 1fr;gap:7px;display:grid}.view{border:1px solid var(--line);color:var(--ink);text-align:left;background:0 0;border-radius:3px;padding:12px 7px;font-size:11px;transition:background .15s,color .15s}.view span{margin:0 5px;font-size:15px}.view:hover{background:#e6e8dc}.view.active{color:var(--paper);background:var(--ink);border-color:var(--ink)}.select-label{color:var(--muted);margin-bottom:7px;font-size:10px;display:block}select{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:3px;padding:11px 9px;font-size:12px}.toggle{cursor:pointer;align-items:center;gap:10px;margin-top:16px;font-size:12px;display:flex}.toggle input{accent-color:var(--ink);width:15px;height:15px;margin:0}footer{margin-top:auto;padding-top:20px}.download{border-top:1px solid var(--line);color:var(--ink);justify-content:space-between;padding:17px 0 0;font-size:12px;text-decoration:none;display:flex}.download:hover{text-decoration:underline}.download span{font-size:18px}.note{color:#858a7d;margin:14px 0 0;font-size:9px;line-height:1.6}#stage{background:#dce0d1;min-width:0;height:100dvh;position:relative;overflow:hidden}#canvas-wrap{position:absolute;inset:0}canvas{outline:none;width:100%;height:100%;display:block}.stage-heading{z-index:2;letter-spacing:1px;pointer-events:none;align-items:center;gap:9px;font:10px Courier New,monospace;display:flex;position:absolute;top:29px;left:28px;right:28px}.stage-note{color:#6c7765;margin-left:auto;font-size:9px}.live-dot{background:#688252;border-radius:100%;width:6px;height:6px}.stage-bottom{z-index:2;justify-content:space-between;align-items:center;gap:15px;display:flex;position:absolute;bottom:28px;left:28px;right:28px}.stage-bottom p{color:#53634e;background:#f4f2e9d9;border:1px solid #c5cbbb;border-radius:3px;margin:0;padding:10px 12px;font-size:10px}.stage-bottom p span{padding:0 6px}#reset{color:var(--ink);background:#f4f2e9e0;border:1px solid #b9c1ad;border-radius:3px;padding:9px 12px;font-size:15px}#reset span{margin-left:5px;font-size:10px}.model-info{color:#65735d;pointer-events:none;font:9px Courier New,monospace;position:absolute;bottom:80px;left:29px}.dimension-label{color:#223c30;text-align:center;white-space:pre-line;pointer-events:none;background:#faf9f0ed;border:1px solid #738166;border-radius:2px;max-width:180px;padding:5px 8px;font-size:10px;line-height:1.35;box-shadow:0 2px 7px #1d352416}.dimension-label.site-label{font-size:11px}#loading{z-index:5;background:#e5e8dce8;place-items:center;transition:opacity .3s;display:grid;position:absolute;inset:0}#loading[hidden]{display:none}.loading-inner{text-align:center;max-width:360px;padding:24px}.loading-mark{color:#7c8c69;font:80px Georgia,serif}.loading-inner h2{font:27px Georgia,serif}.loading-inner p{color:var(--muted);font-size:12px;line-height:1.7}progress{width:220px;height:3px;accent-color:var(--ink)}#retry{background:var(--ink);color:var(--paper);border:0;border-radius:3px;margin-top:12px;padding:10px 18px}@media (width>=1500px){.panel{padding:36px 32px}body{grid-template-columns:340px 1fr}h1{font-size:62px}.view{padding:14px 8px}}@media (height<=760px) and (width>=761px){.panel{padding:20px 24px}h1{margin:18px 0 12px;font-size:42px}.intro{font-size:12px}.project-specs{margin-top:16px;padding:13px 0}.controls h2{margin:17px 0 10px}.toggle{margin-top:12px}.note{font-size:8px}.controls{margin-bottom:8px}footer{padding-top:10px}}@media (width<=760px){body{flex-direction:column;min-height:100dvh;display:flex}.panel{border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:18px 20px;display:block}header{justify-content:space-between;align-items:center;gap:15px;display:flex}.eyebrow{flex-wrap:wrap;max-width:140px;font-size:8px}.brand-mark{font-size:26px}.edition{display:none}h1{letter-spacing:-1px;margin:0;font-size:34px;line-height:.94}h1 br,.intro,.project-specs,footer,.controls h2,.select-label{display:none}.controls{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 0;display:grid}.views{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:5px}.view{text-align:center;padding:9px 3px;font-size:10px}.view span{display:none}select{grid-column:1/-1;padding:8px;font-size:10px}.toggle{margin:1px 0 0;font-size:10px}#stage{flex:1;height:calc(100dvh - 228px);min-height:380px}.stage-heading{font-size:8px;top:14px;left:14px;right:14px}.stage-note{display:none}.stage-bottom{bottom:14px;left:12px;right:12px}.stage-bottom p{padding:8px;font-size:0}.stage-bottom p:after{content:"Um dedo: girar · Dois dedos: mover / zoom";font-size:9px}.stage-bottom p span{display:none}#reset{padding:5px 9px}#reset span{display:none}.model-info{font-size:8px;bottom:61px;left:14px}.dimension-label{padding:3px 5px;font-size:8px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.show-dimensions .stage-note{font-size:10px}@media (width<=760px){.show-dimensions .stage-bottom p:after{content:"Aproxime para revelar todas as medidas"}}