:root{--ink:#203c31;--deep:#19392e;--lime:#d9ee69;--cream:#f6f5ee;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;font-family:var(--sans);color:var(--ink);background:var(--cream)}button,a,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a9be40;outline-offset:3px}[hidden]{display:none!important}.ar-app{height:100dvh;min-height:600px;display:grid;grid-template-rows:64px minmax(0,1fr) 40px}.ar-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--deep);color:white;padding:0 24px}.brand{color:white;text-decoration:none;font-weight:800;letter-spacing:2px}.project{font-size:12px;color:#cddacf}.ar-nav nav{display:flex;align-items:center;gap:18px}.ar-nav nav a{color:white;font-size:12px}.ar-nav button{border:1px solid #82958a;background:transparent;color:white;padding:8px 13px;border-radius:24px}.experience{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;min-width:0;min-height:0;background:#cbc8b8}.viewport{position:relative;min-width:0;min-height:0;overflow:hidden}#detailedScene{position:absolute;inset:0;width:100%;height:100%;cursor:grab}#detailedScene canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.hud{position:absolute;top:22px;left:24px;color:white;z-index:1;text-shadow:0 2px 12px #1b302bbb;pointer-events:none}.hud p{font-size:10px;letter-spacing:1.6px;margin:0 0 8px}.hud h1{font-size:30px;margin:0;letter-spacing:-1px}.hud em{font-family:Georgia,serif}.live-dot{display:block;margin-top:8px;font-size:9px;letter-spacing:1px}.live-dot b{font-weight:500}.design-reference{display:inline-block;margin-top:12px;font-size:11px;color:white;pointer-events:auto}.camera-views{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:4px;border-radius:8px;background:#f6f5eef0;z-index:1;max-width:calc(100% - 28px)}.camera-views button{border:0;background:none;border-radius:5px;padding:10px 13px;font-size:11px;white-space:nowrap;color:var(--ink)}.camera-views button.active{background:var(--deep);color:white}.rotate-tip{position:absolute;left:24px;bottom:80px;font-size:10px;color:white;text-shadow:0 1px 5px #20382e}.sidebar{overflow:auto;padding:22px;background:#f6f5ee;display:flex;flex-direction:column;gap:22px;min-height:0}.sidebar h2{font-size:22px;letter-spacing:-.8px;margin:6px 0 14px}.eyebrow{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#66776e}.model-stats{display:flex;gap:22px;margin-bottom:18px}.model-stats strong{display:block;font-size:22px}.model-stats span{font-size:10px;color:#67796e}.control-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 0;font-size:12px}.swatches{display:flex;gap:10px}.swatch{width:24px;height:24px;border:2px solid var(--cream);border-radius:50%;background:#294c3f}.swatch.stone{background:#aaa18c}.swatch.clay{background:#9e624a}.swatch.selected{outline:1px solid #254737;outline-offset:2px}input[type=range]{width:120px;accent-color:#294c3f}.full-screen{border:0;background:none;padding:8px 0;color:#345c48;font-size:12px}.ar-card{padding-top:20px;border-top:1px solid #d9ddd2}.ar-card p{font-size:12px;line-height:1.7;color:#66766b}.ar-modes{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ccd3c3;border-radius:7px;padding:3px;gap:3px}.ar-modes button{border:0;background:none;padding:11px 4px;border-radius:4px;font-size:11px;color:var(--ink)}.ar-modes button[aria-pressed=true]{background:var(--deep);color:white}.primary{display:block;text-align:center;width:100%;background:var(--lime);color:var(--ink);border:0;border-radius:5px;padding:14px 12px;font-size:12px;font-weight:800;text-decoration:none}.primary:disabled{opacity:.6}.ar-card small{display:block;color:#67766d;font-size:10px;line-height:1.5;margin-top:10px}.model-footer{display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:12px;font-size:10px;border-top:1px solid #d7ddd2}.model-footer a{color:var(--ink)}dialog{max-width:460px;width:calc(100% - 32px);border:0;border-radius:12px;background:var(--cream);padding:26px;color:var(--ink)}dialog::backdrop{background:#142e25bf;backdrop-filter:blur(5px)}dialog h2{font-size:22px;margin:0 0 14px}dialog p{font-size:13px;line-height:1.7}dialog button{margin-top:12px}.secondary{background:transparent;border:1px solid #aab8aa;border-radius:5px;width:100%;padding:12px;color:var(--ink);font-size:12px}#appleARLink img{width:22px;height:22px;vertical-align:middle;margin-right:8px}.toast{position:fixed;z-index:30;bottom:20px;left:50%;transform:translateX(-50%);max-width:90%;background:var(--deep);color:white;padding:14px;border-radius:5px;opacity:0;pointer-events:none;font-size:12px}.toast.show{opacity:1}#arSessionUI:not([hidden]){position:fixed;inset:0;z-index:100;pointer-events:none}#arPlacementHint{position:absolute;left:18px;right:18px;bottom:30px;padding:14px;background:#19392edc;border-radius:6px;color:white;text-align:center}#endDetailedAR{position:absolute;top:max(20px,env(safe-area-inset-top));right:20px;pointer-events:auto;padding:12px;border:0;border-radius:6px;background:var(--lime)}#designReference{max-width:95vw;width:1200px;height:95dvh;padding:12px;overflow:hidden}#designReference img{display:block;width:100%;height:calc(100% - 55px);object-fit:contain}#designReference button{display:block;margin:8px auto 0;width:auto;padding:9px 18px}.experience:fullscreen{width:100vw;height:100dvh}.experience:fullscreen .sidebar{display:none}.experience:fullscreen{grid-template-columns:1fr}
@media(max-width:760px){.ar-app{height:auto;min-height:100dvh;grid-template-rows:60px auto 44px}.ar-nav{padding:0 16px}.project{display:none}.ar-nav nav{gap:12px}.ar-nav nav a{font-size:11px}.experience{grid-template-columns:1fr;grid-template-rows:clamp(380px,58dvh,620px) auto}.sidebar{overflow:visible;padding:22px 18px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.hud{left:18px;top:18px}.hud h1{font-size:26px}.model-footer{padding:0 16px}.camera-views button{padding:9px 10px}.ar-card{padding:0;border:0}.sidebar h2{font-size:20px}}
@media(max-width:480px){.sidebar{grid-template-columns:1fr;gap:18px}.ar-card{padding-top:18px;border-top:1px solid #d9ddd2}.model-stats{gap:40px}.hud h1{font-size:25px}.camera-views{bottom:16px}.camera-views button{padding:10px 9px;font-size:10px}.rotate-tip{left:18px;bottom:68px}.model-footer{font-size:9px}.ar-nav nav a{display:none}}