/* Full-screen guided experience, intentionally independent of expert controls. */
#experienceScreen,#experienceBar,#experienceHUD,#experienceTool,#experiencePanel,#experienceMove{--xp-ink:#203038;--xp-muted:#596970;--xp-line:#dce2e4;color:var(--xp-ink);font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
#experienceScreen *,#experienceBar *,#experienceTool *,#experiencePanel *{box-sizing:border-box}
#experienceScreen[hidden],#experienceBar[hidden],#experienceHUD[hidden],#experienceTool[hidden],#experiencePanel[hidden],#experienceMove[hidden]{display:none!important}
#experienceScreen button,#experienceBar button,#experienceTool button,#experiencePanel button,#experienceMove button,#experienceHUD button{font:600 14px/1.4 Arial,sans-serif;min-height:44px;padding:11px 17px;border:1px solid #c9d2d6;border-radius:9px;background:#fff;color:#203038;box-shadow:none;cursor:pointer;white-space:normal}
#experienceScreen button:hover,#experienceBar button:hover,#experienceTool button:hover,#experiencePanel button:hover{border-color:#9b7b15;background:#fffbeb}
#experienceScreen button:focus-visible,#experienceBar :focus-visible,#experienceTool button:focus-visible,#experiencePanel button:focus-visible{outline:3px solid #217c95;outline-offset:3px}
#experienceScreen button:disabled,#experienceBar button:disabled,#experienceTool button:disabled{opacity:.45;cursor:default}
#experienceScreen .experience-primary,#experienceBar .experience-primary{background:#ffd12c;border-color:#e1b41c;color:#1e2b32;font-weight:700}
#experienceScreen{position:fixed;inset:0;z-index:1000;overflow:auto;overscroll-behavior:contain;background:#f7f8f6;background-image:radial-gradient(ellipse at 80% 0%,#fff7d9,transparent 50%);padding:0 38px 28px;animation:experience-enter .25s ease-out}
body.experience-onboarding{overflow:hidden!important}
.experience-screen-header{height:88px;display:flex;align-items:center;gap:18px;max-width:1240px;margin:auto;border-bottom:1px solid #dce2e4}
.experience-screen-header img{width:122px;height:48px;object-fit:contain}.experience-screen-header>span{font-size:12px;letter-spacing:.15em;font-weight:700;color:#67757c}.experience-screen-header>button{margin-left:auto;background:transparent!important;border:0!important}.experience-screen-header>button:empty{display:none}
.experience-screen-content{max-width:1120px;margin:0 auto;padding:36px 0 0}
.experience-intro{margin:14px 0 32px}.experience-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.15em;color:#71766b;margin-bottom:14px}.experience-intro h1{font:700 clamp(30px,4.2vw,52px)/1.1 Arial,sans-serif;letter-spacing:-.045em;color:#213137;margin:0}.experience-intro p{color:#596970;font-size:17px;line-height:1.5;margin:16px 0 0}
.experience-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.experience-mode-card{padding:30px 34px;background:#fff;border:1px solid #ccd6d9;border-radius:18px;display:flex;flex-direction:column;position:relative;overflow:hidden}.experience-mode-card:first-child{border-top:5px solid #f2c329;padding-top:26px}.experience-pill{font-size:10px;font-weight:700;letter-spacing:.1em;color:#6d631c}.experience-mode-symbol{font-size:40px;font-weight:700;color:#b39a32;margin:28px 0 18px;display:flex;align-items:center;gap:12px}.experience-mode-symbol span{font-size:15px;font-weight:400;letter-spacing:.08em}.experience-mode-card h2{font-size:32px;letter-spacing:-.03em;margin:0 0 10px}.experience-mode-card p{font-size:16px;line-height:1.5;color:#596970;margin:0 0 16px}.experience-mode-card ul{list-style:none;padding:0;margin:0 0 28px;line-height:1.6;font-size:14px;color:#42565f}.experience-mode-card li{padding:6px 0 6px 23px;position:relative}.experience-mode-card li:before{content:'✓';position:absolute;left:0;color:#688173}.experience-mode-card button{margin-top:auto;display:flex;align-items:center;justify-content:space-between;min-height:52px!important}.experience-expert{background:#eaf0f0}.experience-expert .experience-pill{color:#536a76}.experience-expert .experience-mode-symbol{color:#839ba5}.experience-mode-note{font-size:13px;line-height:1.6;color:#68767b;margin:22px 0}
.experience-steps{display:flex;gap:28px;font-size:12px;margin-bottom:30px;color:#78868c}.experience-steps span{display:flex;gap:8px;align-items:center}.experience-steps b{font-weight:400}.experience-steps [aria-current]{color:#273a42;font-weight:700}.experience-steps [aria-current] b{font-weight:700}.experience-steps [data-complete=true]{color:#36735c}
.experience-family-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.experience-choice{position:relative;text-align:left;display:flex;flex-direction:column;border-radius:12px!important;padding:18px!important;transition:border-color .15s,background .15s;min-width:0}.experience-choice[aria-pressed=true]{border:2px solid #c59d1b!important;background:#fffbea!important;padding:17px!important}.experience-choice strong{display:block;font-size:19px;line-height:1.35;margin:8px 0}.experience-choice>span{font-size:13px;font-weight:400;color:#64757e;line-height:1.5;display:block}.experience-choice i{position:absolute;right:11px;top:10px;font-style:normal;border-radius:50%;font-size:14px;width:23px;height:23px;display:grid;place-items:center;background:#edf0f1;color:#7e8d94}.experience-choice[aria-pressed=true] i{background:#ffcf25;color:#203038}.experience-choice>svg{width:100%;height:104px;object-fit:contain;margin:4px 0}.experience-size-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center;min-height:320px}.experience-table-preview{padding:20px 30px;background:#edf1f0;border-radius:18px}.experience-table-preview svg{width:100%;height:230px}.experience-table-preview h2{font-size:24px;margin:8px 0}.experience-table-preview p{font-size:14px;color:#596970}.experience-size-grid{display:grid;gap:12px}.experience-size{min-height:105px!important;justify-content:center}.experience-size>span{font-size:10px;font-weight:700;letter-spacing:.1em}.experience-size strong{font-size:23px;padding-right:15px}
.experience-source{display:flex;gap:5px;border:1px solid #d6dfe2;padding:4px;background:#eaf0f1;width:fit-content;border-radius:12px;margin-bottom:24px}.experience-source button{border:0!important;background:transparent!important;font-weight:400!important}.experience-source button[aria-pressed=true]{background:#fff!important;box-shadow:0 1px 5px #213d4915!important;font-weight:700!important}.experience-frame-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.experience-frame>div{height:135px;width:100%;margin-bottom:8px;overflow:hidden;border-radius:8px;background:#f0f4f5}.experience-frame>div svg{width:100%;height:135px}.experience-frame .frame-example-meta,.experience-frame .frame-example-description{display:none}.experience-frame strong{font-size:17px}.experience-upload{max-width:780px;border:2px dashed #c5d1d6;border-radius:18px;background:#fff;padding:35px;text-align:center;margin:auto}.experience-upload-icon{display:block;font-size:36px;color:#a08425}.experience-upload h2{font-size:24px;overflow-wrap:anywhere}.experience-upload p{font-size:15px;line-height:1.7;color:#5d6d75}.experience-upload button{min-width:200px;background:#243b45!important;color:#fff!important}.experience-upload .experience-import-result{color:#2d6954}.experience-subtle{font-size:12px!important;color:#68797f!important;line-height:1.6!important}
.experience-error{color:#924c26;font-size:14px;line-height:1.6}.experience-error:empty{display:none}.experience-slide-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #dce2e4;margin-bottom:30px;padding:0 0 22px}.experience-slide-footer>div{display:grid;gap:7px;font-size:13px}.experience-slide-footer span{font-size:12px;font-weight:400;color:#6d7c83}.experience-slide-footer .experience-primary{font-size:16px!important;min-width:230px;min-height:54px!important;display:flex;justify-content:space-between;align-items:center;gap:25px}.experience-slide-footer button span{font-size:22px;color:#203038}
#experienceBar,#experienceHUD,#experienceModeButton{display:none}body.beginner-workspace{height:100dvh;overflow:hidden;background:#edf2f4}.beginner-workspace .studio-header,.beginner-workspace #designRail,.beginner-workspace #setupInspector,.beginner-workspace .workbench-heading,.beginner-workspace .viewbar,.beginner-workspace #viewOptions,.beginner-workspace .canvas-bottom,.beginner-workspace .layout-status,.beginner-workspace .mount-legend,.beginner-workspace .stage-title,.beginner-workspace .view-help,.beginner-workspace #emptyHint,.beginner-workspace #designOverlay,.beginner-workspace #toolSuggestionPopup,.beginner-workspace #fitSuggestion,.beginner-workspace #mobileOverview,.beginner-workspace #mobileMoveDone{display:none!important}
body.beginner-workspace #tablePanel.layout-view{display:block!important;position:fixed;inset:68px 0 0;height:auto!important;min-height:0!important;margin:0!important;padding:0!important}.beginner-workspace .workbench{width:100%;height:100%;padding:0!important;margin:0;display:flex!important}.beginner-workspace .canvas-frame{border:0!important;border-radius:0!important;height:100%;width:100%;margin:0!important}.beginner-workspace .stage{height:100%!important;min-height:0!important;flex:1!important;background:radial-gradient(ellipse at 50% 40%,#fff,#e8eff3)!important}.beginner-workspace #canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.beginner-workspace main{padding:0;margin:0}.beginner-workspace #bomPanel,.beginner-workspace #stepsPanel{display:none!important}
.beginner-workspace #experienceBar{position:fixed;inset:0 0 auto;height:68px;display:flex;align-items:center;gap:24px;padding:10px 22px;background:#fffffff5;border-bottom:1px solid #d4dfe5;z-index:60}.beginner-workspace #experienceBar>img{width:107px;height:44px;object-fit:contain}.experience-project{display:grid;gap:4px;min-width:0;flex:1}.experience-project b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.experience-project span{font-size:11px;color:#647985}.experience-menus{display:flex;align-items:center;gap:8px}#experienceBar details{position:relative}#experienceBar summary{font:600 13px/1.4 Arial,sans-serif;cursor:pointer;padding:13px 10px;min-height:44px;list-style:none}#experienceBar summary:after{content:'⌄';margin-left:8px;color:#8498a0}#experienceBar details>div{position:absolute;top:49px;right:0;min-width:225px;border:1px solid #cbd7de;padding:7px;background:#fff;box-shadow:0 12px 35px #17384a25;border-radius:12px;display:grid;z-index:3}#experienceBar details button{text-align:left;border:0;border-radius:6px;font-weight:400}#experienceBar #experienceGenerate{min-width:155px;white-space:nowrap}
.beginner-workspace #experienceHUD{position:fixed;top:88px;left:22px;display:grid;gap:8px;max-width:min(360px,calc(100vw - 44px));z-index:25;pointer-events:none}#experienceState{font-size:12px;font-weight:700;background:#ffffffed;border:1px solid #dce3e6;border-radius:25px;padding:9px 14px;width:fit-content}#experienceState[data-ready=true]{color:#246c52;border-color:#a8c9b9}#experienceNotice{font-size:12px;line-height:1.55;color:#5c707c;max-width:330px;background:#ffffffd9;border-radius:9px;padding:8px 12px;margin:0}#experienceNotice:empty{display:none}#experienceSearch{pointer-events:auto;padding:16px;border:1px solid #d1dce1;border-radius:12px;background:#fff;box-shadow:0 4px 15px #23435512;font-size:13px}#experienceSearch[hidden]{display:none}.experience-search-track{height:4px;background:linear-gradient(90deg,#e5eaf0,#ffd12c,#e5eaf0);background-size:200%;animation:experience-search 2s linear infinite;margin:14px 0}#experienceHUD button{font-size:12px;padding:6px 10px;min-height:38px;margin:3px}
#experienceTool,#experiencePanel{position:fixed;right:22px;top:88px;z-index:40;width:320px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 112px);overflow:auto;padding:20px;background:#fffffff7;border:1px solid #ccd9df;border-radius:14px;box-shadow:0 12px 36px #25465b1c}#experienceTool>header,#experiencePanel>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}#experienceTool>header span{font-size:10px;letter-spacing:.06em;color:#6d8089;font-weight:700}#experienceTool header button,#experiencePanel header button{font-size:24px;padding:0;width:44px;border:0;line-height:1}#experiencePanel h2{font-size:19px;margin:0}.experience-tool-product{display:flex;gap:14px;align-items:center}.experience-tool-product .report-product-photo{width:82px;height:82px;flex:none}.experience-tool-product img{width:82px;height:82px;object-fit:contain}.experience-tool-product b{font-size:11px;color:#8f761a}.experience-tool-product h2{font-size:18px;line-height:1.3;margin:6px 0}#experienceTool p{font-size:14px;line-height:1.6;color:#4c6572}#experienceTool small{font-size:12px;line-height:1.6;display:block;color:#6d7e86}.experience-tool-actions{display:flex;gap:8px;margin-top:18px}.experience-tool-actions button{flex:1}#experienceToolFeedback:empty{display:none}#experienceToolFeedback{font-size:12px!important}#experiencePanel .experience-arrangement{width:100%;display:grid;text-align:left;gap:8px;margin:10px 0}#experiencePanel .experience-arrangement[aria-pressed=true]{border-color:#b38d11;background:#fff9e5}#experiencePanel .experience-arrangement span{font-weight:400;font-size:13px}#experiencePanel .experience-arrangement small{font-size:11px;font-weight:400}#experiencePanel .design-component{border:0;border-bottom:1px solid #dee5e9;border-radius:0;padding:12px 0}
#experienceMove{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:20px;width:max-content;max-width:calc(100vw - 28px);background:#203f4a;color:#fff;border-radius:12px;padding:12px 16px;z-index:45;box-shadow:0 6px 20px #162c4433}#experienceMove span{font-size:13px;line-height:1.6;max-width:400px}#experienceMove button{flex:none;white-space:nowrap}#experienceMove>div{display:flex;gap:5px}
body:not(.beginner-workspace):not(.experience-onboarding) #experienceModeButton{display:block;font-size:12px;min-height:42px;white-space:nowrap;padding:8px 12px}
@keyframes experience-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes experience-search{to{background-position:200% 0}}
@media(min-width:1600px){.experience-screen-content{padding-top:7vh}.experience-mode-card{min-height:430px}.experience-family-grid{margin-top:4vh}}
@media(max-width:1000px){.experience-family-grid{grid-template-columns:repeat(3,1fr)}.experience-mode-card{padding:25px}.experience-frame-grid{grid-template-columns:repeat(2,1fr)}.experience-project{display:none}.beginner-workspace #experienceBar{gap:12px}.experience-menus{margin-left:auto}.experience-size-layout{gap:25px}.beginner-workspace #tablePanel.layout-view{min-height:0!important}}
@media(max-width:600px){#experienceScreen{padding:0 20px 20px}.experience-screen-header{height:70px;gap:10px}.experience-screen-header img{width:95px}.experience-screen-header>span{font-size:9px;letter-spacing:.08em}.experience-screen-header>button{font-size:12px!important;padding:6px!important}.experience-screen-content{padding-top:24px}.experience-intro{margin:8px 0 24px}.experience-intro h1{font-size:32px}.experience-intro p{font-size:14px;margin-top:12px}.experience-eyebrow{font-size:10px;margin-bottom:10px}.experience-mode-grid{grid-template-columns:1fr;gap:16px}.experience-mode-card{padding:22px}.experience-mode-card:first-child{padding-top:18px}.experience-mode-symbol{margin:14px 0 10px;font-size:27px}.experience-mode-symbol span{font-size:10px}.experience-mode-card h2{font-size:27px}.experience-mode-card p{font-size:14px;margin-bottom:12px}.experience-mode-card ul{font-size:12px;margin-bottom:18px}.experience-mode-card li{padding-top:4px;padding-bottom:4px}.experience-mode-card button{font-size:13px!important;min-height:46px!important}.experience-mode-note{font-size:11px}.experience-steps{gap:17px;font-size:10px;margin-bottom:25px}.experience-steps span{gap:5px}.experience-family-grid{grid-template-columns:repeat(2,1fr);gap:10px}.experience-choice{padding:14px!important}.experience-choice[aria-pressed=true]{padding:13px!important}.experience-choice>svg{height:70px}.experience-choice strong{font-size:16px}.experience-choice>span{font-size:11px}.experience-choice i{width:18px;height:18px;font-size:11px;top:7px;right:7px}.experience-size-layout{display:block;min-height:0}.experience-table-preview{padding:10px 20px;margin-bottom:16px}.experience-table-preview svg{height:130px}.experience-table-preview h2{font-size:19px}.experience-table-preview p{font-size:12px}.experience-size-grid{gap:10px}.experience-size{min-height:85px!important}.experience-size strong{font-size:20px}.experience-source{width:100%}.experience-source button{flex:1;font-size:12px!important;padding:8px!important}.experience-frame-grid{grid-template-columns:1fr}.experience-frame{display:grid;grid-template-columns:100px 1fr;gap:3px 15px}.experience-frame>div{grid-row:1/3;height:85px;margin:0}.experience-frame>div svg{height:85px}.experience-frame>strong{padding-right:12px;margin-top:5px;font-size:15px}.experience-frame>span{font-size:11px}.experience-upload{padding:22px 16px}.experience-upload h2{font-size:20px}.experience-upload p{font-size:13px}.experience-slide-footer{position:sticky;top:-24px;margin:0 -20px 24px;background:#f7f8f6ed;backdrop-filter:blur(12px);padding:15px 20px;gap:10px;z-index:2}.experience-slide-footer>div{font-size:10px;max-width:42%}.experience-slide-footer>div span{font-size:10px}.experience-slide-footer .experience-primary{min-width:0;font-size:14px!important;min-height:48px!important;gap:12px;padding:10px 15px!important}.beginner-workspace #experienceBar{height:105px;padding:8px 12px;gap:8px;flex-wrap:wrap;align-content:center}.beginner-workspace #experienceBar>img{width:85px;height:35px}#experienceBar #experienceGenerate{font-size:13px;min-width:0;padding:10px 14px;margin-left:auto}.experience-menus{order:3;width:100%;margin:0;justify-content:space-around;gap:8px;height:35px}#experienceBar summary{padding:5px 17px;min-height:34px;font-size:12px}#experienceBar details>div{top:37px;min-width:195px}#experienceBar details:first-child>div{right:auto;left:0}body.beginner-workspace #tablePanel.layout-view{inset:105px 0 0}.beginner-workspace #experienceHUD{top:120px;left:14px;max-width:calc(100vw - 28px)}#experienceState{font-size:11px;padding:8px 11px}#experienceNotice{font-size:11px;max-width:280px;padding:6px 10px}#experienceTool,#experiencePanel{top:auto;bottom:12px;right:14px;left:14px;width:auto;max-height:48dvh;padding:14px 16px;border-radius:16px}#experienceTool>header,#experiencePanel>header{margin-bottom:7px}.experience-tool-product .report-product-photo,.experience-tool-product img{width:55px;height:55px}.experience-tool-product h2{font-size:16px}.experience-tool-product{gap:12px}#experienceTool p{font-size:12px;margin:9px 0}#experienceTool small{font-size:11px}.experience-tool-actions{margin-top:10px}#experienceMove{bottom:14px;flex-direction:column;gap:8px;width:calc(100vw - 28px);padding:13px}#experienceMove span{font-size:12px}#experienceMove>div{flex-wrap:wrap;justify-content:center}#experiencePanel{max-height:65dvh}body:not(.beginner-workspace):not(.experience-onboarding) #experienceModeButton{font-size:11px;padding:6px;min-height:38px}}
@media(prefers-reduced-motion:reduce){#experienceScreen,.experience-search-track{animation:none}.experience-choice{transition:none}}
@media print{#experienceScreen,#experienceBar,#experienceHUD,#experienceTool,#experiencePanel,#experienceMove,#experienceModeButton{display:none!important}body.beginner-workspace{height:auto;overflow:visible}}

#experienceHeading{outline:none}

/* Real catalog photos retain their proportions on both guided table screens. */
.experience-choice>.experience-table-photo{display:block;width:100%;height:148px;object-fit:contain;background:#fff;border-radius:8px;margin:4px 0}
.experience-table-preview{background:#fff}
.experience-table-preview>.experience-table-photo{display:block;width:100%;height:280px;object-fit:contain;background:#fff;border-radius:10px}
@media(max-width:600px){.experience-choice>.experience-table-photo{height:116px}.experience-table-preview>.experience-table-photo{height:180px}}