*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#182b35;background:#f7f9fa}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,#viewport:focus-visible{outline:3px solid #168788;outline-offset:4px}a{color:inherit;text-decoration:none}.header{height:84px;max-width:1760px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #dbe2e7}.brand{display:flex;align-items:center;gap:11px;font-size:16px;line-height:1.16;font-weight:650}.brand b{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#173d45;color:#fff;font-size:22px}.brand small{font-size:12px;font-weight:450;color:#6c7981}.back{font-size:14px;display:flex;gap:24px;align-items:center}.back:hover{color:#00777c}.back span{font-size:22px}.workspace{max-width:1760px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:calc(100svh - 84px)}.model-panel{position:relative;background:radial-gradient(ellipse at 45% 38%,#fff 0,#f0f4f6 56%,#e2e9ed 100%);min-height:680px;overflow:hidden}.model-title{position:absolute;top:32px;left:36px;z-index:2;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:650;color:#267c7e}.model-title h1{font-size:clamp(24px,2.3vw,36px);font-weight:560;letter-spacing:-.04em;margin:9px 0}.model-title p{font-size:14px;color:#647880;margin:0}#viewport{position:absolute;inset:0;touch-action:none}#viewport canvas{display:block;width:100%;height:100%}.view-switch{position:absolute;top:34px;right:26px;display:flex;background:#ffffffd9;border:1px solid #fff;padding:4px;border-radius:40px;box-shadow:0 4px 18px #3c535d0d}.view-switch button{border:0;border-radius:25px;background:transparent;padding:10px 18px;font-size:14px;color:#61737b}.view-switch button[aria-pressed=true]{background:#203f49;color:#fff}.zoom{position:absolute;right:25px;bottom:76px;display:flex;flex-direction:column;gap:2px;background:#ffffffed;border-radius:14px;padding:4px;box-shadow:0 8px 24px #27415112}.zoom button{border:0;background:transparent;width:42px;height:42px;font-size:25px;line-height:1;color:#28464f;border-radius:10px}.zoom button:hover{background:#e5f2f2}.canvas-footer{position:absolute;bottom:28px;left:36px;right:28px;display:flex;justify-content:space-between;gap:16px;pointer-events:none;color:#5f757e;font-size:13px}#view-label{font-weight:600;color:#2a515b}.sidebar{padding:28px 25px 18px;border-left:1px solid #dbe2e7;align-self:stretch;background:#fcfdfd}.draft-note{display:flex;gap:10px;padding-bottom:24px;border-bottom:1px solid #e2e8eb}.draft-dot{height:7px;width:7px;background:#c38b2f;flex:0 0 auto;border-radius:50%;margin-top:6px}.draft-note strong{font-size:14px;font-weight:650}.draft-note p{font-size:14px;line-height:1.6;color:#70808a;margin:8px 0 0}.controls-block{padding-top:24px}h2{margin:0 0 16px;font-size:14px;font-weight:650}.zones{display:grid;grid-template-columns:1fr 1fr;gap:9px}.zones button{position:relative;text-align:left;border:1px solid #e1e7eb;background:white;border-radius:12px;padding:14px 11px 12px;font-size:14px;font-weight:600;color:#29434e;min-height:88px}.zones button>span{font-size:11px;display:block;margin-bottom:10px;color:#8c9ba3;font-weight:500;letter-spacing:.12em}.zones small{display:block;font-size:11px;color:#788991;margin-top:5px;font-weight:400}.zones button:hover,.zones button[aria-pressed=true]{background:#eaf5f3;border-color:#9fc6c0;color:#155f5b}.toggles{margin:19px 0 24px;display:flex;flex-direction:column;gap:10px}.toggles button{border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:2px 0;font-size:14px;color:#536b74}.toggles button span{width:32px;height:22px;background:#e9edef;border-radius:22px;font-size:14px;display:grid;place-items:center}.toggles button[aria-pressed=true] span{background:#245f62;color:#fff}.photos-block{border-top:1px solid #e2e8eb;padding-top:22px}.section-line{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px}.section-line h2{font-size:13px;margin:0}.section-line>span{font-size:11px;color:#89979f;white-space:nowrap}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.photo-grid button{position:relative;border:0;padding:0;overflow:hidden;border-radius:9px;background:#dfe7ea;height:86px}.photo-grid img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.photo-grid button:hover img{transform:scale(1.07)}.photo-grid span{position:absolute;inset:auto 0 0;text-align:left;padding:20px 8px 7px;background:linear-gradient(transparent,#10232ac9);color:#fff;font-size:12px}.download{display:flex;align-items:center;justify-content:space-between;border:1px solid #dbe3e7;border-radius:10px;padding:13px 12px;margin-top:23px;font-size:13px;font-weight:550}.download span{font-size:11px;color:#71838d}.download:hover{border-color:#408e8a;background:#edf7f5}.revision{font-size:11px;color:#89969d;text-align:center;margin:12px 0 0}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#526b75;background:#f0f4f6;z-index:3}#loading strong{font-size:15px;font-weight:500}.spinner{width:30px;height:30px;border:2px solid #cfdddf;border-top-color:#296b70;border-radius:50%;animation:spin 1s linear infinite}#loading[hidden]{display:none}.error-message{max-width:310px;text-align:center;font-size:16px;line-height:1.7}.error-message a{display:inline-block;margin-top:12px;text-decoration:underline}.error-message button{display:block;margin:16px auto;padding:10px 18px;border:1px solid #79999f;border-radius:8px;background:white}dialog{padding:18px;border:0;border-radius:16px;max-width:min(900px,94vw);background:#f7f9fa;box-shadow:0 24px 90px #061e3a40}dialog::backdrop{background:#112630c9;backdrop-filter:blur(6px)}dialog img{max-height:78svh;max-width:100%;display:block;margin:auto;border-radius:8px}dialog p{margin:14px 0 0;font-size:14px;text-align:center;padding:0 35px}.close-dialog{position:absolute;right:22px;top:22px;border:1px solid #ffffff77;background:#ffffffef;border-radius:50%;width:38px;height:38px;font-size:26px;color:#2a424b;box-shadow:0 2px 12px #102c4333}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 370px}.sidebar{padding:32px}.zones button{min-height:100px}.photo-grid button{height:110px}}@media(max-width:1100px){.model-title{left:24px;top:24px}.model-title h1{font-size:25px}.view-switch{top:126px;left:22px;right:auto}.canvas-footer{left:24px}.gesture{display:none}.workspace{grid-template-columns:minmax(0,1fr) 300px}.sidebar{padding:24px 19px}.header{padding:0 24px}}@media(max-width:760px){.header{height:68px;padding:0 18px}.brand b{width:36px;height:36px;font-size:19px}.brand{font-size:14px}.back{font-size:12px;gap:8px}.workspace{display:block}.model-panel{height:66svh;min-height:450px;max-height:750px}.model-title{top:22px;left:20px}.model-title h1{font-size:26px}.model-title p{font-size:12px}.eyebrow{font-size:10px}.view-switch{top:117px;left:18px}.view-switch button{font-size:13px;padding:9px 17px}.canvas-footer{bottom:20px;left:20px;font-size:12px}.zoom{bottom:57px;right:16px}.zoom button{width:36px;height:36px}.sidebar{border-top:1px solid #dbe2e7;border-left:0;padding:22px 20px}.draft-note{padding-bottom:19px}.zones{grid-template-columns:repeat(4,1fr);gap:7px}.zones button{padding:11px 8px;min-height:76px;font-size:13px}.zones small{display:none}.controls-block{padding-top:20px}.toggles{flex-direction:row;gap:24px;margin:21px 0}.toggles button{gap:12px;font-size:13px}.photo-grid{grid-template-columns:repeat(4,1fr)}.photo-grid button{height:90px}.download{max-width:400px;margin:22px auto 0}.section-line>span{font-size:12px}.revision{font-size:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:761px) and (max-height:800px){.sidebar{padding-top:19px}.draft-note{padding-bottom:15px}.controls-block{padding-top:16px}.toggles{margin:16px 0}.photos-block{padding-top:16px}.download{margin-top:16px}}