.mk-app{--mk-ink: #2d303a;--mk-muted: #777981;--mk-line: #e7e7eb;position:relative;height:100dvh;min-height:560px;overflow:hidden;background:#f0f0f2;color:var(--mk-ink);color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:12px;-webkit-font-smoothing:antialiased}.mk-app *,.mk-dialog *{box-sizing:border-box}.mk-app button,.mk-app input,.mk-app select{font:inherit}.mk-app button{cursor:pointer;transition:background .15s,color .15s}.mk-app button:disabled{cursor:default;opacity:.35}.mk-app button:hover:not(:disabled){background-color:#f5f5f7}.mk-app :focus-visible{outline:2px solid #77897e;outline-offset:3px}.mk-stage{position:absolute;top:0;right:384px;bottom:0;left:0;overflow:hidden}.mk-canvas{position:absolute;top:82px;right:12px;bottom:76px;left:12px;cursor:grab;touch-action:none}.mk-canvas:active{cursor:grabbing}.mk-canvas canvas{display:block}.mk-heading{position:absolute;top:28px;left:28px;display:flex;align-items:center;gap:12px}.mk-heading a{display:grid;place-items:center;width:32px;height:36px;color:inherit;border-radius:4px}.mk-heading a:hover{background:#fff}.mk-heading h1{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:0 0 5px}.mk-heading span{color:var(--mk-muted);font-size:10px;font-variant-numeric:tabular-nums}.mk-tools{position:absolute;top:28px;right:20px;display:flex;gap:3px}.mk-tools button{display:grid;place-items:center;width:36px;height:36px;border-radius:4px}.mk-tools button:hover:not(:disabled){background:#fff}.mk-cameras,.mk-history{position:absolute;bottom:24px;display:flex;align-items:center;padding:4px;gap:3px;background:#fff;border:1px solid var(--mk-line);border-radius:5px}.mk-cameras{left:28px}.mk-history{right:20px}.mk-cameras button,.mk-history button{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:3px;height:35px;min-width:35px;font-size:10px}.mk-cameras button{padding:0 12px}.mk-cameras button[aria-pressed=true]{color:#fff;background:var(--mk-ink)}.mk-panel{position:absolute;top:28px;bottom:24px;right:24px;width:336px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d8d8dc transparent;padding:2px 4px}.mk-card{flex-shrink:0;border:1px solid var(--mk-line);border-radius:5px;background:#fff;box-shadow:0 4px 20px #20212a03}.mk-card>h2{margin:0;font-size:inherit}.mk-section-heading{width:100%;padding:19px 18px;display:flex;align-items:center;gap:12px;text-align:left;border-radius:4px}.mk-section-heading>span{flex:1;font-size:12px;font-weight:500}.mk-section-heading>svg{flex-shrink:0;color:var(--mk-muted)}.mk-section-heading>svg:last-child{transition:transform .15s}.mk-section-heading[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.mk-fields{min-width:0;margin:0;padding:0 18px 18px;border:0}.mk-segments{display:flex;gap:3px;padding:3px;background:#f2f2f4;border-radius:4px;margin-bottom:18px}.mk-segments button{flex:1;padding:9px 5px;border-radius:3px;font-size:10px}.mk-segments button[aria-pressed=true]{background:var(--mk-ink);color:#fff}.mk-measurements,.mk-section-measures{display:grid;gap:10px}.mk-measurement{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;font-size:11px}.mk-number{display:flex;align-items:center;width:101px;flex-shrink:0;border:1px solid var(--mk-line);background:#fafafa;border-radius:3px;padding-right:9px}.mk-number input{min-width:0;width:100%;border:0;background:transparent;color:var(--mk-ink);padding:7px 5px 7px 9px;font-size:15px;text-align:right;font-variant-numeric:tabular-nums}.mk-number>span{color:var(--mk-muted);font-size:10px}.mk-section-measures{border-top:1px solid var(--mk-line);padding-top:15px;margin-top:15px}.mk-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:16px;padding:15px 0 0;border-top:1px solid var(--mk-line);font-size:11px;text-align:left}.mk-toggle-row:hover:not(:disabled){background:transparent}.mk-toggle{width:32px;height:18px;border-radius:12px;padding:3px;background:#dadae0;flex-shrink:0}.mk-toggle>span{display:block;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s}.mk-toggle-row[aria-checked=true] .mk-toggle{background:var(--mk-ink)}.mk-toggle-row[aria-checked=true] .mk-toggle>span{transform:translate(14px)}.mk-tiles{display:grid;gap:8px;margin-bottom:17px}.mk-tiles-two{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-door-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.mk-handle-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.mk-tiles button{min-width:0;display:flex;align-items:center;flex-direction:column;gap:7px;color:var(--mk-muted);border:1px solid var(--mk-line);border-radius:4px;padding:7px 4px 10px}.mk-tiles svg{width:100%;height:58px}.mk-tiles-two svg{height:65px}.mk-handle-tiles svg{height:44px}.mk-tiles button>span{font-size:9px}.mk-tiles button[aria-pressed=true]{color:var(--mk-ink);border-color:var(--mk-ink);background:#f7f7f8}.mk-select-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;margin-top:13px;border-top:1px solid var(--mk-line);font-size:11px}.mk-select-row select{max-width:135px;min-width:95px;border:1px solid var(--mk-line);border-radius:3px;padding:7px;background:#fafafa;font-size:11px}.mk-finishes{display:flex;justify-content:space-between;gap:8px;padding:5px}.mk-finishes button{padding:3px;border-radius:50%}.mk-swatch{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--mk-finish);box-shadow:inset 0 0 0 1px #0000000d;color:#fff}.mk-swatch-oak,.mk-swatch-walnut{background-image:repeating-linear-gradient(92deg,transparent 0 2px,#ffffff0c 3px,#0000000e 4px,transparent 6px)}.mk-swatch-white{color:var(--mk-ink)}.mk-finishes button[aria-pressed=true]{outline:1px solid var(--mk-ink);outline-offset:1px}.mk-value{font-size:10px;color:var(--mk-muted);margin:13px 0 0}.mk-target-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:10px}.mk-all{padding:5px 10px;border:1px solid var(--mk-line);border-radius:3px;font-size:10px}.mk-all[aria-pressed=true]{border-color:var(--mk-ink);background:#f7f7f8}.mk-column-picker{display:flex;gap:5px;overflow-x:auto;padding:3px 3px 8px;margin:0 -3px 12px}.mk-column-picker>button{flex:1;min-width:24px;max-width:55px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--mk-muted);font-size:9px;border-radius:2px}.mk-mini-column{display:flex;flex-direction:column;gap:2px;height:48px;width:100%;padding:2px;border:1px solid #c7c8ce}.mk-mini-column i{flex:1;border-bottom:1px solid #c7c8ce}.mk-mini-column i:last-child{border-bottom:0}.mk-mini-column .mk-mini-closed{background:#d5d6dd}.mk-column-picker [aria-pressed=true]{color:var(--mk-ink)}.mk-column-picker [aria-pressed=true] .mk-mini-column{border-color:var(--mk-ink);background:#f0f0f3}.mk-fields h3{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:20px 0 11px;font-size:11px;font-weight:500}.mk-fields h3>span{font-size:9px;font-weight:400;color:var(--mk-muted)}.mk-handle-finishes{display:flex;gap:8px}.mk-handle-finishes button{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--mk-line);border-radius:3px;font-size:10px}.mk-handle-finishes button[aria-pressed=true]{border-color:var(--mk-ink)}.mk-handle-finishes i{width:11px;height:11px;border-radius:50%}.mk-orbit{display:flex;align-items:center;gap:12px;width:150px;padding:16px 4px 12px;color:var(--mk-muted);font-size:10px;flex-shrink:0}.mk-orbit input{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;width:100%;height:2px;border-radius:2px;background:#d2d3d9;cursor:ew-resize}.mk-orbit input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--mk-ink);border:2px solid white;box-shadow:0 0 0 1px #d7d7dc}.mk-orbit input::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:var(--mk-ink);border:2px solid white;box-shadow:0 0 0 1px #d7d7dc}.mk-loading,.mk-error{position:absolute;top:82px;right:0;bottom:76px;left:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#f0f0f2}.mk-loading>span{width:22px;height:22px;border:1.5px solid #d5d6db;border-top-color:var(--mk-ink);border-radius:50%;animation:mk-spin 1s linear infinite}.mk-error{flex-direction:column;gap:18px;text-align:center;padding:24px}.mk-error button{padding:10px 14px;border:1px solid var(--mk-line);border-radius:4px;background:#fff}.mk-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:80;pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}.mk-toast>span{display:block;padding:12px 18px;background:var(--mk-ink);color:#fff;border-radius:4px;font-size:11px}.mk-dialog{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px}.mk-share-field{display:flex;border:1px solid #ddd;border-radius:4px}.mk-share-field input{width:100%;min-width:0;padding:12px}.mk-share-field button{padding:12px;cursor:pointer}.mk-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes mk-spin{to{transform:rotate(360deg)}}@media(min-width:768px)and (max-width:1100px){.mk-stage{right:340px}.mk-panel{width:308px;right:16px}.mk-heading,.mk-cameras{left:16px}.mk-heading{gap:7px}.mk-tools,.mk-history{right:12px}}@media(max-width:767px){.mk-app{height:auto;min-height:100dvh;overflow:visible}.mk-stage{position:sticky;inset:auto;top:0;z-index:3;width:100%;height:48dvh;min-height:320px;max-height:460px;background:#f0f0f2}.mk-canvas{top:65px;right:0;bottom:66px;left:0}.mk-heading{top:17px;left:12px;gap:7px}.mk-heading h1{font-size:17px}.mk-heading span{font-size:9px}.mk-tools{top:17px;right:10px;gap:0}.mk-tools button{width:33px;height:36px}.mk-cameras{left:14px;bottom:14px}.mk-cameras button{padding:0 9px}.mk-history{right:14px;bottom:14px}.mk-panel{position:relative;inset:auto;width:100%;padding:12px 14px max(24px,env(safe-area-inset-bottom));overflow:visible}.mk-card{scroll-margin-top:48dvh}.mk-orbit{margin-left:4px}.mk-loading,.mk-error{top:65px;right:0;bottom:66px;left:0}}@media(prefers-reduced-motion:reduce){.mk-app *,.mk-app *:after{animation:none!important;transition:none!important}}