:root{--rp-bg:#071329;--rp-panel:#0b1934;--rp-panel2:#102247;--rp-line:rgba(255,255,255,.16);--rp-text:#fff;--rp-muted:rgba(255,255,255,.78);--rp-gold:#f2c14e;--rp-gold2:#ffe38b;--rp-input:#132a53;--rp-scene:#eef1f5;}
.smartarch-room-perception{max-width:1220px;margin:0 auto;padding:34px 18px 72px;color:var(--rp-text)}
.smartarch-room-perception *{box-sizing:border-box}.rp-shell{position:relative;overflow:hidden;border:1px solid var(--rp-line);border-radius:28px;background:linear-gradient(180deg,rgba(13,27,58,.96),rgba(5,13,31,.95));box-shadow:0 30px 82px rgba(0,0,0,.36);padding:clamp(18px,3vw,34px)}
.rp-header{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:24px}.rp-icon-wrap{width:84px;height:84px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,220,110,.16),rgba(255,255,255,.04));border:1px solid rgba(255,218,110,.28)}.rp-icon{width:66px;height:66px;object-fit:contain}.rp-title h1{margin:0 0 10px;font-size:clamp(24px,3.2vw,40px);line-height:1.08}.rp-title p{margin:0;color:var(--rp-muted);line-height:1.65;max-width:830px}.rp-back{color:#fff;text-decoration:none;border:1px solid var(--rp-line);border-radius:14px;padding:10px 14px;background:rgba(255,255,255,.06);font-weight:800}.rp-lang-card{display:flex;gap:10px;align-items:end;justify-content:flex-end;flex-wrap:wrap;margin:0 0 18px;padding:12px;border:1px solid rgba(242,193,78,.22);border-radius:18px;background:rgba(255,255,255,.055)}.rp-field{display:grid;gap:7px;color:#fff;font-weight:700}.rp-field label,.rp-field-title{font-size:13px;color:rgba(255,255,255,.83)}.rp-field input,.rp-field select{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:var(--rp-input);color:#fff;padding:10px 12px;outline:none}.rp-field input:focus,.rp-field select:focus{border-color:var(--rp-gold);box-shadow:0 0 0 3px rgba(242,193,78,.18)}.rp-btn{min-height:44px;border:0;border-radius:13px;font-weight:900;cursor:pointer;padding:10px 16px;background:linear-gradient(135deg,var(--rp-gold2),var(--rp-gold));color:#2b1b00;box-shadow:0 12px 32px rgba(242,193,78,.2)}.rp-btn.secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--rp-line);box-shadow:none}.rp-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;margin-top:10px}.rp-checkbox{display:flex;gap:9px;align-items:center;min-height:44px;padding:10px 0;color:#fff}.rp-checkbox input{width:18px;height:18px}.rp-results{margin-top:28px;display:grid;gap:18px}.rp-card{padding:18px;border-radius:20px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.13);line-height:1.75}.rp-card h2{margin:0 0 14px;font-size:22px}.rp-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.rp-metric{padding:12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.rp-metric b{display:block;color:var(--rp-gold2);margin-bottom:4px}.rp-report-text{white-space:pre-line}.rp-scene{background:var(--rp-scene);color:#162033;border-radius:18px;min-height:220px;padding:16px;border:1px solid rgba(0,0,0,.08)}html[dir="rtl"] .rp-header{grid-template-columns:auto minmax(0,1fr) 92px}html[dir="rtl"] .rp-icon-wrap{order:3}html[dir="rtl"] .rp-back{order:1}.rp-theme-note{font-size:12px;color:rgba(255,255,255,.66);margin-top:8px}
@media(max-width:920px){.rp-header{grid-template-columns:72px 1fr}.rp-icon-wrap{width:70px;height:70px;border-radius:20px}.rp-icon{width:56px;height:56px}.rp-back{grid-column:1/-1;width:max-content}.rp-form{grid-template-columns:1fr}.rp-summary-grid{grid-template-columns:1fr 1fr}.rp-lang-card{justify-content:stretch}.rp-lang-card .rp-field{width:100%}.rp-btn{width:100%}}@media(max-width:560px){.rp-summary-grid{grid-template-columns:1fr}.smartarch-room-perception{padding-left:12px;padding-right:12px}.rp-shell{border-radius:20px}}


/* Room perception visual scene - Theme V3 integrated */
.rp-visual-card{overflow:hidden}.rp-visual-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:stretch}.rp-visual-grid canvas{width:100%;height:auto;display:block;border-radius:18px;background:linear-gradient(180deg,#eef3f8,#dfe7ef);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 18px 42px rgba(0,0,0,.18)}.rp-visual-side{border-radius:18px;padding:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:12px;justify-content:center}.rp-mini-title{font-weight:900;color:var(--rp-gold2);font-size:17px}.rp-visual-side p{margin:0;color:rgba(255,255,255,.82);line-height:1.6}.rp-results .rp-card:first-child{border-color:rgba(242,193,78,.25)}@media(max-width:920px){.rp-visual-grid{grid-template-columns:1fr}.rp-visual-side{display:block}.rp-visual-side .rp-btn{margin-top:10px}}

/* Live observable 3D room scene */
.rp-live-scene-card{margin-top:18px;border-color:rgba(242,193,78,.24);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.045))}
.rp-live-canvas-wrap{position:relative;min-width:0}.rp-live-hint{position:absolute;left:14px;right:14px;bottom:12px;border-radius:12px;padding:8px 12px;background:rgba(7,19,41,.72);color:rgba(255,255,255,.86);font-size:12px;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.12)}
.rp-scene-controls{display:grid;gap:10px}.rp-scene-controls .rp-btn{width:100%;min-height:38px}.rp-live-values{margin-top:6px;border-radius:14px;padding:11px 12px;background:rgba(242,193,78,.10);border:1px solid rgba(242,193,78,.22);color:#ffe38b;font-weight:800;font-size:13px;line-height:1.45}
#rpSceneCanvas{cursor:grab;touch-action:none}#rpSceneCanvas:active{cursor:grabbing}


/* 2026-05-19: canlı 3D sahne objesi düşeyde tam orta; canvas kırpılmadan gösterilir. */
.rp-live-canvas-wrap{display:flex;align-items:center;justify-content:center;overflow:hidden;}
#rpSceneCanvas{max-width:100%;height:auto;margin:0 auto;}

/* 2026-05-22: language selector card removed; Analyze and Word buttons aligned side by side. */
.rp-action-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.rp-action-row .rp-btn{flex:1 1 160px;white-space:nowrap}
@media(max-width:920px){.rp-action-row{display:grid;grid-template-columns:1fr;gap:10px}.rp-action-row .rp-btn{width:100%}}