.fsb-invitation{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:28px;border-bottom:1px solid #d4d4cc}.fsb-invitation h2{font-size:clamp(24px,3vw,38px);margin:6px 0}.fsb-invitation p{max-width:650px;margin:6px 0}.fsb-invitation h2 span{font-size:.65em}.fsb-invitation .button{flex-shrink:0}
#FrematSetBuilder{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#f8f8f4;color:#151815;font:14px/1.45 Arial,Tahoma,sans-serif;overflow:hidden}#FrematSetBuilder[open]{display:flex;flex-direction:column}#FrematSetBuilder::backdrop{background:#0008}#FrematSetBuilder *{box-sizing:border-box}#FrematSetBuilder button,#FrematSetBuilder select,#FrematSetBuilder input{font:inherit}#FrematSetBuilder button,#FrematSetBuilder select,#FrematSetBuilder input[type=number],#FrematSetBuilder input[type=search],.fsb-upload{border:1px solid #c9ccc1;border-radius:8px;background:#fff;color:#18201a;padding:9px 12px;min-height:42px}#FrematSetBuilder button{cursor:pointer}#FrematSetBuilder button:disabled{opacity:.45;cursor:not-allowed}#FrematSetBuilder :focus-visible{outline:3px solid #5f7929;outline-offset:3px}#FrematSetBuilder [hidden]{display:none!important}.fsb-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#fff;border-bottom:1px solid #dedfd5;flex-shrink:0}.fsb-header h2{font-size:21px;margin:2px 0}.fsb-header small{letter-spacing:2px;font-size:10px}.fsb-header button{font-size:24px!important;width:44px}.fsb-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,1fr);overflow:hidden;flex:1;min-height:0}.fsb-preview{padding:20px;overflow-y:auto;min-width:0}.fsb-preview-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.fsb-preview-top span{font-size:12px;color:#57614d}.fsb-preview canvas{width:100%;height:auto;max-height:47vh;aspect-ratio:1100/750;display:block;background:#e9e7de;border-radius:12px;touch-action:none;object-fit:contain}.fsb-help{font-size:12px;color:#59614f;margin:8px 0}.fsb-toolbar,.fsb-secondary{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin:12px 0}.fsb-toolbar label,.fsb-editor label{display:grid;gap:4px;font-size:12px}.fsb-toolbar input{width:76px}.fsb-secondary{align-items:center}.fsb-secondary button,.fsb-upload{font-size:12px!important;min-height:36px!important}.fsb-upload{cursor:pointer;position:relative;overflow:hidden}.fsb-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.fsb-preview>small{display:block;color:#606657;font-size:11px}.fsb-room-zoom{display:flex;gap:10px;align-items:center}.fsb-warning{color:#925415;font-size:12px;margin:8px 0}.fsb-editor{background:#fff;border:1px solid #dbddd3;border-radius:12px;padding:14px;margin:12px 0}.fsb-editor-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.fsb-editor-heading small{display:block;color:#646b5d}.fsb-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fsb-fields input{width:100%;min-width:0}.fsb-editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.fsb-editor-actions button{font-size:12px!important}.fsb-border{display:flex!important;align-items:center;gap:6px!important;margin-top:12px}.fsb-summary{font-size:12px}.fsb-summary summary{cursor:pointer;padding:10px 0}.fsb-summary table{width:100%;border-collapse:collapse}.fsb-summary td,.fsb-summary th{text-align:start;padding:6px 4px;border-bottom:1px solid #ddd;word-break:break-word}.fsb-browse{background:#fff;border-inline-start:1px solid #ddd;overflow-y:auto;padding:20px;min-width:0}.fsb-browse h3{font-size:20px;margin:0 0 14px}.fsb-browse-head>label{display:flex;align-items:center;justify-content:space-between;gap:12px}.fsb-browse-head>input{width:100%}.fsb-browse-head p{font-size:12px;color:#65705d}.fsb-filters{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.fsb-filters button{font-size:12px!important;border-radius:30px!important;padding:6px 12px!important;min-height:34px!important}.fsb-filters button[aria-pressed=true]{background:#d4f274!important;border-color:#a5cb49!important}.fsb-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fsb-art-card{padding:7px!important;text-align:start;min-width:0;position:relative}.fsb-art-card svg{width:100%;height:130px;display:block;background:#efeee7}.fsb-art-card strong{display:block;font-size:11px;margin:7px 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fsb-art-card small{font-size:10px;display:block;color:#58614f}.fsb-art-card .fsb-plus{position:absolute;top:12px;right:12px;background:#d4f274;width:26px;height:26px;border-radius:50%;text-align:center;line-height:26px;font-size:18px}.fsb-art-card[data-chosen=true]{border-color:#78963b!important;box-shadow:inset 0 0 0 1px #78963b}.fsb-browse>[role=status]{font-size:12px;color:#64705a}.fsb-browse>[data-fsb-more]{width:100%;margin-top:14px}.fsb-footer{display:flex;align-items:center;gap:12px;border-top:1px solid #d5d8ca;background:#fff;padding:12px 24px;padding-bottom:max(12px,env(safe-area-inset-bottom));flex-wrap:wrap;flex-shrink:0}.fsb-footer>div{margin-inline-end:auto}.fsb-footer strong{font-size:21px}.fsb-footer small{display:block;font-size:11px;color:#5f6757}.fsb-footer .fsb-add{background:#18241c!important;color:white!important;font-weight:700!important;padding:14px 20px!important}.fsb-footer p{flex-basis:100%;margin:0;color:#924619;font-size:12px}.fsb-footer p:empty{display:none}
@media(max-width:800px){.fsb-invitation{flex-direction:column;align-items:start;gap:12px}.fsb-header{padding:10px 12px}.fsb-header h2{font-size:17px}.fsb-body{display:block;overflow-y:auto}.fsb-preview{padding:12px;overflow:visible}.fsb-preview canvas{max-height:34vh;min-height:180px}.fsb-browse{overflow:visible;padding:16px 12px;border-top:1px solid #ddd;border-inline-start:0}.fsb-preview-top{font-size:12px}.fsb-footer{padding:10px 12px;gap:8px}.fsb-footer>button[data-fsb-reset]{font-size:11px;padding:8px;min-height:40px}.fsb-footer .fsb-add{padding:11px 12px!important;font-size:12px!important}.fsb-footer strong{font-size:18px}.fsb-art-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.fsb-art-card svg{height:110px}.fsb-secondary{gap:6px}.fsb-fields{gap:8px}.fsb-preview:has(canvas:focus){scroll-margin-top:0}}
.fsb-preview canvas{width:min(100%,68.9vh);max-height:none;margin-inline:auto}
.fsb-pieces{display:flex;gap:6px;overflow-x:auto;padding:10px 2px;max-width:100%}.fsb-pieces button{white-space:nowrap;flex-shrink:0;font-weight:700!important}.fsb-pieces small{font-weight:400;font-size:10px}.fsb-pieces button[aria-pressed=true]{background:#d4f274!important;border-color:#819e3b!important}
@media(max-width:800px){.fsb-preview canvas{width:min(100%,49.8vh);max-height:none;min-height:0}}
@media(max-width:360px){.fsb-art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fsb-footer>button[data-fsb-reset]{display:none}.fsb-header h2{font-size:15px}}
@media(max-width:800px){.fsb-preview{display:contents}.fsb-preview-top{padding:12px 12px 0}.fsb-preview canvas{position:sticky;top:0;z-index:2;width:min(calc(100% - 24px),42vh);box-shadow:0 8px 20px #f8f8f4}.fsb-help,.fsb-toolbar,.fsb-secondary,.fsb-preview>small,.fsb-editor,.fsb-summary,.fsb-warning,.fsb-room-zoom{margin-inline:12px}.fsb-editor{scroll-margin-top:30vh}.fsb-browse-head{scroll-margin-top:30vh}.fsb-summary{margin-bottom:12px}}

.fsb-set-position{margin:12px 0}.fsb-set-position>label{font-weight:600}.fsb-position-row{display:flex;align-items:center;gap:8px;direction:ltr}.fsb-position-row input{min-width:0;flex:1;min-height:44px;accent-color:#78963b}.fsb-position-row span{font-size:12px}.fsb-set-position small{display:block;font-size:11px;color:#606657}.fsb-position-row input:disabled{opacity:.45}@media(max-width:800px){.fsb-set-position{margin-inline:12px}}
