:root{color-scheme:light;--bg:#f3f6f8;--panel:#fff;--line:#cdd8e1;--text:#142b40;--muted:#52697b;--accent:#0f766e;--tour-accent:#b45309}*{scrollbar-color:#a9bbc7 #eef3f6}[hidden]{display:none!important}body{background:#f3f6f8;color:#142b40;font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:14px}button{background:#fff;color:#18394f;border-color:#b9cbd7;border-radius:7px;font-size:12px;min-height:35px;font-weight:600}button:hover{background:#e8f3f1;border-color:#267e75;color:#123a37}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:#0f766e;border-color:#0f766e;color:#fff}button.primary:hover{background:#095f58;color:#fff}input,select,textarea{background:#fff;color:#132b40;border-color:#b5c7d5;font-size:13px}input::placeholder,textarea::placeholder{color:#657b8c}input:focus,textarea:focus,select:focus{border-color:#0f766e}label{font-size:10px;font-weight:700;color:#3e596e;letter-spacing:.8px}.eyebrow{font-size:9px;color:#4a6876}header{background:#fff;border-color:#d7e1e7;padding:0 20px;gap:16px;height:76px}.brand{width:200px;gap:10px;color:#15394a}.brandmark{color:#0f766e}.brand strong span{color:#4f6b7d}.project-heading input{background:#fff;color:#183448;font-size:14px;max-width:230px;min-width:120px}.pill{color:#22645b;border-color:#c2ddd6;background:#eef8f4;font-size:8px}.header-actions{gap:7px}.header-actions button{font-size:11px;padding:9px 12px;white-space:nowrap;min-height:37px}.header-actions #saveState{display:none}#cloud{display:none}#publishOnline{background:#183a53;border-color:#183a53;color:#fff}#export{font-size:10px}#workflowBar{height:49px;background:#fff;border-bottom:1px solid #d7e1e7;display:flex;align-items:center;padding:0 20px;gap:8px;overflow:auto}#workflowBar>span{font-size:9px;letter-spacing:1.5px;color:#5b7385;font-weight:700;width:181px;flex-shrink:0}#workflowBar button{border-color:transparent;background:transparent;border-radius:0;font-size:12px;white-space:nowrap;height:49px;padding:12px 17px;color:#38556c}#workflowBar button:hover,#workflowBar button.active{color:#075f56;background:#eef8f5;border-bottom:3px solid #0f766e}.workspace{height:calc(100dvh - 125px);min-height:660px;grid-template-columns:240px minmax(350px,1fr) 268px}.scene-panel,.properties{background:#fff;border-color:#d4dfe7}.panel-heading{padding:20px 18px 14px}.panel-heading h2{font-size:17px}.panel-heading small{background:#e9f2ef;color:#226454}.new-project-button{margin:0 15px 12px;text-align:left;color:#096a60;background:#eff8f5;border:1px solid #c1ded5;font-size:12px}.scene-tools{padding:0 15px 16px;gap:6px}.scene-tools button{color:#33586e;background:#fff;font-size:10px}.scene-card{border:1px solid #e0e7ed;background:#fbfcfd;padding:10px;margin-bottom:9px;gap:10px}.scene-card:hover{background:#edf5f4}.scene-card.selected{border-color:#1c8175;background:#edf8f4;box-shadow:0 0 0 1px #1c817515}.scene-card strong{font-size:12px;color:#19394e;font-weight:650}.scene-card small{color:#536d80;font-size:9px}.scene-card .start{color:#146b5d;font-size:9px}.scene-thumb{width:54px;background-color:#b8d2ca;color:#24544b}.sidebar-bottom{background:#f0f7f4;border-color:#d2e4db;color:#1e493e;margin:15px}.sidebar-bottom .tip-icon{color:#177c69}.sidebar-bottom p{color:#4d6d62;font-size:11px}.sidebar-bottom button{color:#1f6556;border-color:#adcfc0}.sidebar-brand{color:#61798a;font-size:8px}.property-content{padding:0 16px}.property-divider{border-color:#dde5eb;margin:20px 0}.section-title{color:#1b3c51;font-size:12px}.detail-row{color:#4f6b7c;font-size:11px}.mini-pill{background:#e7f5f0;color:#176952}.wide{background:#fff;color:#2c5065;border-color:#c6d7e1;font-size:11px;min-height:36px}.wide:hover{background:#edf7f3}.dashed{color:#106b5d;background:#eff8f5;border-color:#a1caba}.danger{color:#ad342f!important}.property-bottom{background:#f6f9fa;color:#4f6d7a;border-color:#dbe5eb;font-size:9px}.muted{color:#506d7f;font-size:12px}.hotspot-row{color:#244b5f;border-color:#e0e8ed;font-size:12px}.hotspot-row button{min-height:27px}.square{color:#136a5d;background:#eff8f5;border-color:#baded2}.status-dot{background:#12926e}main{padding:0 20px;background:#f3f6f8;min-width:0}.canvas-toolbar{min-height:83px;padding:11px 0;gap:8px}.canvas-toolbar strong{color:#203f54;font-size:12px}.canvas-toolbar .author-tools{order:3;width:100%;gap:6px}.author-tools button{font-size:10px;color:#32546b;background:#fff;padding:6px 9px;min-height:30px}#floors,#guidedEditor{display:none}.segmented{background:#e7eef2;border-color:#cfdae2}.segmented button{color:#456176;font-size:10px;min-height:29px}.segmented button.active{background:#fff;color:#086b5e;box-shadow:0 1px 3px #193b4b17}#sceneType{color:#5a7383}.divider{background:#ccdbe3}.filmstrip-heading{font-size:9px;color:#597486;padding:16px 0 10px}#filmstrip{min-height:96px;max-height:108px;gap:10px}.film-card{width:130px}.film-image{height:64px;background-color:#bfd4ce;border-color:#dce6ea}.film-card.selected .film-image{border-color:#147d6e}.film-card>span{color:#385c70;font-size:10px;margin:6px 0}.film-add{background:#fff;border-color:#a8c4c8;color:#35656b;height:64px}.film-add:hover{background:#edf7f3}footer{padding:10px 0;color:#5b7785;font-size:9px}#tourSurface{display:flex;flex-direction:column;flex:1;min-height:310px;min-width:0;border:1px solid #c8d8de;border-radius:10px;overflow:hidden;box-shadow:0 5px 20px #183d4f0b;background:#fff}#stage{display:flex;flex:1;min-height:300px;min-width:0;position:relative}#viewer{flex:1;border-radius:0!important;min-width:0;min-height:300px;background:#bdd1cb}.viewer-top{top:15px;left:15px;right:15px}.glass-badge{color:#183c45;background:#fffffff0;border-color:#d3e0dd;box-shadow:0 2px 10px #142d3020;font-size:9px}.glass{background:#fff;color:#173f4e;border-color:#bed0d5;box-shadow:0 2px 8px #162c3420;font-size:10px}.glass:hover{background:#eef8f4;color:#0b5e50}.glass-badge>span{color:#234b55}.viewer-top .glass{font-size:19px}.scene-caption h1,.scene-caption p,.scene-caption .eyebrow{color:#fff;text-shadow:0 2px 6px #06181980}.viewer-shade{background:linear-gradient(0deg,#102a2dcc,transparent 48%)}.view-controls{background:#fff;border-color:#d3e0dd;box-shadow:0 3px 14px #102a2930}.view-controls button{color:#204a51;min-height:30px}.view-controls button:hover{background:#e4f1ec}.view-controls span{border-color:#bfd0cd}.client-brand{color:#fff;font-size:9px;background:#163e44cc;border-radius:5px;padding:6px 9px;bottom:17px;left:17px;max-width:50%}#openEmbed{position:absolute;bottom:16px;right:16px;z-index:8;text-decoration:none;padding:9px 12px;font-weight:650;pointer-events:auto}body.matterport #guidedToggle{top:63px;right:15px}body.matterport #mapToggle{top:63px;left:15px}body.matterport #musicToggle{top:106px;right:15px}.hotspot i{background:#fff;color:#125b4d;border-color:#cae6db;box-shadow:0 0 0 6px #ffffff38}.hotspot span{background:#fff;color:#164535;border-color:#b9d7c9;box-shadow:0 3px 12px #0a252533}.hotspot.screen i{background:#0f766e;color:#fff}.map-heading select{color:#203f52;background:#fff}#mapPanel{background:#fff;border-color:#9bb5b7}.map-heading button{color:#234753}.map-point{background:#0f766e;color:#fff}#skinToolbar{background:#fff;border-color:#237d6d;box-shadow:0 2px 12px #18392d33;color:#176456}#skinToolbar button{color:#1a5346}#placementHint{background:#fff;color:#1b5548;border-color:#2a8873;z-index:12}#viewerError{background:#fff;color:#1d4052;box-shadow:0 5px 22px #18374a33}#previewBar{background:#fff;color:#1e4054;border-color:#cfdee6}#previewBar span{color:#4e6e81}#toast{background:#114d44;color:#fff;box-shadow:0 4px 18px #0c302b33}#introScreen{background:linear-gradient(145deg,#f9fdf9f5,#d9eeebf7);color:#1a3d42}#introScreen h1{color:#153e40}#introScreen p{color:#3f6465}#introScreen .eyebrow{color:#42665e}dialog{background:#fff;color:#17384e;border:1px solid #b4cbd7;box-shadow:0 30px 100px #122c4055;border-radius:14px;padding:26px}dialog::backdrop{background:#19374777;backdrop-filter:blur(4px)}dialog h2{color:#16394e}dialog p{color:#4b697d;font-size:12px}dialog label{color:#35566d}dialog .choice{background:#f6fafb;border-color:#c6d9e2;color:#203f56}dialog .choice b{color:#0b7667}dialog .choice small{color:#4d6a7c}dialog .choice:hover{background:#e8f5ef;border-color:#448b78}.empty-state{background:#f7fafb;border-color:#bdd0dc;color:#527184}.cloud-row{border-color:#dce6ed}.cloud-row small{color:#527183}.cloud-row strong{color:#193f56}.popup-media{background:#101e24}#dialog .modal-actions button{font-size:12px}.skin-element{border-radius:6px}.preset-card strong{color:#1f4258}#websiteHeader,#websiteSidebar,#websiteFooter{flex-shrink:0}#websiteHeader{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--tour-accent);padding:12px 21px;color:white;min-height:60px}#websiteHeader nav{display:flex;align-items:center;gap:3px;overflow:auto}.site-brand{display:flex;align-items:center;gap:10px;min-width:130px}.site-brand img{max-width:85px;max-height:38px;object-fit:contain}.site-monogram{display:grid;place-items:center;width:35px;height:35px;border:1px solid currentColor;border-radius:5px;font-size:12px;font-weight:800;letter-spacing:1px}.site-brand strong{font-size:14px;display:block;line-height:1.35;letter-spacing:.5px}.site-brand small{font-size:7px;font-weight:600;letter-spacing:1.5px;display:block;margin-top:4px;opacity:.87}#websiteHeader nav button{color:white;border:0;background:transparent;font-size:10px;padding:8px 10px;border-radius:4px;font-weight:500;min-height:30px;white-space:nowrap}#websiteHeader nav button.selected{background:#ffffff30;box-shadow:inset 0 -2px 0 #fff}#websiteHeader nav button:hover{background:#ffffff26}#websiteHeader .site-scene-number,#websiteHeader nav b{display:none}#websiteSidebar{width:185px;background:#173c61;color:#fff;display:flex;flex-direction:column;padding:21px 13px 14px;overflow:auto;border-right:1px solid #ffffff20}#websiteSidebar .site-brand{display:block;padding:0 5px 20px;border-bottom:1px solid #ffffff33}#websiteSidebar .site-brand img{max-height:60px;max-width:125px;margin-bottom:14px}#websiteSidebar .site-monogram{width:51px;height:51px;margin-bottom:15px;background:#fff;color:#1e4d76;border:0;font-size:18px}#websiteSidebar .site-brand strong{font-size:17px;letter-spacing:1px}#websiteSidebar nav{margin-top:18px;flex:1}#websiteSidebar nav button{border:0;border-radius:4px;color:#fff;background:transparent;display:flex;align-items:center;gap:7px;text-align:left;width:100%;font-size:11px;line-height:1.55;font-weight:500;padding:12px 8px;margin:3px 0}#websiteSidebar nav button:hover,#websiteSidebar nav button.selected{background:#ffffff24;color:#fff}#websiteSidebar nav button.selected{box-shadow:inset 3px 0 0 #fff}#websiteSidebar nav button b{margin-left:auto;font-size:11px;opacity:.8}.site-scene-number{font-size:8px;color:#d4e8fa;letter-spacing:.5px}#websiteSidebar .site-utilities{border-top:1px solid #ffffff36;padding-top:14px;display:flex;flex-wrap:wrap;gap:6px}.site-utilities button{border:1px solid #ffffff44;color:#fff;background:transparent;font-size:9px;padding:6px 8px;min-height:28px}.site-footer-credit{display:block;margin:18px 7px 0;color:#dfebf7;font-size:8px;line-height:1.7}body[data-skin=community] #websiteSidebar{background:#145c96}#websiteSidebar details{border-bottom:1px solid #ffffff2c;padding:6px 0;margin:4px 0}#websiteSidebar summary{font-size:10px;font-weight:750;letter-spacing:.4px;cursor:pointer;padding:9px 6px;color:#fff}#websiteSidebar details button{padding-left:17px;font-size:11px}#websiteSidebar details nav{margin-top:0}body[data-skin=portfolio] .viewer-top .glass-badge,body[data-skin=community] .viewer-top .glass-badge{display:none}#websiteFooter{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:9px 13px;background:#fff;border-top:1px solid #d2dfe5}#websiteFooter nav,.basic-scene-menu{display:flex;gap:5px;overflow:auto}#websiteFooter nav button,.basic-scene-menu button{border-color:transparent;background:transparent;font-size:10px;color:#34536b;white-space:nowrap;padding:5px 10px;min-height:30px}.basic-scene-menu .site-scene-number{color:#3f7168}.basic-scene-menu button.selected{background:#e7f4ef;color:#0b6154}.basic-scene-menu button b{display:none}#websiteFooter .site-utilities{display:flex;gap:5px;flex-shrink:0}#websiteFooter .site-utilities button{color:#395d70;border-color:#cbdae3;background:#fff;font-size:10px}body[data-skin=magazine] #websiteHeader{background:#fff;color:#243c4d;min-height:72px;padding:13px 24px;border-bottom:1px solid #d7e1e6}body[data-skin=magazine] #websiteHeader .site-brand strong{font-family:Georgia,serif;font-size:24px;letter-spacing:-.5px}body[data-skin=magazine] #websiteHeader .site-brand small{font-size:8px;color:#607583;letter-spacing:1px}body[data-skin=magazine] #websiteHeader nav{display:none}body[data-skin=magazine] #websiteFooter{padding:11px 20px}body[data-skin=magazine] #websiteFooter nav button{font-size:11px;font-weight:600}body[data-skin=magazine] #websiteFooter nav button.selected{border-bottom:2px solid var(--tour-accent);color:var(--tour-accent)}body[data-skin=magazine] .client-brand{display:none}body[data-skin=basic] .view-controls{border-radius:100px;padding:5px 8px;gap:5px}body[data-skin=basic] .view-controls button{border-radius:50%;border:1px solid #d6e3e0;width:33px;height:33px;min-height:33px;padding:0;background:#fff}body[data-skin=basic] #websiteFooter .site-utilities button{border-radius:30px}body.preview #workflowBar{display:none}body.preview .workspace{height:100dvh;padding-top:65px;min-height:0}body.preview main{height:100%;padding:14px}body.preview #tourSurface{min-height:0;border:1px solid #c4d7dd}body.preview #stage{min-height:0}body.preview #viewer{min-height:0}body.preview[data-navigation=left] main{padding-left:14px}body.exported #workflowBar{display:none}body.exported .workspace{padding-top:0}body.exported main{padding:0;height:100dvh}body.exported #tourSurface{border:0;border-radius:0}body.exported #filmstrip,body.exported .filmstrip-heading{display:none}body.exported #stage{min-height:0}#tourSurface:fullscreen{width:100vw;height:100dvh;max-width:none;border:0;border-radius:0;background:#fff}#tourSurface:fullscreen #stage{min-height:0}#tourSurface:fullscreen #viewer{min-height:0}.skin-wizard{width:min(1100px,95vw);max-width:95vw;padding:0;max-height:94dvh;overflow:auto}.skin-wizard-header{display:flex;justify-content:space-between;align-items:flex-start;padding:25px 29px 18px;border-bottom:1px solid #dce6eb;background:#fff}.skin-wizard-header h2{font-size:25px;margin:6px 0}.skin-wizard-header p{margin:8px 0 0;font-size:12px}.skin-wizard-header>button{min-width:35px;padding:5px 10px;font-size:20px;border-color:#d8e3e9}.skin-wizard-grid{display:grid;grid-template-columns:245px 1fr;min-height:480px}.skin-category{padding:24px 19px;background:#f4f7f9;border-right:1px solid #d7e2e8}.field-heading{font-size:9px;font-weight:750;letter-spacing:1.3px;color:#536e80;display:block}.skin-category>.field-heading{margin:0 0 17px 5px}.skin-category button{width:100%;display:flex;gap:11px;align-items:center;text-align:left;padding:14px 10px;background:#fff;border-color:#d9e3e9;margin:9px 0;min-height:69px}.skin-category button.selected{border:2px solid #0f766e;background:#eff9f5;padding:13px 9px;box-shadow:0 3px 9px #1646380b}.skin-category button strong{display:block;font-size:13px;color:#1e3d53}.skin-category button small{display:block;font-size:9px;color:#577387;margin-top:5px}.skin-category button em{margin-left:auto;display:none;color:#0f766e;font-style:normal;font-size:17px}.skin-category button.selected em{display:block}.skin-icon{width:34px;height:29px;border:2px solid #668496;border-radius:4px;position:relative;flex-shrink:0;background:#eaf1f5}.skin-icon i{position:absolute;left:3px;top:3px;bottom:3px;width:7px;background:#7599ad}.skin-icon b{position:absolute;left:12px;right:3px;bottom:3px;height:4px;background:#a7c0ce}.skin-icon.enterprise i{top:3px;left:3px;right:3px;width:auto;height:5px;bottom:auto;background:#c58b3f}.skin-icon.magazine i{top:3px;left:3px;right:3px;width:auto;height:4px;bottom:auto}.skin-icon.basic i{display:none}.skin-icon.basic b{left:9px;right:9px;height:5px;border-radius:9px}.skin-icon.community i{background:#326f9d}.skin-sample{padding:24px 27px;background:#fff;min-width:0}.skin-sample-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.skin-sample-head h3{font-size:17px;margin:9px 0 17px;color:#17394e}.sample-label{font-size:7px;letter-spacing:1px;color:#376b5b;background:#eaf6ef;border:1px solid #c8e1d2;padding:6px 8px;border-radius:4px;white-space:nowrap}.skin-sample-stage{height:295px;border:1px solid #bdced7;border-radius:7px;overflow:hidden;box-shadow:0 6px 20px #1e42551a;background:#d0dfdf}.sample-website{display:flex;position:relative;width:100%;height:100%;background:#f4f6f7;overflow:hidden;--sample-accent:#b45309}.sample-site-picture{flex:1;position:relative;min-width:0;background-size:cover;background-position:center;background-color:#adcbc8}.sample-site-picture:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0e303f83,transparent 70%)}.sample-site-header,.sample-site-sidebar,.sample-site-bottom{display:none}.sample-site-header strong,.sample-site-sidebar strong{font-size:12px;letter-spacing:.6px}.sample-site-header small,.sample-site-sidebar small{font-size:6px;letter-spacing:1px;display:block;margin-top:4px}.sample-site-header img,.sample-site-sidebar img{max-width:55px;max-height:25px;object-fit:contain}.sample-logo-mark{font-size:25px;line-height:1}.sample-view-badge{position:absolute;top:10px;left:12px;border-radius:3px;background:#fff;color:#31566a;padding:5px 6px;font-size:6px;z-index:2}.sample-photo-title{position:absolute;left:19px;bottom:40px;z-index:2;color:white}.sample-photo-title strong{font-size:18px;display:block;font-weight:600;letter-spacing:-.4px;max-width:250px}.sample-photo-title small{font-size:5px;letter-spacing:1.5px;display:block;margin-bottom:7px}.sample-controls{position:absolute;right:12px;bottom:12px;z-index:2;display:flex;gap:2px;align-items:center;background:#fffffff5;border-radius:4px;padding:3px}.sample-controls i{display:grid;place-items:center;color:#2a5761;width:19px;height:19px;font-style:normal;font-size:11px}.sample-website nav span{font-size:7px;display:block;line-height:1.4}.sample-website nav span i{font-style:normal;font-size:8px;margin-left:auto;opacity:.7}.sample-website.portfolio .sample-site-sidebar,.sample-website.community .sample-site-sidebar{display:flex;flex-direction:column;width:130px;background:var(--sample-accent);color:white;padding:17px 12px;flex-shrink:0}.sample-site-sidebar>.sample-logo-mark{background:#fff;border-radius:4px;color:var(--sample-accent);width:36px;height:36px;display:grid;place-items:center;margin-bottom:12px}.sample-site-sidebar>small{font-size:6px;opacity:.9;letter-spacing:.4px}.sample-site-sidebar nav{margin-top:17px;flex:1}.sample-site-sidebar nav span{padding:8px 4px;border-bottom:1px solid #ffffff30;display:flex;gap:3px;color:#fff;font-size:7px}.sample-site-sidebar nav span.current{background:#ffffff24;border-left:2px solid white}.sample-info{font-size:6px;line-height:2.2;border-top:1px solid #ffffff44;padding-top:9px;color:white}.sample-group{font-size:6px;letter-spacing:.6px;display:block;color:white;padding-bottom:7px}.sample-website.enterprise{padding-top:43px}.sample-website.enterprise .sample-site-header{display:flex;align-items:center;gap:8px;position:absolute;top:0;left:0;right:0;height:43px;background:var(--sample-accent);color:white;padding:8px 13px}.sample-site-header nav{display:flex;margin-left:auto;gap:10px}.sample-site-header nav span{font-size:6px;color:#fff;white-space:nowrap}.sample-site-header nav span i{display:none}.sample-website.magazine{padding:51px 0 31px}.sample-website.magazine .sample-site-header{display:flex;position:absolute;top:0;left:0;right:0;height:51px;align-items:center;gap:10px;padding:8px 15px;background:white;color:#19394d}.sample-website.magazine .sample-site-header strong{font-family:Georgia,serif;font-size:18px}.sample-website.magazine .sample-site-header nav{display:none}.sample-website.magazine .sample-site-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;position:absolute;left:0;right:0;bottom:0;height:31px;background:#fff;padding:6px 13px;color:#35586c}.sample-site-bottom nav{display:flex;gap:14px}.sample-site-bottom nav span{font-size:6px;white-space:nowrap}.sample-site-bottom nav span i{display:none}.sample-site-bottom>span{font-size:9px;white-space:nowrap}.sample-website.basic .sample-controls{border-radius:25px;padding:4px 6px;left:50%;right:auto;transform:translateX(-50%);gap:4px;bottom:14px}.sample-website.basic .sample-controls i{border:1px solid #cddbd8;border-radius:50%;width:22px;height:22px}.sample-website.basic .sample-photo-title{bottom:63px}.skin-sample>p{font-size:11px;line-height:1.8;margin:13px 0 16px;color:#4e6e80}.skin-colours{border-top:1px solid #e0e8ee;padding-top:16px}.colour-options{display:flex;gap:9px;align-items:center;margin:12px 0}.colour-options button{background:var(--swatch);width:26px;height:26px;min-height:26px;padding:0;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #bdccd5}.colour-options button.selected{box-shadow:0 0 0 2px #0f766e}.colour-options input{width:32px;height:29px;padding:1px;margin:0}.skin-colours label{margin:10px 0 0}.skin-colours input:not([type=color]){margin-top:6px;max-width:390px}.skin-wizard-footer{display:flex;justify-content:space-between;gap:15px;padding:18px 27px;border-top:1px solid #d8e3ea;background:#f8fafb}.skin-wizard-footer>div{display:flex;gap:8px}.skin-wizard-footer button{font-size:11px;padding:10px 14px}.skin-wizard-footer .primary{background:#0f766e;color:#fff}
@media(min-width:1600px){.workspace{grid-template-columns:255px 1fr 290px}header .project-heading input{max-width:300px}.canvas-toolbar{min-height:86px}}
@media(max-width:1200px){header{gap:10px;padding:0 15px}.brand{width:170px}.project-heading input{max-width:170px}.pill{display:none}.header-actions button{font-size:10px;padding:8px 9px}.workspace{grid-template-columns:205px minmax(300px,1fr) 240px}main{padding:0 14px}#workflowBar>span{width:153px}.canvas-toolbar .author-tools button{font-size:9px;padding:5px 7px}#websiteSidebar{width:155px;padding:16px 10px}#websiteSidebar .site-brand strong{font-size:15px}#websiteSidebar nav button{font-size:10px;padding:10px 6px}.site-scene-number{display:none}#websiteHeader{padding:10px 15px;gap:10px}#websiteHeader nav button{font-size:9px;padding:7px}#websiteHeader .site-brand strong{font-size:12px}#dashboardLink{display:none}.skin-sample-stage{height:280px}}
@media(max-width:900px){header{height:108px;flex-wrap:wrap;padding:11px 15px}.brand{width:40%}.project-heading{order:3;flex-basis:100%}.project-heading input{max-width:100%;width:100%;padding:5px 0}.header-actions{margin-left:auto}.header-actions #export{display:none}#workflowBar{height:44px;padding:0 10px;gap:0}#workflowBar>span{display:none}#workflowBar button{font-size:10px;padding:10px 13px;height:44px}.workspace{height:auto;min-height:calc(100dvh - 152px);grid-template-columns:180px 1fr}.properties{grid-column:1/-1}.property-content{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}main{min-height:720px}.scene-caption h1{font-size:25px}.skin-wizard-grid{grid-template-columns:195px 1fr}.skin-category{padding:18px 12px}.skin-category button{gap:8px;padding:12px 8px}.skin-category button.selected{padding:11px 7px}.skin-category button strong{font-size:12px}.skin-category button small{font-size:8px}.skin-sample{padding:20px}.skin-sample-stage{height:245px}.sample-site-sidebar nav span{font-size:6px}.sample-website.portfolio .sample-site-sidebar,.sample-website.community .sample-site-sidebar{width:105px;padding:13px 9px}.sample-label{display:none}.sample-photo-title strong{font-size:14px}.sample-site-header nav{gap:6px}.sample-site-header nav span{font-size:5px}body.preview main{min-height:0}}
@media(max-width:620px){header{height:105px;padding:10px 12px}.brand{width:auto}.brand strong{font-size:17px}.brandmark{font-size:30px}.header-actions button{padding:7px;font-size:9px;min-height:33px}#workflowBar button{font-size:9px;padding:10px 9px}.workspace{grid-template-columns:1fr}.scene-panel{max-height:235px;border-right:0;border-bottom:1px solid #d8e3e9}.scene-panel .panel-heading{padding:14px 15px 10px}.scene-panel .panel-heading h2{font-size:15px}.scene-panel .eyebrow{display:none}.new-project-button{position:absolute;top:164px;right:45px;font-size:9px;padding:5px 8px;min-height:29px;margin:0}.scene-tools{position:absolute;top:214px;right:12px;width:210px;padding:0}.scene-tools button{padding:5px;font-size:9px;min-height:27px}#sceneList{display:flex;gap:8px;overflow:auto;padding:0 13px 13px;flex:none}#sceneList .scene-card{min-width:150px;max-width:170px;flex:0 0 150px;flex-direction:row;align-items:center;padding:8px}.scene-card .scene-thumb{width:42px;height:44px}.scene-card strong{font-size:10px}.scene-card small{font-size:8px}.sidebar-bottom,.sidebar-brand{display:none}.scene-panel .panel-heading{padding-bottom:47px}.properties{grid-column:auto}.property-content{display:block}main{min-height:780px;padding:0 12px}.canvas-toolbar{min-height:87px}.canvas-toolbar>div:first-child{display:flex;min-width:110px;max-width:200px}.canvas-toolbar strong{max-width:160px;font-size:11px}.canvas-toolbar #sceneType{display:none}.segmented button{padding:6px;font-size:9px}.author-tools button{font-size:9px!important}.film-card{width:115px}.film-image{height:60px}#tourSurface{min-height:430px}#stage{min-height:340px}#websiteSidebar{width:122px;padding:13px 8px}#websiteSidebar .site-brand strong{font-size:13px}#websiteSidebar .site-brand small{font-size:6px}#websiteSidebar .site-monogram{width:37px;height:37px;font-size:13px;margin-bottom:9px}#websiteSidebar nav button{font-size:9px;padding:9px 5px}#websiteSidebar summary{font-size:9px}#websiteSidebar details button{font-size:9px;padding-left:9px}.site-utilities button{font-size:8px;padding:5px}#websiteHeader{flex-wrap:wrap;padding:10px 12px;gap:6px}#websiteHeader .site-brand strong{font-size:14px}#websiteHeader nav{width:100%;order:2}#websiteHeader nav button{font-size:9px;padding:6px 8px}body[data-skin=magazine] #websiteHeader .site-brand strong{font-size:20px}#websiteFooter{padding:7px 9px;gap:7px}#websiteFooter .site-utilities{display:none}#websiteFooter nav button,.basic-scene-menu button{font-size:9px;padding:5px 7px}.scene-caption{left:15px;bottom:77px}.scene-caption h1{font-size:21px}.scene-caption p{font-size:10px}.client-brand{bottom:15px;left:12px;font-size:7px;max-width:48%}.view-controls button{padding:5px 7px}.viewer-bottom{right:12px;left:12px;bottom:14px}.glass-badge{font-size:7px;padding:7px 8px}#guidedToggle,#musicToggle,#mapToggle,#openEmbed{font-size:8px;padding:7px 8px;min-height:28px}#guidedToggle{right:12px;top:110px}#musicToggle{right:12px;top:72px}#mapToggle{left:12px;top:72px}.skin-wizard{max-width:97vw;width:97vw;max-height:96dvh}.skin-wizard-header{padding:19px}.skin-wizard-header h2{font-size:22px}.skin-wizard-header p{font-size:11px}.skin-wizard-grid{display:block}.skin-category{display:flex;gap:7px;overflow:auto;padding:13px;border-right:0;border-bottom:1px solid #d6e2e8}.skin-category>.field-heading{display:none}.skin-category button{flex:0 0 115px;display:block;min-height:71px;padding:10px;text-align:left;margin:0}.skin-category button.selected{padding:9px}.skin-category .skin-icon{display:none}.skin-category button strong{font-size:12px}.skin-category button small{font-size:8px;line-height:1.5}.skin-category button em{display:none!important}.skin-sample{padding:18px}.skin-sample-head h3{font-size:15px}.skin-sample-stage{height:230px}.skin-sample>p{font-size:10px}.skin-colours{padding-top:12px}.skin-wizard-footer{padding:13px;gap:8px;flex-wrap:wrap}.skin-wizard-footer button{font-size:10px;padding:8px 10px}.skin-wizard-footer>div{gap:6px}.skin-wizard-footer>div:last-child{margin-left:auto}.sample-website.enterprise .sample-site-header nav{display:none}body.preview .workspace{display:block}body.preview main{padding:0;min-height:0;height:calc(100dvh - 65px)}body.preview #tourSurface{min-height:0;border:0;border-radius:0}body.preview #stage{min-height:0}body.preview #viewer{min-height:0}body.preview .filmstrip-heading,body.preview #filmstrip{display:none}body.exported .workspace{padding-top:0}body.exported main{height:100dvh}#previewBar{padding:0 13px}#previewBar strong{font-size:12px}#previewBar button{font-size:10px;padding:8px 10px}#skinToolbar{top:19px;flex-wrap:wrap;justify-content:center;white-space:normal;width:96%;padding:6px}#skinToolbar strong{display:none}#skinToolbar button{font-size:8px;padding:4px 6px;min-height:27px}}

.viewer-bottom{justify-content:flex-end}

body:not(.preview) .hotspot{touch-action:none;cursor:move}

#websiteHeader{color:var(--tour-ink,#fff)}#websiteHeader nav button{color:var(--tour-ink,#fff)}#websiteHeader nav button.selected{color:var(--tour-ink,#fff);box-shadow:inset 0 -2px 0 currentColor}body[data-skin=portfolio] #websiteSidebar,body[data-skin=community] #websiteSidebar{background:var(--tour-accent);color:var(--tour-ink,#fff)}#websiteSidebar nav button,#websiteSidebar nav button:hover,#websiteSidebar nav button.selected,#websiteSidebar summary,#websiteSidebar .site-utilities button,#websiteSidebar .site-footer-credit,#websiteSidebar .site-scene-number{color:var(--tour-ink,#fff)}#websiteSidebar nav button.selected{box-shadow:inset 3px 0 0 currentColor}body[data-skin=magazine] #websiteHeader{color:#243c4d}.sample-website.enterprise .sample-site-header,.sample-website.enterprise .sample-site-header nav span,.sample-website.portfolio .sample-site-sidebar,.sample-website.community .sample-site-sidebar,.sample-site-sidebar nav span,.sample-info,.sample-group{color:var(--sample-ink,#fff)}