.surface-editor[hidden]{display:none}.surface-editor{position:absolute;inset:0;z-index:35}.surface-editor-hit{position:absolute;inset:0;touch-action:none;outline:none;cursor:grab}.surface-editor-hit:active{cursor:grabbing}.surface-editor-panel{position:absolute;right:18px;top:18px;bottom:18px;width:310px;max-width:calc(100% - 36px);background:#f8f7f3;border:1px solid #dbdbd5;border-radius:10px;box-shadow:0 12px 35px #27313a20;display:flex;flex-direction:column;padding:16px;overflow:auto;color:#35404a}.surface-editor-panel header{display:flex;align-items:flex-start;gap:12px}.surface-editor-panel header strong{font-size:17px}.surface-editor-panel p{font-size:12px;line-height:1.5;color:#65707a;margin:7px 0}.surface-editor-panel header button{margin-left:auto;width:32px;flex-shrink:0}.surface-editor-panel button{border:1px solid #d5d8d8;background:#fff;border-radius:5px;min-height:40px;color:inherit;cursor:pointer}.surface-editor-panel button[aria-pressed=true]{border-color:#607089;box-shadow:0 0 0 2px #607089;background:#e8ecf0}.surface-editor-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.surface-editor-choices button{padding:10px;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px}.surface-editor-choices img{width:100%;height:75px;object-fit:contain}.surface-editor-fabrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.surface-editor-fabrics button{padding:3px;font-size:9px;overflow:hidden}.surface-editor-fabrics img{width:100%;aspect-ratio:1;object-fit:cover}.surface-editor-panel footer{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:12px}.surface-editor-panel footer button{padding:8px 10px;font-size:12px}.surface-editor-panel footer .primary{background:#607089;color:white;border-color:#607089;margin-left:auto}.surface-editor-note{font-size:11px!important}.placing-surface-objects #selection-actions,.placing-surface-objects .viewer-tools{visibility:hidden}.surface-place-action{background:#607089!important;color:#fff!important;border-color:#607089!important}.surface-editor-range{display:block;font-size:12px}.surface-editor-range input{width:100%}
@media(max-width:900px){.surface-editor-panel{left:0;right:0;bottom:0;top:auto;width:auto;max-width:none;max-height:45%;border-radius:12px 12px 0 0;padding:12px 16px;box-shadow:0 -8px 28px #27313a18}.surface-editor-choices{grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0;gap:7px}.surface-editor-choices img{height:45px}.surface-editor-choices button{padding:6px;min-height:74px;font-size:10px}.surface-editor-panel header strong{font-size:15px}.surface-editor-panel footer{position:sticky;bottom:-12px;background:#f8f7f3;padding:10px 0;margin-bottom:-4px}.surface-editor-fabrics{grid-template-columns:repeat(6,minmax(0,1fr))}.surface-editor-panel p{margin:3px 0}.placing-surface-objects .mobile-nav{visibility:hidden}}

.surface-editor-panel header{position:static;inset:auto;height:auto;min-height:0;padding:0;background:transparent;border:0;flex-shrink:0;overflow:visible}.placing-surface-objects .viewport-hint{visibility:hidden}

.surface-editor-panel{overflow:hidden}.surface-editor-body{min-height:0;overflow:auto;flex:1}.surface-editor-panel footer{flex-shrink:0;position:static}.placing-surface-objects #viewport> .hint,.placing-surface-objects .interaction-hint{visibility:hidden}
.placing-surface-objects #canvas-hint{visibility:hidden}.surface-editor-panel footer button{width:auto!important}.surface-editor-panel footer .primary{flex:1}
.surface-seat-picker{display:block;font-size:12px;margin-top:12px}.surface-seat-picker select{display:block;width:100%;font:inherit;margin-top:6px;min-height:42px;padding:7px;background:white;border:1px solid #d5d8d8;border-radius:4px}.surface-apply-all{width:100%;font-size:12px;margin-top:9px;padding:8px}