:root{--topbar-height: 72px;--sidebar-width: 396px;--sidebar-switcher-width: 280px;--sidebar-right-width: 396px;--sidebar-quantity-width: 396px;--bg: #eef1f4;--panel: #ffffff;--surface: rgba(0, 0, 0, 0);--muted: #5e6470;--text: #111111;--accent: #2a66b0;--border: rgba(17, 17, 17, .18);--border-strong: rgba(17, 17, 17, .32);--logo-transparency-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cdefs%3E%3Cpattern id='checker-soft' width='8' height='8' patternUnits='userSpaceOnUse'%3E%3Crect width='8' height='8' fill='%23F3F4F6'/%3E%3Crect width='4' height='4' fill='%23E5E7EB'/%3E%3Crect x='4' y='4' width='4' height='4' fill='%23E5E7EB'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='8' height='8' fill='url(%23checker-soft)'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Helvetica Neue,Arial,sans-serif}.page{min-height:100vh;display:flex;flex-direction:column}.topbar{position:relative;height:var(--topbar-height);display:flex;align-items:center;justify-content:flex-start;padding:0 24px;background-color:#0d0d0d;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:none}.logo{height:28px;width:auto;display:inline-flex;align-items:center;flex:0 0 auto}.logo img{height:100%;width:auto;display:block}.brand{display:inline-flex;align-items:center;gap:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:800;color:#fff}.brand-title{position:absolute;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;line-height:1;font-family:Verdana,Geneva,sans-serif;font-size:x-large}.brand-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #7dd3fccc}.topbar-actions{display:flex;width:100%;align-items:center;justify-content:flex-start;gap:12px}.topbar-sidebar-reveal-button{flex:0 0 auto}.topbar-sidebar-reveal-button-right{order:0}.logo{order:1}.language-switcher{order:2;margin-left:auto}.topbar-request-button{order:3}.topbar-sidebar-reveal-button-left{order:4}.topbar-sidebar-reveal-button svg{display:block}.topbar-sidebar-reveal-button:focus-visible{outline:none;color:#fff}.language-switcher{display:inline-flex;align-items:center;gap:8px}.topbar-request-button{height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #e60318;border-radius:4px;background:#e60318;color:#fff;font:inherit;font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.topbar-request-button:hover,.topbar-request-button:focus-visible{border-color:#c90214;background:#c90214;color:#fff;outline:none}.language-flag-indicator{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:4px;background:#ffffff0f;font-size:.92rem;line-height:1}.language-flag-image{width:18px;height:18px;display:block;object-fit:contain}.language-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:#fff;opacity:.9}.language-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.language-label{color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.language-select{min-width:84px;height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.28);border-radius:4px;background:transparent;color:#fff;font:inherit;cursor:pointer}.language-select option{color:#111}.modal-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:#030712b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-overlay[hidden]{display:none!important}.modal-card{width:min(560px,calc(100vw - 32px));padding:20px;border:1px solid var(--border);border-radius:6px;background:#fff;box-shadow:0 20px 50px #0000002e}.modal-card-terms{width:min(760px,calc(100vw - 32px));max-height:min(80vh,720px);display:flex;flex-direction:column}.modal-card-image-preview{width:min(880px,calc(100vw - 32px));max-height:min(86vh,820px);display:flex;flex-direction:column}.modal-card-logo-crop{width:min(980px,calc(100vw - 32px));max-height:min(88vh,860px);display:flex;flex-direction:column}.modal-card-request{width:min(520px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px}.request-dialog-link{color:#e60318;font-weight:700;text-decoration:none;overflow-wrap:anywhere}.request-dialog-link:hover,.request-dialog-link:focus-visible{color:#c90214;text-decoration:underline}.logo-crop-body{display:grid;place-items:center;min-height:360px;max-height:min(68vh,620px);overflow:auto;padding-top:10px}.logo-crop-canvas{width:min(900px,100%);height:auto;border:1px solid var(--border);border-radius:4px;background:#f8fafc;cursor:crosshair;display:block}.image-preview-body{display:grid;place-items:center;min-height:280px;padding-top:8px}.image-preview-body.is-logo-preview{width:fit-content;max-width:100%;min-height:0;margin:8px auto 0;padding-top:0;background-color:#f3f4f6;background-image:var(--logo-transparency-pattern);background-repeat:repeat;background-size:8px 8px;border-radius:4px}.image-preview-body.is-logo-preview img{background:transparent}.image-preview-body img{display:block;max-width:100%;max-height:min(72vh,680px);width:auto;height:auto;border:1px solid var(--border);border-radius:4px;background:#fff}.image-preview-navigation{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0 4px}.image-preview-nav-button{min-width:42px;min-height:36px;padding:0 14px;font-size:1.05rem;line-height:1}.image-preview-nav-button:disabled{opacity:.42;cursor:default}.image-preview-counter{min-width:68px;text-align:center;font-size:.8rem;font-weight:700;letter-spacing:.04em;color:var(--muted)}.image-preview-actions{display:flex;justify-content:flex-end;margin-top:14px}.image-preview-close-button{background:#fff!important;color:var(--text)!important;border-color:var(--border-strong)!important}.image-preview-close-button:hover,.image-preview-close-button:focus-visible{background:#f3f4f6!important;color:var(--text)!important;border-color:var(--border-strong)!important}.image-preview-delete-button{background:#e60318!important;color:#fff!important;border-color:#e60318!important}.image-preview-delete-button:hover,.image-preview-delete-button:focus-visible{background:#c90214!important;color:#fff!important;border-color:#c90214!important}.image-preview-actions[hidden]{display:none!important}.modal-header,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header h2{margin:0;font-size:1rem}.modal-copy{margin:12px 0 14px;color:var(--muted);line-height:1.4}.modal-actions{justify-content:flex-end;margin-top:14px}.url-input{width:100%;min-width:220px;padding:10px 14px;border:1px solid var(--border);border-radius:4px;background:#f5f7fa;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.url-input::placeholder{color:var(--muted)}.url-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7dd3fc1f}.ghost-button,.primary-button{border:1px solid var(--border-strong);background:transparent;color:var(--text);padding:10px 14px;border-radius:4px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:all .2s ease}.mail-button{height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.35);border-radius:4px;background:#ffffff14;color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:all .2s ease}.mail-button:hover{border-color:#7dd3fce6;color:#7dd3fc;background:#7dd3fc1f}.info-panel-header .mail-button{height:34px;padding:0 10px;border-color:var(--border-strong);background:#fff;color:var(--text)}.info-panel-header .mail-button:hover{border-color:var(--accent);color:var(--accent);background:#2a66b014}.mail-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem}.ghost-button:hover{border-color:#fff;color:#fff}.primary-button{background:#fff;color:#111;border-color:#fff;box-shadow:none}.primary-button:hover{transform:none;background:#dfe7f5}.upload-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;background:#e60318;color:#fff;font-weight:700;border-radius:4px;border:1px solid #e60318;font-size:.8rem;letter-spacing:.04em;line-height:1;text-transform:uppercase;cursor:pointer;box-shadow:none;transition:background .15s ease,border-color .15s ease}.upload-button:hover{background:#e60318;border-color:#e60318}.sidebar-upload-button{align-self:flex-end;width:fit-content;max-width:100%;white-space:nowrap}.logo-upload-actions{align-self:flex-end;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:100%}.right-sidebar-toggle-icon-button{flex:0 0 auto;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border-color:transparent;color:#111827}.right-sidebar-toggle-icon-button:hover,.right-sidebar-toggle-icon-button:focus-visible{background:transparent;border-color:var(--accent);color:var(--accent-strong)}.right-sidebar-toggle-icon{display:block;width:20px;height:20px}.logo-upload-icon-button{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;flex:0 0 auto}.logo-upload-icon-button svg{display:block;width:18px;height:18px}.paste-logo-button,.paste-logo-button:hover{background:#334155;border-color:#334155}.topbar .ghost-button{color:#fff;border-color:#ffffff47}.topbar .primary-button{color:#111;border-color:#fff}.layout{flex:1;display:flex;min-height:0;overflow:hidden}.sidebar{flex:0 0 var(--sidebar-width);display:flex;flex-direction:column;gap:16px;padding:5px;background:#f6f7f9;border-right:1px solid var(--border);overflow-y:auto}.sidebar-left{order:3;border-right:none;border-left:1px solid var(--border)}.sidebar-left-frame{background:#f6f7f9}.contract-frame{width:100%;height:100%;min-height:clamp(460px,64vh,820px);border:0;border-radius:4px;background:#f6f7f9;display:block}#contract-frame,#contract-sidebar-source,[data-sidebar-target=contract]{display:none!important}.sidebar-bottom-toggle{min-height:30px;margin-bottom:8px;padding:0 12px;gap:8px}.sidebar-bottom-toggle-left{align-self:flex-start}.sidebar-bottom-toggle-right{align-self:flex-end}.contract-sidebar-actions{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:8px}.quantity-sidebar-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.quantity-sidebar-actions .sidebar-bottom-toggle,.contract-sidebar-actions .sidebar-bottom-toggle{margin-bottom:0}.left-sidebar-toggle-icon-button{flex:0 0 auto;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border-color:transparent;color:#111827}.left-sidebar-toggle-icon-button:hover,.left-sidebar-toggle-icon-button:focus-visible{background:transparent;border-color:var(--accent);color:var(--accent-strong)}.left-sidebar-toggle-icon{display:block;width:20px;height:20px}.contract-sidebar-actions .left-sidebar-toggle-icon-button{margin-left:auto}.contract-sidebar-icon-button{flex:0 0 auto;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;background:transparent;border-color:transparent}.contract-sidebar-icon-button:hover,.contract-sidebar-icon-button:focus-visible{background:transparent;border-color:var(--accent)}.contract-sidebar-save-icon,.contract-sidebar-email-icon{display:block;width:32px;height:32px}.modal-card .ghost-button,.modal-card .primary-button{background:#fff;color:var(--text);border-color:var(--border-strong)}.modal-card .ghost-button:hover,.modal-card .ghost-button:focus-visible,.modal-card .primary-button:hover,.modal-card .primary-button:focus-visible{background:#fff;color:var(--text);border-color:var(--border-strong);transform:none;box-shadow:none}.modal-card-confirm .ghost-button{background:#f3f4f6;color:#1f2937;border-color:#d1d5db}.modal-card-confirm .ghost-button:hover,.modal-card-confirm .ghost-button:focus-visible{background:#e5e7eb;color:#111827;border-color:#9ca3af}.modal-card-confirm .primary-button{background:#c81e1e;color:#fff;border-color:#c81e1e}.modal-card-confirm .primary-button:hover,.modal-card-confirm .primary-button:focus-visible{background:#a91515;color:#fff;border-color:#a91515}.modal-card-terms .ghost-button,.modal-card-terms .primary-button,.modal-card-validation .ghost-button,.modal-card-validation .primary-button,.modal-card-image-preview .ghost-button,.modal-card-image-preview .primary-button,.modal-card-logo-crop .ghost-button,.modal-card-logo-crop .primary-button{background:#e60318;color:#fff;border-color:#e60318}.modal-card-terms .ghost-button:hover,.modal-card-terms .ghost-button:focus-visible,.modal-card-terms .primary-button:hover,.modal-card-terms .primary-button:focus-visible,.modal-card-validation .ghost-button:hover,.modal-card-validation .ghost-button:focus-visible,.modal-card-validation .primary-button:hover,.modal-card-validation .primary-button:focus-visible,.modal-card-image-preview .ghost-button:hover,.modal-card-image-preview .ghost-button:focus-visible,.modal-card-image-preview .primary-button:hover,.modal-card-image-preview .primary-button:focus-visible,.modal-card-logo-crop .ghost-button:hover,.modal-card-logo-crop .ghost-button:focus-visible,.modal-card-logo-crop .primary-button:hover,.modal-card-logo-crop .primary-button:focus-visible{background:#c90214;color:#fff;border-color:#c90214;box-shadow:none}.modal-card-terms .ghost-button:focus-visible,.modal-card-terms .primary-button:focus-visible,.modal-card-validation .ghost-button:focus-visible,.modal-card-validation .primary-button:focus-visible,.modal-card-image-preview .ghost-button:focus-visible,.modal-card-image-preview .primary-button:focus-visible,.modal-card-logo-crop .ghost-button:focus-visible,.modal-card-logo-crop .primary-button:focus-visible{outline:2px solid rgba(230,3,24,.18);outline-offset:2px}.modal-card-image-preview .image-preview-nav-button:disabled{background:#e603182e;border-color:#e603182e;color:#ffffffb8}.contract-sidebar-source{display:none!important}.sidebar-left .info-panel{padding:12px}.sidebar-left .info-panel-header{margin-bottom:10px}.sidebar-left .info-sheet{gap:8px}.sidebar-left .info-section-gap{margin-top:2px}.sidebar-right .selected-logo-panel,.sidebar-quantity .quantity-panel{padding:9px}.sidebar-right .quantity-panel-header,.sidebar-quantity .quantity-panel-header{margin-bottom:7px}.sidebar-quantity .quantity-list{gap:4px}.sidebar-right .selected-logo-source{margin-top:8px}.sidebar-right{flex-basis:var(--sidebar-right-width);order:1;border-left:none;border-right:1px solid var(--border)}.sidebar-switcher{flex:0 0 var(--sidebar-switcher-width);width:var(--sidebar-switcher-width);min-width:var(--sidebar-switcher-width);position:relative;order:4;border-left:1px solid var(--border);background:#f6f7f9;overflow:hidden}.sidebar-switcher .sidebar{position:absolute;inset:0;gap:16px;padding:5px;border:none;background:#f6f7f9;overflow-y:auto}.sidebar-switcher .sidebar-left,.sidebar-switcher .sidebar-quantity{order:initial;border-left:none;border-right:none}.sidebar-switcher .sidebar.is-hidden{visibility:hidden;pointer-events:none}.sidebar-switcher .sidebar.is-active{visibility:visible;pointer-events:auto}.viewer-column{order:2}.selection-display{padding:10px 12px;border:1px solid var(--border);border-radius:4px;background:#fff;font-weight:800;color:var(--text)}.info-panel{border:1px solid var(--border);border-radius:4px;background:#fff;padding:16px}.info-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:.9rem;font-weight:800;letter-spacing:.06em;line-height:1.2;text-transform:uppercase;color:var(--text)}.info-panel-header h2{margin:0;font:inherit;color:inherit}.info-sheet{display:grid;gap:12px}.info-section-title{font-size:.9rem;font-weight:800;letter-spacing:.06em;line-height:1.2;text-transform:uppercase;color:var(--text)}.info-section-gap{margin-top:4px}.contract-panel-footer{display:flex;justify-content:flex-end;margin-top:2px}.contract-panel-reset-button{margin-bottom:0}.saved-screenshots-block{display:grid;gap:4px;margin-top:8px}.saved-screenshot-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;overflow:visible;padding-bottom:0;scrollbar-width:auto}.saved-screenshot-list .saved-thumb-shell{flex:0 0 auto;width:100%;aspect-ratio:16 / 10}.saved-thumb-shell{position:relative;flex:0 0 76px;width:76px;aspect-ratio:1 / 1}.saved-screenshot-thumb,.saved-screenshot-empty{display:block;border:1px solid var(--border);border-radius:4px;background:#fbfcfd}.saved-screenshot-thumb{width:100%;height:100%;padding:0;cursor:pointer;overflow:hidden;aspect-ratio:1 / 1;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.saved-screenshot-thumb:hover{border-color:var(--accent);box-shadow:0 0 0 1px #2a66b024;transform:translateY(-1px)}.saved-screenshot-thumb-image{display:block;width:100%;height:100%;object-fit:cover}.saved-screenshot-thumb:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #7dd3fc29}.saved-screenshot-empty{grid-column:1 / -1;padding:8px 10px;color:var(--muted);font-size:.82rem;line-height:1.25}.saved-logo-block{display:grid;gap:6px;margin-top:8px}.saved-logo-title{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.saved-logo-list{display:flex;align-items:stretch;gap:6px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin}.saved-logo-thumb{display:block;width:100%;height:100%;padding:0;border:1px solid var(--border);border-radius:4px;background-color:#f3f4f6;background-image:var(--logo-transparency-pattern);background-repeat:repeat;background-size:8px 8px;cursor:pointer;overflow:hidden;aspect-ratio:1 / 1;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.saved-logo-thumb:hover{border-color:var(--accent);box-shadow:0 0 0 1px #2a66b024;transform:translateY(-1px)}.saved-logo-thumb-image{display:block;width:100%;height:100%;object-fit:cover}.saved-logo-thumb:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #7dd3fc29}.saved-thumb-remove{position:absolute;right:4px;bottom:4px;z-index:2;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(17,17,17,.18);border-radius:999px;background:#111111e0;color:#fff;font-size:.62rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 1px 4px #11111138;transition:background .15s ease,transform .15s ease}.saved-thumb-remove:hover{background:#c62828;transform:scale(1.05)}.saved-thumb-remove:focus-visible{outline:none;box-shadow:0 0 0 3px #7dd3fc2e}.saved-logo-list:empty,.saved-logo-block.is-empty{display:none}.info-section-button{width:100%;padding:0;border:none;background:transparent;text-align:left;cursor:pointer}.info-section-button:hover{color:var(--accent)}.info-subsection-title{padding:8px 10px;border:1px solid var(--border-strong);background:#f3f5f8;font-size:.9rem;font-weight:800;letter-spacing:.06em;line-height:1.2;text-transform:uppercase;color:var(--text)}.info-table{display:grid;gap:4px}.info-row{display:grid;grid-template-columns:minmax(160px,1.05fr) minmax(0,1.55fr);align-items:stretch;text-decoration:none;color:inherit;border:1px solid var(--border);border-radius:4px;overflow:hidden;background:#fbfcfd}.client-information-table .info-row{grid-template-columns:minmax(170px,1.05fr) minmax(0,1.55fr)}.sales-conditions-table .info-row{grid-template-columns:minmax(220px,1fr) minmax(0,1.05fr)}.info-label{display:flex;align-items:center;padding:10px;border-right:1px solid var(--border-strong);background:#fff;font-size:.85rem;line-height:1.25}.info-input-cell{display:flex;align-items:center;padding:0;background:#d8e0f4}.info-input{width:100%;height:100%;min-height:36px;padding:0 12px;border:none;border-radius:0;background:transparent;color:var(--text)}.info-input:focus{outline:none;box-shadow:inset 0 0 0 2px #2f80ed2e}.info-select{appearance:none;cursor:pointer}.info-select option{color:var(--text)}.info-disclaimer{display:grid;gap:4px;font-size:.82rem;line-height:1}.info-disclaimer p{margin:0}.info-panel>.info-sheet>.info-disclaimer{display:none}.terms-disclaimer{margin-top:12px;overflow-y:auto;gap:10px;padding-right:8px;line-height:1.45}.viewer-column{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:row;align-items:stretch;gap:8px;background:#f8f9fb}.viewer-main-column{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px}.image-grid{display:grid;grid-template-columns:1fr;gap:6px;width:100%;overflow-x:hidden;overflow-y:auto;padding-right:2px;scrollbar-width:thin}.image-card{position:relative;overflow:hidden;border-radius:4px;border:1px solid var(--border);background:#fff;box-shadow:none;cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;min-width:0}.image-card img{display:block;width:100%;height:auto;object-fit:contain;max-height:80px;padding:0}.image-card.active{border-color:#111;border-width:2px}.image-label{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;font-size:.9rem;letter-spacing:.03em;background:linear-gradient(180deg,transparent,rgba(0,0,0,.65))}.canvas-panel{flex:1 1 auto;order:0;min-width:0;min-height:0;position:relative;background:linear-gradient(180deg,#f4f6f8,#e5e9ee);overflow:hidden;display:flex;min-height:clamp(460px,64vh,820px);max-height:calc(100vh - var(--topbar-height) - 110px)}.canvas-side-toggle-panel{order:1;display:flex;justify-content:flex-start;align-items:stretch;gap:6px;flex-wrap:wrap;padding-bottom:2px}.canvas-side-toggle-card{flex:0 0 106px;width:106px;min-width:106px}.canvas-side-toggle-card img{max-height:80px}.canvas-side-preview-card{position:relative;overflow:hidden;border-radius:4px;border:1px solid var(--border);background:#fff;min-width:0;cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.canvas-side-preview-card.active{border-color:#111;border-width:2px}.canvas-side-preview-card img{display:block;width:100%;height:auto;object-fit:contain;max-height:80px;padding:0}.canvas-fullscreen-rail{position:absolute;top:16px;bottom:84px;z-index:2;width:118px;padding:10px 8px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#060a1394;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 42px #0f172a3d;overflow:hidden}.canvas-fullscreen-rail[hidden]{display:none!important}.canvas-fullscreen-rail-left{left:16px}.canvas-fullscreen-rail-right{right:16px}.canvas-fullscreen-rail .image-grid.is-fullscreen-rail-content{grid-template-columns:1fr;gap:8px;height:100%;overflow-x:hidden;overflow-y:auto;padding-right:2px}.canvas-fullscreen-rail .canvas-side-toggle-panel.is-fullscreen-rail-content{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:8px;height:100%;overflow-x:hidden;overflow-y:auto;padding-bottom:0;padding-right:2px}.canvas-fullscreen-rail .image-card,.canvas-fullscreen-rail .canvas-side-toggle-card,.canvas-fullscreen-rail .canvas-side-preview-card{width:100%;min-width:0;flex:0 0 auto}.canvas-fullscreen-rail .image-card img,.canvas-fullscreen-rail .canvas-side-toggle-card img,.canvas-fullscreen-rail .canvas-side-preview-card img{max-height:88px}.image-card.is-disabled{opacity:.46;cursor:default;pointer-events:none}.canvas-loading-overlay{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at center,#ffffffb8,#fff0 54%);opacity:1;transition:opacity .18s ease}.canvas-loading-overlay.is-hidden{opacity:0}.canvas-loading-icon{width:clamp(86px,11vw,118px);height:clamp(86px,11vw,118px);padding:10px;border-radius:999px;background:#ffffffe0;box-shadow:0 18px 42px #1f293724}.canvas-loading-icon svg{display:block;width:100%;height:100%}svg .spinner{transform-origin:32px 32px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quantity-panel,.selected-logo-panel{border:1px solid var(--border);border-radius:4px;background:#fff;padding:12px}.quantity-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.quantity-panel-header-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.quantity-panel-header h2{margin:0;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.selected-logo-header-toggle{display:inline-grid;grid-template-columns:auto auto auto;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text);cursor:pointer}.selected-logo-header-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.selected-logo-header-toggle input[type=color]{width:20px;height:20px;padding:0;border:1px solid var(--border);border-radius:4px;background:#fff;cursor:pointer}.quantity-list{display:grid;grid-template-columns:1fr;gap:5px}.quantity-panel-footer{display:flex;justify-content:flex-end;margin-top:12px}.quantity-panel-reset-button{margin-bottom:0}.quantity-table-head{display:grid;grid-template-columns:minmax(128px,1fr) 96px;gap:5px;padding:0 5px 2px;color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.quantity-row{display:grid;grid-template-columns:minmax(128px,1fr) 96px;align-items:stretch;gap:5px;padding:3px 4px;min-height:52px;border:1px solid #111111;border-radius:4px;background:#fff;color:#111;box-sizing:border-box}.quantity-row.is-active{border-width:2px;border-color:#111}.quantity-row:focus-within{border-color:#111}.quantity-code{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid var(--quantity-code-border, #111111);border-radius:4px;background:var(--quantity-code-background, #ffffff);color:var(--quantity-code-color, #111111);font-size:.76rem;font-weight:700;letter-spacing:.03em;box-sizing:border-box}.quantity-code-cell{display:grid;grid-template-columns:minmax(0,1fr) 32px 72px;grid-column:1 / -1;align-items:center;gap:4px}.quantity-code-text{max-width:112px;width:112px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantity-controls{display:flex;width:100%;gap:3px;align-items:center;justify-content:flex-end}.quantity-code-logo-thumb{width:72px;height:48px;padding:0;justify-self:end;border:1px solid var(--border);border-radius:4px;background:#fff;cursor:pointer;overflow:hidden}.quantity-code-logo-thumb:not(.is-empty){background-color:#f3f4f6;background-image:var(--logo-transparency-pattern);background-repeat:repeat;background-size:8px 8px}.quantity-code-logo-save{width:32px;height:32px;padding:0;display:grid;place-items:center;justify-self:center;border:1px solid var(--border);border-radius:4px;background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.quantity-code-logo-save:hover{border-color:var(--accent);box-shadow:0 0 0 1px #2a66b024;transform:translateY(-1px)}.quantity-code-logo-save:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #7dd3fc29}.quantity-code-logo-save svg{display:block;width:22px;height:22px;pointer-events:none}.quantity-code-logo-thumb.is-empty{background:#f3f5f8}.quantity-code-logo-placeholder{display:inline-flex;width:100%;height:100%;align-items:center;justify-content:center;color:var(--muted);font-size:.82rem;font-weight:700}.quantity-code-logo-image{display:block;width:100%;height:100%;object-fit:cover}.quantity-logo-save-button{height:22px;border:1px solid #111111;border-radius:4px;background:#111;color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,border-color .15s ease}.quantity-logo-save-button:hover{border-color:#2b2b2b;background:#2b2b2b}.quantity-stepper{min-width:26px;height:28px;border:1px solid var(--border);border-radius:4px;background:#fff;font-size:.95rem;font-weight:700;line-height:1;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.quantity-stepper[data-quantity-action=decrease],.quantity-stepper[data-quantity-action=increase]{border-color:#111;background:#111;color:#fff}.quantity-stepper:hover{border-color:#111;background:#2b2b2b;color:#fff}.quantity-reset-button{min-width:26px;height:28px;border:1px solid #c7394c;border-radius:4px;background:#c7394c;color:#fff;font-size:.64rem;font-weight:700;line-height:1;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.quantity-reset-button:hover{border-color:#a92c3d;color:#fff;background:#a92c3d}.quantity-list-input{width:50%;min-width:32px;justify-self:center;height:28px;padding:0 4px;border:1px solid var(--border);border-radius:2px;background:#f3f5f8;color:var(--text);text-align:center;font-size:.74rem;font-family:Verdana,Geneva,Tahoma,sans-serif;appearance:textfield;-moz-appearance:textfield}.quantity-list-input-hidden{display:none}.quantity-list-input::-webkit-outer-spin-button,.quantity-list-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-list-input:focus{outline:none;border-color:#111;box-shadow:none}.quantity-row.is-active .quantity-list-input:focus,.quantity-row.is-active .quantity-stepper:focus-visible,.quantity-row.is-active .quantity-reset-button:focus-visible{border-color:#111;box-shadow:none;outline:none}.selected-logo-preview{--selected-logo-preview-width: 150px;--selected-logo-preview-ratio: 1 / 1;--selected-logo-preview-transparency-pattern: linear-gradient(45deg, rgba(17, 17, 17, .035) 25%, transparent 25%, transparent 75%, rgba(17, 17, 17, .035) 75%), linear-gradient(45deg, rgba(17, 17, 17, .035) 25%, transparent 25%, transparent 75%, rgba(17, 17, 17, .035) 75%);display:grid;place-items:center;width:var(--selected-logo-preview-width);max-width:calc(100% - 22px);aspect-ratio:var(--selected-logo-preview-ratio);height:auto;position:relative;margin-inline:auto;padding:4px;border:1px solid var(--border);border-radius:4px;background-color:#f6f7f9;background-image:var(--selected-logo-preview-transparency-pattern);background-size:12px 12px;background-position:0 0,6px 6px;cursor:crosshair;overflow:hidden}.selected-logo-preview-crop-button{position:absolute;top:1px;left:1px;z-index:2;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(43,47,51,.18);border-radius:3px;background:#ffffffeb;cursor:pointer;box-shadow:0 1px 2px #11182724;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.selected-logo-preview-crop-button:hover,.selected-logo-preview-crop-button:focus-visible{border-color:#cf5d68;background:#fff7f8;box-shadow:0 0 0 2px #b4231814;outline:none}.selected-logo-preview-crop-button svg{display:block;width:22px;height:22px;pointer-events:none}.selected-logo-preview img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.selected-logo-preview-magnifier{position:absolute;top:4px;left:4px;z-index:3;width:118px;height:118px;padding:4px;border:1px solid rgba(43,47,51,.2);border-radius:8px;background:linear-gradient(180deg,#fffffff5,#f5f7faf5);box-shadow:0 10px 24px #1118272e;opacity:0;transform:scale(.96);transition:opacity .14s ease,transform .14s ease;pointer-events:none}.selected-logo-preview-magnifier.is-visible{opacity:1;transform:scale(1)}.selected-logo-preview-magnifier-canvas{display:block;width:100%;height:100%;border-radius:5px;image-rendering:pixelated;background:linear-gradient(45deg,rgba(17,17,17,.04) 25%,transparent 25%,transparent 75%,rgba(17,17,17,.04) 75%),linear-gradient(45deg,rgba(17,17,17,.04) 25%,transparent 25%,transparent 75%,rgba(17,17,17,.04) 75%);background-size:10px 10px;background-position:0 0,5px 5px}.selected-logo-sample-toggle{display:grid;place-items:center;min-height:38px;padding:8px 10px;border:1px solid var(--border);border-radius:4px;background:#fbfcfd;color:var(--text);font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-align:center;cursor:pointer}.selected-logo-sample-toggle-icon-only{position:relative}.selected-logo-sample-toggle-header{box-sizing:border-box;width:56px;height:56px;min-width:56px;min-height:56px;padding:6px}.selected-logo-sample-toggle-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.selected-logo-sample-icon{display:block;width:18px;height:18px;pointer-events:none}.selected-logo-sample-toggle-header .selected-logo-sample-icon,.selected-logo-sample-toggle-source-icon .selected-logo-sample-icon{width:40px;height:40px}.selected-logo-sample-toggle input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.selected-logo-sample-toggle.is-on{color:#b42318;border-color:#e19aa1;background:#fce9ec;box-shadow:inset 0 0 0 1px #b423181f}.selected-logo-loading{position:absolute;inset:0;display:grid;place-items:center;background:#f7f9fc6b;opacity:0;pointer-events:none;transition:opacity .14s ease}.selected-logo-preview.is-loading .selected-logo-loading{opacity:1}.selected-logo-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:8px}.selected-logo-controls,.selected-logo-position-panel{min-width:0}.selected-logo-controls{display:grid;grid-template-columns:126px minmax(0,1fr);grid-auto-rows:min-content;align-items:start;gap:8px;justify-items:stretch;width:100%}.selected-logo-mode-buttons,.selected-logo-mode-panels{display:contents}.selected-logo-mode-button{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--border);border-radius:4px;background:#fbfcfd;color:var(--text);font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.selected-logo-mode-button-text{min-width:0;grid-column:2;grid-row:1}.selected-logo-mode-button-icon{display:block;grid-column:1;grid-row:1;justify-self:start;width:24px;height:24px;flex:0 0 auto;pointer-events:none}.selected-logo-mode-button-icon-recolor{width:26px;height:26px}.selected-logo-mode-button:nth-of-type(1){grid-column:1;grid-row:1}.selected-logo-mode-button:nth-of-type(2){grid-column:1;grid-row:2}.selected-logo-mode-button input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.selected-logo-mode-button.is-on{color:#b42318;border-color:#e19aa1;background:#fce9ec;box-shadow:inset 0 0 0 1px #b423181f}.selected-logo-main-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.selected-logo-mode-panel{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:4px;background:#fbfcfd;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.selected-logo-mode-panel:nth-of-type(1){grid-column:2;grid-row:1}.selected-logo-mode-panel:nth-of-type(2){grid-column:2;grid-row:2}.selected-logo-mode-panel.is-on{border-color:#e7b3b8;background:#fff4f5;box-shadow:inset 0 0 0 1px #b4231814}.selected-logo-mode-panel.is-sample-active{border-color:#cf5d68;box-shadow:inset 0 0 0 1px #b4231824}.selected-logo-mode-panel.is-on.is-sample-active{border-color:#b42318;background:#fdeff1;box-shadow:inset 0 0 0 1px #b423182e}.selected-logo-mode-panel-recolor{grid-template-columns:minmax(0,1fr)}.selected-logo-toggle-rows{width:100%;display:grid;grid-template-columns:1fr;gap:6px}.selected-logo-color-container{width:100%;display:grid;grid-template-columns:1fr;gap:6px;padding:0;min-height:0;border:none;border-radius:0;background:transparent;justify-self:end}.selected-logo-color-container-inline{align-self:stretch}.selected-logo-color-container-recolor{grid-template-columns:minmax(0,96px) auto;column-gap:12px;row-gap:6px;justify-content:end;align-items:start}.selected-logo-control-labels{display:grid;grid-template-columns:1fr;gap:6px;min-width:0;justify-items:stretch}.selected-logo-control-label{min-height:26px;display:flex;width:100%;align-items:center;justify-content:flex-end;font-size:.72rem;font-weight:700;color:var(--text);text-align:right;line-height:1.15;white-space:normal;overflow-wrap:anywhere}.selected-logo-control-values{display:grid;grid-template-columns:1fr;gap:6px;justify-items:end}.selected-logo-control-graphics-row{display:grid;grid-template-columns:48px 18px 18px;align-items:center;gap:6px}.selected-logo-control-input{width:48px;height:26px;padding:2px;border:1px solid var(--border);border-radius:4px;background:#fff;cursor:pointer}.selected-logo-control-input:disabled{cursor:default;opacity:1}.selected-logo-control-spacer{width:18px;height:18px;display:block}.selected-logo-toggle-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:8px;padding:0;min-height:0;border:none;border-radius:0;background:transparent;color:var(--text);font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;cursor:pointer}.selected-logo-toggle-row input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.selected-logo-toggle-row input[type=color]{width:20px;height:20px;padding:0;border:1px solid var(--border);border-radius:4px;background:#fff;cursor:pointer}.selected-logo-toggle-row.is-on{color:var(--accent);border-color:transparent;background:transparent;box-shadow:none}.selected-logo-control{display:grid;grid-template-columns:minmax(0,1fr) 56px;align-items:center;gap:6px;font-size:.72rem;color:var(--text);width:100%}.selected-logo-control-presets{grid-template-columns:minmax(0,1fr) 18px 18px 48px}.selected-logo-control span{font-weight:700;justify-self:start}.selected-logo-control input[type=color]{width:48px;height:26px;padding:2px;border:1px solid var(--border);border-radius:4px;background:#fff;cursor:pointer}.selected-logo-control input[type=color]:disabled{cursor:default;opacity:1}.selected-logo-preset-swatch{width:18px;height:18px;padding:0;border:1px solid var(--border);border-radius:3px;cursor:pointer}.selected-logo-preset-swatch-black{background:#111}.selected-logo-preset-swatch-white{background:#fff}.selected-logo-control-toggle{grid-template-columns:minmax(110px,1fr) auto;cursor:pointer}.selected-logo-control-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.selected-logo-header-toggle.is-on,.selected-logo-control-toggle.is-on{color:var(--accent)}.selected-logo-position-panel,.selected-logo-white-threshold-panel{display:flex}.selected-logo-mode-panel-remove-white .selected-logo-white-threshold-panel{width:100%;margin-top:10px}.selected-logo-threshold-filter-row{display:grid;grid-template-columns:minmax(0,96px) 80px 34px;align-items:center;column-gap:8px;row-gap:0;width:100%;justify-content:end}.selected-logo-threshold-filter-row label{min-width:0;min-height:24px;font-size:.68rem;justify-content:flex-start;text-align:left}.selected-logo-threshold-range{width:80px;min-width:80px;max-width:80px;padding:0;justify-self:end}.selected-logo-threshold-value{min-width:34px;text-align:right;font-size:.68rem;font-weight:700;color:#475569}.canvas-vertical-move-panel{position:absolute;top:18px;right:18px;z-index:3;min-width:148px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#060a13c7;color:#f3f4f6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canvas-white-threshold-panel{position:absolute;top:126px;right:18px;z-index:3;min-width:148px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#060a13c7;color:#f3f4f6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canvas-vertical-move-panel .selected-logo-vertical-control,.canvas-white-threshold-panel .selected-logo-vertical-control{color:#f3f4f6}.canvas-vertical-move-panel .selected-logo-vertical-control span,.canvas-white-threshold-panel .selected-logo-vertical-control span{justify-self:start}.canvas-vertical-move-panel .selected-logo-vertical-inline,.canvas-white-threshold-panel .selected-logo-vertical-inline{justify-content:space-between}.selected-logo-vertical-control{display:grid;gap:6px;width:100%;align-content:start;font-size:.72rem;color:var(--text);justify-items:end;text-align:right}.selected-logo-vertical-control span{font-weight:700;justify-self:end}.selected-logo-vertical-inline{display:grid;grid-template-columns:auto auto;gap:8px;align-items:center;justify-content:end;width:100%}.selected-logo-vertical-cloche{--cloche-position: 50%;position:relative;width:42px;height:68px;display:grid;place-items:center;justify-self:end;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}.selected-logo-vertical-control.is-horizontal{justify-items:stretch;text-align:left}.selected-logo-vertical-control.is-horizontal span{justify-self:start}.selected-logo-vertical-inline.is-horizontal{grid-template-columns:minmax(0,1fr) auto;gap:10px;justify-content:stretch}.selected-logo-vertical-cloche.is-horizontal{width:100%;min-width:148px;height:32px;cursor:ew-resize}.selected-logo-vertical-track{width:10px;height:100%;border:1px solid var(--border);border-radius:999px;background:linear-gradient(180deg,#e6ebf1,#cfd8e3);box-shadow:inset 0 1px 2px #11111114}.selected-logo-vertical-cloche.is-horizontal .selected-logo-vertical-track{width:100%;height:10px;background:linear-gradient(90deg,#e6ebf1,#cfd8e3)}.selected-logo-vertical-handle{position:absolute;left:50%;top:var(--cloche-position);width:32px;height:20px;transform:translate(-50%,-50%);border:1px solid #111111;border-radius:999px;background:linear-gradient(180deg,#2b2b2b,#111);box-shadow:0 6px 14px #11111129;cursor:grab}.selected-logo-vertical-cloche.is-horizontal .selected-logo-vertical-handle{left:var(--cloche-position);top:50%;width:20px;height:32px;transform:translate(-50%,-50%)}.selected-logo-vertical-handle:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;opacity:.88}.selected-logo-vertical-cloche:focus-visible{outline:none}.selected-logo-vertical-cloche:focus-visible .selected-logo-vertical-track{border-color:var(--accent);box-shadow:0 0 0 3px #7dd3fc24}.selected-logo-vertical-cloche.is-dragging .selected-logo-vertical-handle{cursor:grabbing}.selected-logo-vertical-control input[type=number]{width:56px;height:24px;padding:0 8px;border:1px solid var(--border);border-radius:4px;background:#f3f5f8;color:var(--text);font-size:.7rem;text-align:center;justify-self:end}.selected-logo-vertical-control input[type=number]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #7dd3fc1f}@media(max-width:1200px){.selected-logo-tools{grid-template-columns:1fr}}.color-strip{flex:0 0 120px;order:2;width:120px;min-width:120px;padding:8px 6px 8px 8px;background:#fff;border-left:1px solid var(--border);box-shadow:none}.color-strip-header{display:none}.color-strip-header h3{margin:0;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.canvas-panel .lil-gui{width:240px;--width: 240px}.canvas-panel .lil-gui.root>.title{display:none}.canvas-panel .lil-gui{color:#ebebeb;--background-color: #1f1f1f;--widget-color: #2b2b2b;--hover-color: #383838;--focus-color: #4d4d4d;--text-color: #ebebeb;--title-background-color: #111111;--title-text-color: #ffffff;--number-color: #2cc9ff;--string-color: #a2db3c}.canvas-panel .lil-gui .title{background:var(--title-background-color);color:var(--title-text-color);text-transform:uppercase;letter-spacing:.05em}.canvas-panel .lil-gui .children{border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#1f1f1ff5}.pick-readout{position:absolute;left:18px;bottom:66px;z-index:2;max-width:min(440px,calc(100% - 36px));padding:10px 12px;border:1px solid var(--border);border-radius:4px;background:#fffffff0;color:#111;font-size:.82rem;line-height:1.35;letter-spacing:.02em;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#canvas{flex:1;width:100%;height:100%;display:block}@media(max-width:1200px){.quantity-table-head,.quantity-row{grid-template-columns:minmax(136px,1fr) 122px}}@media(max-width:900px){.layout{flex-direction:column}.sidebar-left,.sidebar-right,.sidebar-quantity,.viewer-column{order:initial}.viewer-column{flex-direction:column;gap:0}.topbar{height:auto;min-height:var(--topbar-height);padding:14px 16px;flex-wrap:wrap;gap:12px}.topbar-actions{flex-wrap:wrap}.sidebar{flex:0 0 auto;max-height:38vh;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-right,.sidebar-quantity{border-left:none}.sidebar-switcher{flex:0 0 auto;width:auto;min-width:0;max-height:38vh;border-left:none;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-switcher .sidebar{position:relative;inset:auto;max-height:none}.color-strip-header{align-items:flex-start;flex-direction:column}.color-strip{width:auto;min-width:0;padding:1px;border-right:none;border-top:1px solid var(--border)}.image-grid{grid-template-columns:repeat(9,minmax(96px,1fr));overflow-x:auto;overflow-y:hidden;padding-right:0}.canvas-panel{max-height:none}}@media(max-width:359px){.sidebar-switcher,.sidebar-right{display:none!important}}