@import url('readable-font514.css');
:root{--read-ink:#253769;--read-muted:#4d5e78;--read-red:#c72c36;--read-line:#cad3e2}
html{font-size:18px}body,button,input,select,textarea{font-family:'Noto Sans Thai Looped','Leelawadee UI',Tahoma,sans-serif!important}body{color:var(--read-ink);font-size:18px;font-weight:500;line-height:1.7}button,input,select,textarea{font-size:17px;font-weight:600}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e99911!important;outline-offset:3px}button:disabled{opacity:.5}button,.button513,.import{border-radius:13px!important;min-height:46px}p,label{color:var(--read-muted)}[hidden]{display:none!important}
.pl{font-size:18px!important}.pl .pl-header h2{font-size:clamp(24px,2vw,34px);font-weight:700}.pl .pl-header>div>span{font-size:13px}.pl .pl-shell{grid-template-columns:185px minmax(0,1fr) 380px}.pl.pl-rooms-hidden513 .pl-shell{grid-template-columns:minmax(0,1fr) 380px}.pl .pl-actions{flex-wrap:wrap;gap:8px}.pl .pl-actions button,.pl .pl-actions a{font-size:16px!important;min-height:48px;padding:10px 16px}.pl .pl-home{display:flex;flex-direction:column;gap:4px;align-items:center}.pl .pl-home:after{content:'← หน้าหลัก';font-size:17px;font-weight:700}.pl .pl-home img{max-width:130px}.pl button{font-size:16px;padding:10px 13px;font-weight:600}.pl input:not([type=checkbox]),.pl select,.pl textarea{font-size:17px;min-height:48px;border-color:#bdc9dc;border-radius:11px}.pl label{font-size:16px;font-weight:600;color:#334769}.pl h3{font-size:25px;font-weight:700}.pl h4{font-size:19px;font-weight:700}.pl p,.pl .pl-panel>p,.pl .pl-note,.pl .pl-message,.pl .pl-alert{font-size:16px;color:#425674}.pl small,.pl .pl-panel small{font-size:14px;color:#506079}.pl .pl-settings nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:14px}.pl .pl-settings nav button{font-size:16px;min-height:48px;padding:9px 3px;border:1px solid #e2e7ef;border-radius:12px}.pl .pl-settings nav .active{background:#263776;color:#fff}.pl .pl-panel{max-height:calc(100vh - 280px);padding:22px}.pl .pl-rooms span,.pl .pl-rooms b{font-size:16px}.pl .pl-rooms small{font-size:14px}.pl .pl-label,.pl .pl-legend{font-size:14px;letter-spacing:0}.pl .pl-surface-tabs button{font-size:15px}.pl .pl-toolbar>span,.pl .pl-status,.pl .pl-status b,.pl .pl-footnote,.pl .pl-paging{font-size:14px;color:#4d5e78}.pl .pl-toolbar{flex-wrap:wrap}.pl .pl-swatches{grid-template-columns:repeat(3,minmax(0,1fr));max-height:450px}.pl .pl-swatches i{height:62px}.pl .pl-swatches b,.pl .pl-swatches small{font-size:13px}.pl .pl-prop-library{grid-template-columns:repeat(2,minmax(0,1fr))}.pl .pl-prop-library button{min-height:95px;font-size:15px}.pl .pl-result,.pl .pl-result p{font-size:16px}.pl .pl-result strong{font-size:20px;font-weight:700}.pl .pl-shortcuts513{font-size:16px}.pl .pl-switch-panel p,.pl .pl-stairs513 p{font-size:15px}.pl .pl-circuit-lights label{font-size:15px;height:62px}.pl .pl-circuit-switches button{font-size:15px}.pl .pl-grid{gap:10px}.pl .pl-axis513 small{font-size:13px;max-width:120px}.pl summary{font-size:16px}.pl .pl-check input{width:23px;height:23px}.pl [data-act=report513],#print,.pdf-primary514{background:var(--read-red)!important;color:#fff!important;border:2px solid var(--read-red)!important;box-shadow:0 5px 14px #c72c361f;font-weight:700!important;font-size:18px!important;min-height:52px!important}.pl [data-act=report513]:before,#print:before{content:'↓ ';font-weight:700}.pl [data-act=report513]:hover,#print:hover{background:#a11c2a!important}
.design-help514{padding:12px 18px;background:#fff8e8;border:1px solid #efd8a6;border-radius:13px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:16px;margin:0 0 12px}.design-help514 b{color:#263776}.perf514{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-radius:12px;padding:8px 12px;background:#fff;font-size:14px;border:1px solid #d6deeb}.perf514 select{max-width:170px;min-height:42px}.perf514 output{font-variant-numeric:tabular-nums;color:#355943}.ref514{border-radius:12px;border:1px solid #cad3e2;padding:12px;background:#fff;display:flex;gap:10px;align-items:center;font-size:15px}.ref514 i{width:45px;height:45px;flex-shrink:0;border-radius:8px;border:1px solid #0002}
body:not(:has(.pl)):not(:has(#scene)) button,body:not(:has(.pl)):not(:has(#scene)) input,body:not(:has(.pl)):not(:has(#scene)) select{font-size:16px}body:not(:has(.pl)) .page-header513 nav a{font-size:17px}.shade-card h3,.product-card h3{font-size:19px}.shade-card p,.product-card p{font-size:16px}.colour-filter513 label,.colour-filter513 p,.colour-note513{font-size:16px}.colour-family-strip small,.family-strip513 small{font-size:15px}.colour-results-head,.colour-pagination{font-size:17px}
@media(max-width:1200px){.pl .pl-shell{grid-template-columns:150px minmax(0,1fr) 340px}.pl.pl-rooms-hidden513 .pl-shell{grid-template-columns:minmax(0,1fr) 340px}.pl .pl-header{flex-wrap:wrap}.pl .pl-panel{padding:16px}}
@media(max-width:900px){.pl .pl-shell,.pl.pl-rooms-hidden513 .pl-shell{grid-template-columns:1fr}.pl .pl-panel{max-height:none}.pl .pl-rooms{display:flex}.pl .pl-rooms button{min-width:155px}.pl .pl-view,.pl .pl-view .ds-fps-view{height:55vh;min-height:370px}.pl .pl-header{padding:12px!important}.pl .pl-actions button{font-size:16px!important}.pl .pl-settings nav{position:sticky;top:0;background:white;z-index:3}.pl .pl-header p{display:none}.pl .pl-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.pl .pl-actions{width:100%}}

/* Keep the design canvas large when controls wrap at laptop widths. */
.pl .pl-header{display:grid;grid-template-columns:140px minmax(240px,1fr);gap:12px 20px;padding:16px 20px;margin:0}.pl .pl-header h2{font-size:26px;letter-spacing:0;line-height:1.4;margin:5px 0}.pl .pl-actions{grid-column:1/-1;justify-content:flex-end}.pl .pl-header>div>span{font-size:11px;letter-spacing:2px}.pl .pl-home img{max-width:115px}.pl .pl-home:after{font-size:16px}.pl .pl-view,.pl .pl-view .ds-fps-view{height:clamp(440px,58vh,760px)!important;min-height:440px!important}.pl .pl-shell{height:auto!important;min-height:0!important}.pl .pl-stage{min-height:0}.pl .pl-panel{max-height:950px}.pl .pl-rooms{max-height:1050px}.pl .ds-fps-wrap{height:100%}.pl .pl-brand-logo{width:110px;max-height:54px;object-fit:contain;border:0;background:none}.pl .pl-palette-top>h3{font-size:24px}.pl .pl-header .pl-actions button,.pl .pl-header .pl-actions a{font-size:16px!important}@media(min-width:1600px){.pl .pl-header{grid-template-columns:140px minmax(280px,1fr) auto}.pl .pl-actions{grid-column:auto;max-width:1050px}}@media(max-width:700px){.pl .pl-header{grid-template-columns:105px minmax(0,1fr)}.pl .pl-header h2{font-size:23px}.pl .pl-view,.pl .pl-view .ds-fps-view{height:440px!important}.pl .pl-actions{justify-content:flex-start}.pl .pl-home img{width:95px}.pl .pl-panel{max-height:none}}