#tervezo{scroll-margin-top:96px;padding-top:64px}#tervezo>.wrap>.section-heading{margin-bottom:16px}#tervezo>.wrap>.section-intro{max-width:72ch;font-size:16px;line-height:1.65}.ux-welcome{margin:24px 0;border:1px solid #d9cdbd;border-radius:20px;background:#fffdf9;padding:0 24px}.ux-welcome>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;min-height:80px;list-style:none}.ux-welcome>summary::-webkit-details-marker{display:none}.ux-welcome summary b{font-size:18px}.ux-welcome summary small{display:block;color:#625b54;font-size:13px;line-height:1.5;margin-top:4px}.ux-welcome summary>span:last-child{font-size:25px;color:#31443b}.ux-welcome[open] summary>span:last-child{transform:rotate(45deg)}.ux-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:4px 0 8px}.ux-start-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;border:1px solid #ded3c3;border-radius:16px;background:#faf7f2;padding:20px;color:#26221c;font-family:inherit;cursor:pointer;transition:background .18s,border-color .18s}.ux-start-grid button:hover{background:#f1ebe1;border-color:#8b795e}.ux-start-grid b{font-size:19px}.ux-start-grid button>span:not(.ux-start-icon){font-size:14px;line-height:1.55;color:#625b54}.ux-start-grid em{font-size:13px;font-style:normal;font-weight:700;color:#31443b;margin-top:auto;padding-top:8px}.ux-start-grid .ux-start-icon{font-size:30px;line-height:1;color:#6f5738}.ux-welcome>p{font-size:12px;color:#625b54;margin:8px 0 20px}.ux-enabled [hidden]{display:none!important}.ux-enabled .studio-top{padding:16px;gap:12px;flex-wrap:wrap}.ux-enabled .history-controls{flex-wrap:wrap}.ux-enabled .studio-top button{font-size:13px;min-height:44px}.ux-enabled .ux-start-help{border-style:dashed}.ux-enabled .draft-save{font-size:12px;line-height:1.5}.ux-enabled .studio-grid{grid-template-columns:320px minmax(0,1fr);align-items:start}.ux-enabled .studio-controls{max-height:none;overflow:visible;background:#faf7f2}.ux-enabled .studio-controls>details{padding:0 20px 20px}.ux-enabled .studio-controls summary{font-size:15px;line-height:1.4;padding:18px 0 10px}.ux-enabled .studio-controls label{font-size:13px;line-height:1.45}.ux-enabled input,.ux-enabled select{font-size:16px;min-height:48px}.ux-enabled button{font-family:inherit}.ux-enabled button:disabled{opacity:.48;cursor:not-allowed}.ux-enabled .field-pair>button{font-size:13px;line-height:1.4}.ux-enabled .micro{font-size:12px;line-height:1.55}.ux-enabled .studio-workspace{padding:24px}.ux-enabled .studio-canvas-wrap{position:relative;border:1px solid #e0d5c5;border-radius:16px}.ux-enabled .canvas-label{align-items:flex-start;gap:16px;font-size:14px;line-height:1.4}.ux-enabled .canvas-label span{font-size:12px;text-align:right}.ux-enabled .studio-status{font-size:13px;line-height:1.55;min-height:0}.ux-enabled .studio-status:empty{display:none}.ux-enabled .studio-warnings:not(:empty){font-size:13px;line-height:1.5}.ux-enabled .ux-primary,.ux-primary{background:#31443b!important;color:#fff!important;border:1px solid #31443b!important;border-radius:10px;min-height:46px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;line-height:1.4}.ux-primary:hover{background:#20352b!important}.ux-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:20px 24px 0}.ux-steps button{display:flex;align-items:center;gap:10px;min-height:56px;border:1px solid #dfd5c7;border-radius:12px;background:#faf7f2;color:#625b54;padding:10px 16px;text-align:left;cursor:pointer;font-size:14px}.ux-steps button>span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#e9ded1;color:#4b4237;font-size:13px;font-weight:700}.ux-steps button.active{color:#31443b;border-color:#728775;background:#edf2eb}.ux-steps .active>span{background:#31443b;color:#fff}.ux-guide{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border-bottom:1px solid #e5dcd0}.ux-guide b{display:block;font-size:16px;line-height:1.4}.ux-guide p{font-size:13px;line-height:1.55;color:#625b54;margin:6px 0 0;max-width:75ch}.ux-guide>button{flex:none}.ux-navigation{display:flex;flex-wrap:wrap;gap:8px;padding:20px}.ux-navigation>button{min-height:44px;padding:10px 14px;border:1px solid #d8cebf;background:white;border-radius:10px;cursor:pointer;color:#31443b;font-size:13px}.ux-navigation .ux-primary{flex:1}.ux-product-preview{display:flex;gap:12px;align-items:center;padding:12px;background:#fff;border:1px solid #e4d9ca;border-radius:12px;margin:8px 0 16px}.ux-product-preview img{width:64px;height:64px;border-radius:8px;object-fit:cover;flex:none}.ux-product-preview b{font-size:14px;line-height:1.4;display:block}.ux-product-preview span{display:block;font-size:12px;line-height:1.5;color:#625b54;margin-top:5px}.ux-search-clear{border:0;background:none;padding:4px 0 8px;min-height:44px;color:#174c70;font-size:12px;text-decoration:underline;cursor:pointer}.ux-selection,.ux-context{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;border-radius:12px;background:#eef3f7;padding:12px;color:#174c70}.ux-selection b,.ux-context span{font-size:13px;line-height:1.5;margin-right:auto}.ux-selection button,.ux-context button{min-height:44px;border:1px solid #b8c8d2;background:white;border-radius:8px;padding:8px 12px;color:#174c70;font-size:13px;cursor:pointer}.ux-context{background:#f3ecdf;color:#5b492f}.ux-context button{border-color:#cbb794;color:#5b492f}.ux-context span{flex-basis:100%}.ux-totalbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:20px;padding:20px;border:1px solid #d4dfd1;background:#edf2eb;border-radius:14px}.ux-totalbar>div{min-width:0}.ux-totalbar b{display:block;font-size:26px;line-height:1.2;letter-spacing:-.03em;color:#31443b;overflow-wrap:anywhere}.ux-totalbar span{display:block;font-size:13px;margin-top:6px}.ux-totalbar small{display:block;font-size:11px;line-height:1.4;color:#625b54;margin-top:5px}.ux-totalbar button{max-width:210px}.ux-output{padding:28px;border-top:1px solid #e4dacd;scroll-margin-top:100px}.ux-output-heading h3{font-size:27px;line-height:1.2;margin:8px 0}.ux-output-heading>p:last-child{font-size:14px;color:#625b54;line-height:1.6}.ux-output .export-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.ux-output .export-toolbar>button,.ux-output .export-toolbar>label{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:100px;border-radius:12px;padding:16px;background:#faf7f2;gap:6px;font-size:14px;margin:0;cursor:pointer}.ux-output .export-toolbar small{display:block;font-size:12px;font-weight:400;color:#625b54;line-height:1.5;margin-top:6px}.ux-output .export-toolbar>button:hover,.ux-output .export-toolbar>label:hover{border-color:#7a927e;background:#edf2eb}.ux-enabled[data-ux-step="3"] .studio-grid{grid-template-columns:1fr}.ux-enabled[data-ux-step="3"] .studio-workspace{max-width:920px;width:100%;margin-inline:auto;box-sizing:border-box}.ux-enabled .room-output{display:none}.ux-enabled .room-heading{padding:20px 24px}.ux-enabled .room-heading h3{font-size:24px}.ux-enabled .ux-floor-action{width:100%;margin:0 0 8px}.ux-photo-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#faf7f2f5;padding:20px;text-align:center}.ux-photo-empty>span{font-size:36px;color:#8b6a3b;line-height:1}.ux-photo-empty h3{font-size:26px;line-height:1.2;margin:0}.ux-photo-empty p{font-size:13px;color:#625b54;line-height:1.5;margin:0 0 6px}.ux-photo-empty>button:last-child{border:0;background:none;text-decoration:underline;color:#31443b;min-height:44px;padding:8px;font-size:12px;cursor:pointer}.ux-needs-photo{min-height:330px}.ux-needs-photo canvas{opacity:.15}.ux-confirm{max-width:540px}.ux-confirm>div{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:24px}.ux-confirm button{min-height:46px;padding:12px 18px;border:1px solid #d1c4b3;border-radius:10px;background:#fff;font:inherit;cursor:pointer}.ux-confirm .ux-confirm-note{font-size:12px}.ux-enabled :focus-visible,.ux-welcome :focus-visible,.ux-confirm :focus-visible{outline:3px solid #174c70;outline-offset:3px}.ux-enabled .bom h3{font-size:24px}.ux-enabled .bom table{font-size:14px}.ux-enabled .bom th{font-size:11px}.ux-enabled .bom td small{font-size:12px}.ux-enabled .bom>button{font-size:14px;min-height:46px}.ux-enabled .room-controls input,.ux-enabled .room-controls select{font-size:16px}.ux-enabled .room-controls summary{font-size:14px;min-height:44px}.ux-enabled .room-note{font-size:12px}
@media(max-width:1000px){.ux-enabled .studio-grid{grid-template-columns:285px minmax(0,1fr)}.ux-enabled .studio-workspace{padding:16px}.ux-totalbar{align-items:stretch;flex-direction:column;padding:16px}.ux-totalbar button{max-width:none;width:100%}.ux-guide{gap:16px}.ux-guide>button{max-width:190px}.ux-start-grid{gap:12px}.ux-start-grid button{padding:16px}.ux-start-grid b{font-size:17px}}
@media(max-width:700px){#tervezo{padding-top:40px;scroll-margin-top:76px}#tervezo>.wrap{width:calc(100% - 24px)}#tervezo>.wrap>.section-heading h2{font-size:32px}.ux-welcome{padding:0 16px;border-radius:16px;margin:20px 0}.ux-welcome summary b{font-size:17px}.ux-welcome summary small{font-size:12px}.ux-welcome>summary{min-height:88px}.ux-start-grid{grid-template-columns:1fr;gap:10px}.ux-start-grid button{display:grid;grid-template-columns:34px 1fr;gap:5px 12px;padding:16px}.ux-start-grid .ux-start-icon{grid-row:1/4;font-size:28px}.ux-start-grid b{font-size:18px}.ux-start-grid button>span:not(.ux-start-icon){font-size:13px}.ux-start-grid em{grid-column:2;padding-top:5px;font-size:12px}.ux-enabled .studio-top{padding:12px}.ux-enabled .mode-tabs{width:100%;flex-basis:100%;gap:4px}.ux-enabled .mode-tabs button{min-height:48px;font-size:12px;padding:8px 5px}.ux-enabled .history-controls{width:100%;display:flex;gap:6px}.ux-enabled .history-controls button{font-size:12px;padding:8px 10px}.ux-enabled .ux-start-help{margin-right:auto}.ux-enabled .draft-save{padding:10px 12px;font-size:11px}.ux-steps{gap:5px;padding:16px 12px 0}.ux-steps button{flex-direction:column;justify-content:center;text-align:center;gap:6px;padding:8px 4px;min-height:76px;font-size:12px;line-height:1.25}.ux-steps button>span{width:24px;height:24px;font-size:12px}.ux-guide{display:block;padding:16px}.ux-guide b{font-size:15px}.ux-guide p{font-size:13px}.ux-guide>button{margin-top:12px;max-width:none;min-height:44px;font-size:12px}.ux-enabled .studio-grid{display:flex;flex-direction:column}.ux-enabled .studio-workspace{order:0;width:100%;padding:16px;box-sizing:border-box}.ux-enabled .studio-controls{order:1;width:100%;border:0;border-top:1px solid #e4dacd;box-sizing:border-box}.ux-enabled .studio-controls>details{padding-inline:16px;scroll-margin-top:90px}.ux-enabled .studio-controls input,.ux-enabled .studio-controls select{font-size:16px;min-height:48px}.ux-enabled .studio-controls label{font-size:13px}.ux-enabled .studio-controls summary{font-size:15px;min-height:50px}.ux-enabled .studio-controls .field-pair{grid-template-columns:1fr 1fr;gap:10px}.ux-enabled .canvas-label{font-size:13px}.ux-enabled .canvas-label span{display:none}.ux-enabled .studio-canvas-wrap{border-radius:12px}.ux-enabled .studio-status{font-size:12px}.ux-selection,.ux-context{padding:10px;gap:6px}.ux-selection b{flex-basis:100%;font-size:12px}.ux-selection button,.ux-context button{font-size:12px;flex:1;padding:8px}.ux-totalbar{flex-direction:row;align-items:center;gap:12px;padding:14px;margin-top:14px}.ux-totalbar b{font-size:23px}.ux-totalbar span{font-size:12px}.ux-totalbar small{font-size:10px;max-width:25ch}.ux-totalbar button{font-size:12px;width:auto;max-width:135px;padding:10px}.ux-output{padding:20px 16px}.ux-output-heading h3{font-size:25px}.ux-output .export-toolbar{grid-template-columns:1fr 1fr;gap:8px}.ux-output .export-toolbar>button,.ux-output .export-toolbar>label{font-size:13px;padding:14px 12px;min-height:120px}.ux-output .export-toolbar small{font-size:11px}.ux-output .bom h3{font-size:21px}.ux-output .bom th,.ux-output .bom td{font-size:12px;padding:12px 8px}.ux-output .bom td small{font-size:11px}.ux-output .bom .table-scroll{overscroll-behavior-inline:contain}.ux-enabled .room-heading{padding:20px 16px}.ux-enabled .room-heading h3{font-size:23px}.ux-enabled .room-metrics{gap:6px 10px}.ux-enabled .room-workspace{padding:16px}.ux-photo-empty{padding:16px;gap:8px}.ux-photo-empty h3{font-size:23px}.ux-needs-photo{min-height:320px}.ux-photo-empty p{font-size:12px}.ux-navigation{padding:16px}.ux-welcome~.studio{margin-top:16px}.ux-enabled .studio-workspace>.micro{display:none}.ux-enabled .room-wall-strip small{font-size:11px}.ux-enabled .room-wall-strip label{font-size:12px}}
@media(max-width:370px){.ux-enabled .history-controls{gap:4px}.ux-enabled .history-controls button{font-size:11px;padding:8px}.ux-totalbar{flex-direction:column;align-items:stretch}.ux-totalbar button{width:100%;max-width:none}.ux-output .export-toolbar{grid-template-columns:1fr}.ux-output .export-toolbar>button,.ux-output .export-toolbar>label{min-height:90px}}
@media(prefers-reduced-motion:reduce){.ux-start-grid button{transition:none}.ux-welcome summary>span:last-child{transition:none}}
@media print{.ux-welcome,.ux-confirm,.ux-enabled{display:none!important}}

.ux-preview{scroll-margin-top:96px}.ux-preview:focus{outline:none}.ux-enabled .ux-selection button{white-space:nowrap}

body.ux-focus-body{overflow:hidden}.studio.ux-enabled.ux-focus{position:fixed;inset:0;z-index:100;width:100%;height:100dvh;max-width:none;margin:0;border-radius:0;overflow:auto;background:#fff}.ux-focus .studio-top{position:sticky;top:0;z-index:4;box-shadow:0 2px 12px #3025160d}.ux-focus .ux-steps{padding-top:12px}.ux-focus .ux-guide{padding-block:14px}.ux-focus .ux-output{scroll-margin-top:90px}@media(min-width:1000px){.ux-focus .studio-grid{grid-template-columns:340px minmax(0,1fr)}.ux-focus .studio-canvas-wrap{max-width:740px;margin-inline:auto}.ux-focus .studio-workspace{padding:16px 24px}.ux-focus .ux-totalbar{padding:16px}.ux-focus .canvas-label{margin-bottom:8px}}