.sdpl{--sdpl-border:#d6d6d6;--sdpl-muted:#666;--sdpl-panel:#fafafa;--sdpl-selected:#1c4f68;box-sizing:border-box;width:100%;font:inherit;color:inherit}.sdpl *{box-sizing:border-box}.sdpl-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.sdpl-intro h2{margin:0 0 6px;font-size:26px;line-height:1.2}.sdpl-intro p{max-width:840px;margin:0;color:#555;line-height:1.5}.sdpl-load-actions,.sdpl-arrange-actions{display:flex;flex-wrap:wrap;gap:8px;flex:0 0 auto}.sdpl .button{margin:0!important}.sdpl-toolbar{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 18px;padding:12px 0;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}.sdpl-dimensions{display:flex;flex-wrap:wrap;align-items:end;gap:9px}.sdpl-dimensions label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600}.sdpl-dimensions input,.sdpl-dimensions select{min-height:38px;font-size:16px}.sdpl-number{display:flex;align-items:center;border:1px solid #bbb;border-radius:4px;overflow:hidden;background:#fff}.sdpl-number input{width:100px;border:0!important;box-shadow:none!important;margin:0!important;padding:6px 8px}.sdpl-number em{padding:0 8px;color:#666;font-style:normal;font-size:12px}.sdpl-check{flex-direction:row!important;align-items:center;min-height:38px;padding:0 4px}.sdpl-check input{min-height:0;width:auto;margin:0}.sdpl-status{min-height:24px;padding:10px 1px;font-size:13px;color:#555}.sdpl-status.is-error{color:#9e1b1b}.sdpl-status.is-success{color:#176c37}.sdpl-workspace{display:grid;grid-template-columns:minmax(200px,250px) minmax(0,1fr);gap:14px;align-items:start}.sdpl-parts{border:1px solid #ddd;border-radius:9px;background:var(--sdpl-panel);overflow:hidden}.sdpl-parts-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 11px;border-bottom:1px solid #ddd}.sdpl-parts-heading span{font-size:12px;color:var(--sdpl-muted)}.sdpl-parts-list{max-height:590px;overflow:auto}.sdpl-empty{padding:18px 12px;color:#777;font-size:13px;line-height:1.45}.sdpl-part-row{width:100%;border:0;border-bottom:1px solid #e7e7e7;background:#fff;padding:9px 10px;text-align:left;cursor:pointer;display:flex;gap:8px;align-items:flex-start;color:inherit}.sdpl-part-row:last-child{border-bottom:0}.sdpl-part-row:hover,.sdpl-part-row.is-selected{background:#f1f5f7}.sdpl-part-row:focus-visible{outline:2px solid var(--sdpl-selected);outline-offset:-2px}.sdpl-part-index{flex:0 0 24px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e9ecef;color:#333;font-size:11px;font-weight:700}.sdpl-part-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.sdpl-part-copy strong{font-size:12px;line-height:1.2}.sdpl-part-copy span{font-size:11px;color:#666;line-height:1.25}.sdpl-selected{padding:10px;border-top:1px solid #ddd;background:#f7f7f7;display:flex;flex-direction:column;gap:5px}.sdpl-selected[hidden]{display:none}.sdpl-selected>span{font-size:12px;color:#555}.sdpl-selected small{font-size:10px;color:#777;line-height:1.35}.sdpl-nudge{display:grid;grid-template-columns:repeat(3,40px);gap:4px;justify-content:start;margin-top:4px}.sdpl-nudge .button{width:40px;height:38px;min-height:38px;padding:0!important;display:grid;place-items:center}.sdpl-canvas-area{min-width:0}.sdpl-wall-wrap{min-height:400px;display:flex;align-items:flex-end;justify-content:center;padding:14px;border:1px solid var(--sdpl-border);border-radius:9px;background:#f6f6f6;overflow:auto}.sdpl-wall{--sdpl-grid:10px;position:relative;flex:0 0 auto;width:100%;height:540px;border:2px solid #555;background-color:#fff;background-image:linear-gradient(to right,rgb(0 0 0 / .055) 1px,transparent 1px),linear-gradient(to bottom,rgb(0 0 0 / .055) 1px,transparent 1px);background-size:var(--sdpl-grid) var(--sdpl-grid);overflow:hidden;box-shadow:inset 0 -3px 0 rgb(0 0 0 / .25)}.sdpl-wall:focus-visible{outline:2px solid var(--sdpl-selected);outline-offset:2px}.sdpl-wall-empty{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;color:#777;font-size:13px}.sdpl-piece{position:absolute;border:1px solid #4f555a;background:#f9f9f7;cursor:grab;touch-action:none;user-select:none;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}.sdpl-piece:active{cursor:grabbing}.sdpl-piece.has-design:after{content:"";position:absolute;inset:10%;border:1px solid rgb(60 65 70 / .48);pointer-events:none}.sdpl-piece.is-glass:after{content:"";position:absolute;inset:11%;border:1px solid #676d72;background:linear-gradient(135deg,rgb(180 196 205 / .18),rgb(255 255 255 / .5),rgb(180 196 205 / .15));pointer-events:none}.sdpl-piece.is-panel{background:#f2f0e9}.sdpl-piece.is-drawer{background:#f7f6f2}.sdpl-piece.is-selected{border:3px solid var(--sdpl-selected);z-index:20;box-shadow:0 0 0 2px rgb(28 79 104 / .18)}.sdpl-piece.is-overflow{border-style:dashed;border-color:#9e1b1b}.sdpl-piece:focus-visible{outline:2px solid var(--sdpl-selected);outline-offset:2px}.sdpl-piece-label{position:relative;z-index:2;display:flex;flex-direction:column;gap:1px;padding:2px;color:#222;line-height:1.08;max-width:100%;pointer-events:none}.sdpl-piece-label strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdpl-piece-label span{font-size:9px;white-space:nowrap}.sdpl-wall.hide-labels .sdpl-piece-label{display:none}.sdpl-scale-note{display:flex;justify-content:space-between;gap:10px;padding:6px 2px 0;color:#666;font-size:11px}.sdpl-disclaimer{margin:12px 0 0;font-size:11px;color:#777;line-height:1.45}@media(max-width:900px){.sdpl-intro{flex-direction:column}.sdpl-load-actions{width:100%}.sdpl-load-actions .button{flex:1 1 auto}.sdpl-workspace{grid-template-columns:1fr}.sdpl-parts{order:2}.sdpl-parts-list{max-height:200px}.sdpl-canvas-area{order:1}.sdpl-wall-wrap{min-height:310px;padding:8px}.sdpl-toolbar{align-items:stretch}.sdpl-arrange-actions{width:100%}.sdpl-arrange-actions .button{flex:1 1 auto}}@media(max-width:560px){.sdpl-intro h2{font-size:22px}.sdpl-dimensions{display:grid;grid-template-columns:1fr 1fr;width:100%}.sdpl-number{width:100%}.sdpl-number input{width:100%;min-width:0}.sdpl-dimensions select{width:100%}.sdpl-piece-label strong{font-size:9px}.sdpl-piece-label span{font-size:8px}}.sdpl-selection-actions{display:flex;gap:6px;padding:7px 9px;border-bottom:1px solid #e2e2e2;background:#f7f7f7}.sdpl-selection-actions .button{min-height:30px!important;height:30px!important;padding:0 9px!important;font-size:11px!important;line-height:28px!important}.sdpl-selected-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.sdpl-selected-actions .button{min-height:34px!important}.sdpl-piece.is-selected{outline:1px solid rgb(28 79 104 / .22);outline-offset:1px}.sdpl-part-row.is-selected .sdpl-part-index{background:var(--sdpl-selected);color:#fff}.sdpl-piece{background:#fff0;isolation:isolate}.sdpl-piece.has-design:after,.sdpl-piece.is-glass:after{content:none!important;display:none!important}.sdpl-piece-render{position:absolute;left:50%;top:50%;display:block;max-width:none;max-height:none;pointer-events:none;transform-origin:center center;z-index:0}.sdpl-piece-label{z-index:3;background:rgb(255 255 255 / .70);border-radius:3px}.sdpl-piece.is-selected .sdpl-piece-render{filter:none}.sdpl-parts-section+.sdpl-parts-section{border-top:1px solid #d8d8d8}.sdpl-parts-subheading{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:7px 10px;background:#f3f3f3;border-bottom:1px solid #e2e2e2}.sdpl-parts-subheading strong{font-size:11px;text-transform:uppercase;letter-spacing:.03em}.sdpl-parts-subheading span{font-size:10px;color:#777}.sdpl-unplaced-section .sdpl-part-row{background:#fbfbfb}.sdpl-unplaced-section .sdpl-part-row:hover{background:#eef4f6}.sdpl-part-row.is-unplaced .sdpl-part-index{background:#ddd;color:#555}.sdpl-unplaced-section .sdpl-part-copy strong{color:#555}@media(min-width:901px){.sdpl-parts-section .sdpl-parts-list{max-height:285px}}@media(max-width:900px){.sdpl-parts-section .sdpl-parts-list{max-height:150px}}.sdpl-align-tools{margin-top:4px;padding-top:8px;border-top:1px solid #ddd}.sdpl-align-tools[hidden]{display:none}.sdpl-tool-label{display:block;margin-bottom:5px;font-size:10px!important;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#666!important}.sdpl-align-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.sdpl-align-grid .button{min-width:0;min-height:32px!important;height:32px!important;padding:0 5px!important;font-size:10px!important;line-height:30px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdpl-align-grid .sdpl-distribute{grid-column:span 1}.sdpl-align-grid .button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:560px){.sdpl-align-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sdpl-align-grid .button{font-size:11px!important}}.sdpl-rotation-notice{margin:12px 0 20px;padding:10px 12px;border:1px solid #d8d8d8;border-radius:6px;background:#fafafa;font-size:12px;line-height:1.45;color:#444}.sdpl-rotation-notice strong{color:#222}.sdpl-part-row:not(button){padding:0;display:flex;align-items:stretch;gap:0;cursor:default}.sdpl-part-main{min-width:0;flex:1 1 auto;border:0;background:#fff0;padding:9px 10px 9px 4px;text-align:left;cursor:pointer;display:flex;gap:8px;align-items:flex-start;color:inherit;font:inherit}.sdpl-part-main:focus-visible{outline:2px solid var(--sdpl-selected);outline-offset:-2px}.sdpl-part-select{flex:0 0 44px;width:44px;min-height:44px;display:grid;place-items:center;cursor:pointer;margin:0}.sdpl-part-select input{width:21px;height:21px;min-height:0;margin:0;accent-color:var(--sdpl-selected);cursor:pointer}.sdpl-part-row.is-selected .sdpl-part-select{background:rgb(28 79 104 / .06)}.sdpl-part-row.is-selected .sdpl-part-main{background:#fff0}.sdpl-part-row:not(button):hover{background:#f1f5f7}.sdpl-part-row button.sdpl-part-main:hover{background:#fff0}.sdpl-part-row.is-unplaced{padding:9px 10px}.sdpl-part-row.is-unplaced:hover{background:#eef4f6}.sdpl-part-row .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:900px){.sdpl-part-select{flex-basis:48px;width:48px;min-height:48px}.sdpl-part-select input{width:24px;height:24px}.sdpl-part-main{min-height:48px;padding-top:10px;padding-bottom:10px}}.sdpl-guide-button{font-weight:600}.sdpl-guide-overlay[hidden]{display:none!important}.sdpl-guide-overlay{position:fixed;inset:0;z-index:100000;background:rgb(0 0 0 / .56);padding:24px;display:flex;align-items:center;justify-content:center}.sdpl-guide-dialog{width:min(980px,100%);max-height:min(88vh,900px);background:#fff;border:1px solid #cfcfcf;border-radius:10px;box-shadow:0 18px 55px rgb(0 0 0 / .28);display:flex;flex-direction:column;overflow:hidden;color:#222;outline:0}.sdpl-guide-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px 16px;border-bottom:1px solid #e3e3e3;background:#fafafa}.sdpl-guide-header h3{margin:2px 0 5px;font-size:23px;line-height:1.2}.sdpl-guide-header p{margin:0;max-width:720px;color:#5b5b5b;line-height:1.45}.sdpl-guide-kicker{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#666}.sdpl-guide-close{flex:0 0 44px;width:44px;height:44px;border:1px solid #ccc;border-radius:50%;background:#fff;color:#222;font-size:28px;line-height:1;cursor:pointer}.sdpl-guide-close:hover,.sdpl-guide-close:focus-visible{border-color:var(--sdpl-selected);outline:2px solid rgb(28 79 104 / .2)}.sdpl-guide-body{overflow:auto;padding:18px 22px 22px;overscroll-behavior:contain}.sdpl-guide-quick{padding:15px 17px;border:1px solid #cfd9de;border-radius:8px;background:#f5f8fa;margin-bottom:16px}.sdpl-guide-quick h4,.sdpl-guide-card h4{margin:0 0 9px;font-size:16px;line-height:1.3}.sdpl-guide-quick ol{margin:0;padding-left:21px;display:grid;gap:7px;line-height:1.45}.sdpl-guide-quick code,.sdpl-guide-card code{font-size:.92em;background:#fff;border:1px solid #ddd;border-radius:4px;padding:1px 4px}.sdpl-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sdpl-guide-card{min-width:0;padding:14px 15px;border:1px solid #dedede;border-radius:8px;background:#fff}.sdpl-guide-card p{margin:0 0 8px;line-height:1.48;color:#4b4b4b}.sdpl-guide-card p:last-child{margin-bottom:0}.sdpl-guide-note{margin-top:9px;padding:9px 10px;border-left:3px solid var(--sdpl-selected);background:#f6f7f8;font-size:12px;line-height:1.45}.sdpl-guide-shortcuts{margin:0;display:grid;gap:6px}.sdpl-guide-shortcuts div{display:grid;grid-template-columns:minmax(120px,.8fr) 1.5fr;gap:10px;padding-bottom:6px;border-bottom:1px solid #eee}.sdpl-guide-shortcuts div:last-child{padding-bottom:0;border-bottom:0}.sdpl-guide-shortcuts dt{font-weight:700}.sdpl-guide-shortcuts dd{margin:0;color:#555}.sdpl-guide-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 22px;border-top:1px solid #e3e3e3;background:#fafafa}.sdpl-guide-footer span{font-size:12px;color:#666}.sdpl-guide-footer .button{flex:0 0 auto}body.sdpl-guide-open{overflow:hidden}@media(max-width:760px){.sdpl-guide-overlay{padding:8px}.sdpl-guide-dialog{max-height:94vh;border-radius:8px}.sdpl-guide-header{padding:15px 14px 12px;gap:10px}.sdpl-guide-header h3{font-size:20px}.sdpl-guide-header p{font-size:13px}.sdpl-guide-body{padding:12px 12px 16px}.sdpl-guide-grid{grid-template-columns:1fr}.sdpl-guide-card{padding:13px}.sdpl-guide-footer{padding:10px 12px;align-items:stretch;flex-direction:column}.sdpl-guide-footer .button{width:100%}.sdpl-guide-shortcuts div{grid-template-columns:1fr}.sdpl-guide-close{flex-basis:46px;width:46px;height:46px}}.sdpl-piece.is-drawer-set{border:0!important;background:#fff0;overflow:visible}.sdpl-piece.is-drawer-set.is-selected{border:0!important;outline:3px solid var(--sdpl-selected);outline-offset:0;box-shadow:0 0 0 2px rgb(28 79 104 / .18)}.sdpl-piece.is-drawer-set .sdpl-piece-label{background:rgb(255 255 255 / .82)}.sdpl-part-row.is-drawer-set-row .sdpl-part-index{border-radius:5px}.sdpl-canvas-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:8px 10px;margin:0 0 8px;padding:8px 9px;border:1px solid #dedede;border-radius:8px;background:#fafafa}.sdpl-canvas-tool-group{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0;padding:0;border:0}.sdpl-canvas-tool-group .sdpl-tool-label{margin:0;font-size:9px!important;line-height:1.1}.sdpl-canvas-nudge,.sdpl-canvas-basic-actions>div,.sdpl-canvas-align-grid{display:flex;flex-wrap:wrap;gap:4px}.sdpl-canvas-nudge .button{width:36px;min-width:36px;height:34px;min-height:34px!important;padding:0!important;font-size:16px!important;line-height:32px!important}.sdpl-canvas-basic-actions .button,.sdpl-canvas-align-grid .button{min-height:34px!important;height:34px!important;padding:0 8px!important;font-size:10px!important;line-height:32px!important;white-space:nowrap}.sdpl-canvas-tools .sdpl-align-tools{margin:0;padding:0;border:0}.sdpl-canvas-tools .button:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.35)}@media(max-width:900px){.sdpl-canvas-tools{justify-content:flex-end}.sdpl-canvas-tool-group{flex:0 1 auto}}@media(max-width:620px){.sdpl-canvas-tools{justify-content:stretch;align-items:stretch;padding:7px}.sdpl-canvas-tool-group{flex:1 1 100%}.sdpl-canvas-nudge,.sdpl-canvas-basic-actions>div,.sdpl-canvas-align-grid{width:100%}.sdpl-canvas-nudge .button{flex:1 1 0%;width:auto}.sdpl-canvas-basic-actions .button{flex:1 1 auto}.sdpl-canvas-align-grid .button{flex:1 1 calc(25% - 4px);min-width:64px}}.sdpl-marquee{position:absolute;z-index:60;pointer-events:none;border:1px solid var(--sdpl-selected);background:rgb(28 79 104 / .12);box-shadow:0 0 0 1px rgb(255 255 255 / .72) inset}.sdpl-wall.is-marquee-active{cursor:crosshair;user-select:none}@media(hover:hover) and (pointer:fine){.sdpl-wall:not(.is-marquee-active){cursor:crosshair}.sdpl-wall .sdpl-piece{cursor:grab}.sdpl-wall .sdpl-piece:active{cursor:grabbing}}.sdpl-canvas-tools .button:disabled{pointer-events:none}.sdpl-sync-overlay[hidden]{display:none!important}.sdpl-sync-overlay{position:fixed;inset:0;z-index:100050;display:flex;align-items:center;justify-content:center;padding:20px;background:rgb(0 0 0 / .46)}.sdpl-sync-dialog{width:min(520px,100%);background:#fff;border:1px solid #d5d5d5;border-radius:10px;box-shadow:0 18px 55px rgb(0 0 0 / .26);padding:22px;color:#222;outline:0}.sdpl-sync-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin:0 0 12px;background:#eef5f1;border:1px solid #c9ddd1;font-size:22px;font-weight:700;color:#315d45}.sdpl-sync-copy h3{margin:0 0 8px;font-size:21px;line-height:1.2}.sdpl-sync-copy p{margin:0 0 9px;line-height:1.48;color:#4c4c4c}.sdpl-sync-copy p:last-child{margin-bottom:0}.sdpl-sync-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:18px}.sdpl-sync-actions .button{min-height:40px}body.sdpl-sync-modal-open{overflow:hidden}.sdpl-unplaced-section{outline:0}.sdpl-unplaced-section.is-sync-target{outline:3px solid rgb(28 79 104 / .35);outline-offset:2px;transition:outline-color .2s ease}@media(max-width:600px){.sdpl-sync-overlay{padding:10px}.sdpl-sync-dialog{padding:18px 16px}.sdpl-sync-actions{flex-direction:column-reverse}.sdpl-sync-actions .button{width:100%;min-height:44px}}.sdpl-piece{-webkit-touch-callout:none}.sdpl.is-touch-multiselect .sdpl-wall{outline:2px solid rgb(28 79 104 / .22);outline-offset:2px}.sdpl .sdpl-clear-visualiser:not(:disabled){border-color:#b93a32;color:#9f2f28}.sdpl .sdpl-clear-visualiser:not(:disabled):hover,.sdpl .sdpl-clear-visualiser:not(:disabled):focus{border-color:#8f2923;color:#7d241f}