.site-preview-root,.site-preview-root *,.site-preview-root *:before,.site-preview-root *:after{box-sizing:border-box}.site-preview-root{--color-accent: #1571AB;--color-accent-hover: #115d8a;--color-download: #383431;--color-download-hover: #404040;--color-danger: #c00;--color-dark: #383431;--color-light: #f2f4f7;--color-text: #333;--color-text-light: #ccc;--color-white: #fff;--color-overlay: rgba(56, 52, 49, .9);--card-size: 200px;--card-size-featured: 340px;--content-max-width: 1200px;--content-padding: 2rem;--gap-large: 3rem;--gap-medium: 1.5rem;--gap-small: 1rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .3s ease;container-type:inline-size;background:var(--color-light);color:var(--color-text);display:flex;flex-direction:column;min-height:100%;width:100%;line-height:1.5}.site-preview-root .site-preview-main{display:flex;flex:1;flex-direction:column;min-height:0}.site-preview-root .site-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:200px 1fr 200px;align-items:center;background:var(--color-white);color:var(--color-text);padding:.75rem 1.5rem;box-shadow:0 2px 8px #00000026;min-height:80px;border-bottom:3px solid var(--color-accent)}.site-preview-root .header-logo{display:flex;align-items:center;justify-self:start}.site-preview-root .header-logo img{height:50px;width:auto;object-fit:contain}.site-preview-root .header-right{display:flex;align-items:center;justify-self:end}.site-preview-root .partner-logo{display:block;max-height:90px;width:auto;object-fit:contain}.site-preview-root .header-title{justify-self:center;text-align:center;margin:0;font-size:2.6rem;font-weight:700;color:var(--color-accent);line-height:1.3;max-width:min(70ch,90%);word-break:break-word;overflow-wrap:anywhere;letter-spacing:.02em}.site-preview-root .content-row{display:grid;grid-template-columns:var(--card-size-featured) 1fr;align-items:start;gap:var(--gap-large);max-width:var(--content-max-width);margin:0 auto;padding:2rem var(--content-padding) 0}.site-preview-root .content-row>.grid:only-child{grid-column:1 / -1;justify-self:center}.site-preview-root .grid{display:grid;grid-template-columns:repeat(3,var(--card-size));gap:var(--gap-medium)}.site-preview-root .card{position:relative;width:var(--card-size);background:var(--color-white);border-radius:8px;box-shadow:0 1px 6px #0000001a;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.site-preview-root .card:hover{transform:translateY(-3px);box-shadow:0 3px 12px #0000002e}.site-preview-root .thumb{width:var(--card-size);height:var(--card-size);overflow:hidden;background:var(--color-white);transition:transform var(--transition-slow)}.site-preview-root .thumb img{width:100%;height:100%;object-fit:contain}.site-preview-root .card .info{padding:.6rem .8rem .9rem;text-align:center;min-height:3.2rem}.site-preview-root .card .card-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text);line-height:1.3;word-break:break-word}.site-preview-root .featured-card{--card-size: var(--card-size-featured);position:relative;width:var(--card-size);z-index:2}.site-preview-root .featured-card .thumb{width:var(--card-size-featured);height:var(--card-size-featured)}.site-preview-root .overlay-side{position:absolute;inset:0 0 0 auto;width:100%;height:100%;background:var(--color-overlay);color:var(--color-white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:.6rem;opacity:0;visibility:hidden;pointer-events:none;transform:translate(12px);transition:opacity var(--transition-normal),transform var(--transition-normal),visibility 0s linear .25s}.site-preview-root .card:not(.featured-card):hover .thumb{transform:translate(-100%)}.site-preview-root .card:not(.featured-card):hover .overlay-side{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);transition-delay:0s}.site-preview-root .featured-card .overlay-side{left:0;transform:none;transition:opacity var(--transition-slow),visibility 0s linear .3s}.site-preview-root .featured-card:hover .overlay-side{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.site-preview-root .featured-card:hover .thumb{transform:none}.site-preview-root .overlay-side .button-group{width:100%;max-width:160px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center}.site-preview-root .overlay-side .btn,.site-preview-root .overlay-side .btn-download{width:100%;padding:.7rem 1rem;font-size:.95rem;text-align:center;display:inline-flex;justify-content:center;align-items:center}.site-preview-root .btn{text-decoration:none;background:var(--color-accent);color:var(--color-white);padding:1rem 2.2rem;border-radius:10px;display:inline-block;font-size:1.2rem;font-weight:600;box-shadow:0 3px 8px #00000059;transition:transform var(--transition-fast),background var(--transition-fast);cursor:pointer;border:none}.site-preview-root .btn:hover{background:var(--color-accent-hover);transform:scale(1.08)}.site-preview-root .btn-download{background:var(--color-download)}.site-preview-root .btn-download:hover{background:var(--color-download-hover)}.site-preview-root .btn-sm{padding:.5rem 1rem;font-size:.9rem;border-radius:8px}.site-preview-root .actions-mobile{display:none;padding:.6rem;gap:.6rem;justify-content:center;flex-wrap:wrap;align-items:center;text-align:center}.site-preview-root .banner-outer{margin-top:auto;display:flex;justify-content:flex-end;width:100%;padding-right:2rem;padding-top:1rem;padding-bottom:1rem}.site-preview-root .collection-banner{background:var(--color-banner);color:var(--color-white);padding:1.2rem 1.5rem;border-radius:8px;max-width:420px;box-shadow:0 3px 12px #00000040}.site-preview-root .collection-banner h3{margin:0 0 .3rem;font-size:1.2rem;font-weight:700}.site-preview-root .collection-banner p{margin:0;font-size:.9rem;line-height:1.4}.site-preview-root .collection-banner a{color:var(--color-white);font-weight:700;text-decoration:underline;pointer-events:none}.site-preview-root .collection-banner a:hover{color:#ffefef}.site-preview-root .site-footer{text-align:center;color:var(--color-text-light);background:var(--color-dark);padding:1.2rem .75rem;font-size:.9rem}.site-preview-root .site-preview-links-disabled a{pointer-events:none}.site-preview-root .site-preview-sortable-card{width:var(--card-size);touch-action:none}.site-preview-root .site-preview-sortable-card.site-preview-sortable-card-dragging{opacity:.4}.site-preview-root .site-preview-sortable-card .card{width:100%}.site-preview-root .site-preview-drag-overlay{cursor:grabbing}.site-preview-root .site-preview-empty{display:grid;place-items:center;min-height:280px;padding:2rem;color:#6b7280;text-align:center;border:1px dashed #cbd5e1;border-radius:16px;background:#ffffffb3}@container (min-width: 1201px){.site-preview-root .header-title{font-size:2.8rem;max-width:75%}}@container (min-width: 1601px){.site-preview-root{--card-size: 280px;--card-size-featured: 476px;--content-max-width: 1600px;--content-padding: 3rem}.site-preview-root .overlay-side .button-group{max-width:220px;gap:.75rem}.site-preview-root .overlay-side .btn,.site-preview-root .overlay-side .btn-download{padding:1rem 1.8rem;font-size:1.15rem}}@container (min-width: 2201px){.site-preview-root{--card-size: 320px;--card-size-featured: 544px;--content-max-width: 1900px;--content-padding: 4rem}.site-preview-root .overlay-side .button-group{max-width:250px;gap:1rem}.site-preview-root .overlay-side .btn,.site-preview-root .overlay-side .btn-download{padding:1.2rem 2rem;font-size:1.25rem}}@container (min-width: 901px) and (max-width: 1200px){.site-preview-root{--content-padding: 2rem}.site-preview-root .content-row{gap:var(--gap-medium)}}@container (max-width: 900px){.site-preview-root{--content-padding: 1.5rem}.site-preview-root .header-title{font-size:1.7rem;max-width:min(65ch,90%)}.site-preview-root .content-row{grid-template-columns:1fr;justify-items:center;gap:var(--gap-medium)}.site-preview-root .grid{grid-template-columns:repeat(2,var(--card-size));justify-content:center}.site-preview-root .banner-outer{justify-content:center;padding-right:0}.site-preview-root .overlay-side{display:none!important}.site-preview-root .actions-mobile{display:flex}}@container (max-width: 600px){.site-preview-root{--card-size: 160px;--card-size-featured: 220px;--content-padding: 1rem}.site-preview-root .site-header{min-height:auto;padding:.75rem 1rem;grid-template-columns:80px 1fr}.site-preview-root .header-logo img{height:30px}.site-preview-root .header-right{display:none}.site-preview-root .header-title{font-size:1.1rem;max-width:100%;justify-self:center}.site-preview-root .content-row{grid-template-columns:1fr;justify-items:center}.site-preview-root .featured-card{width:var(--card-size-featured)}.site-preview-root .featured-card .thumb{width:var(--card-size-featured);height:var(--card-size-featured)}.site-preview-root .grid{grid-template-columns:repeat(2,var(--card-size));gap:var(--gap-small)}.site-preview-root .card{width:var(--card-size)}.site-preview-root .thumb{width:var(--card-size);height:var(--card-size)}.site-preview-root .banner-outer{justify-content:center}.site-preview-root .collection-banner{width:calc(100% - 32px);max-width:none}.site-preview-root .btn,.site-preview-root .actions-mobile .btn{font-size:.9rem;padding:.6rem 1.2rem;border-radius:8px}}@media (hover: none),(pointer: coarse){.site-preview-root .overlay-side{display:none!important}.site-preview-root .actions-mobile{display:flex}.site-preview-root .card:hover .thumb{transform:none}}@container (min-width: 901px){.site-preview-root .content-row>.grid:only-child{grid-template-columns:repeat(3,260px)}.site-preview-root .content-row>.grid:only-child .card,.site-preview-root .content-row>.grid:only-child .thumb{width:260px;height:auto}.site-preview-root .content-row>.grid:only-child .thumb{height:260px}}@container (min-width: 1601px){.site-preview-root .content-row>.grid:only-child{grid-template-columns:repeat(3,320px)}.site-preview-root .content-row>.grid:only-child .card,.site-preview-root .content-row>.grid:only-child .thumb{width:320px;height:auto}.site-preview-root .content-row>.grid:only-child .thumb{height:320px}}@container (min-width: 2201px){.site-preview-root .content-row>.grid:only-child{grid-template-columns:repeat(3,380px)}.site-preview-root .content-row>.grid:only-child .card,.site-preview-root .content-row>.grid:only-child .thumb{width:380px;height:auto}.site-preview-root .content-row>.grid:only-child .thumb{height:380px}}.admin-page{min-height:100vh;background:#f5f6f8;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#333;line-height:1.55}.admin-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:2px solid #e0e3e8;padding:.75rem 1.5rem;gap:1rem}.admin-header h1{margin:0;font-size:1.3rem;font-weight:700;color:#1a1a2e;display:inline;margin-left:.75rem}.admin-header-right{display:flex;align-items:center;gap:1rem}.admin-user{font-size:.875rem;color:#555}.admin-role-badge{display:inline-block;background:#e8edf2;color:#4a5568;padding:.1rem .5rem;border-radius:10px;font-size:.75rem;margin-left:.4rem;text-transform:capitalize}.admin-content{max-width:1200px;margin:0 auto;padding:1.5rem}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.admin-toolbar h2{margin:0;font-size:1.2rem;color:#1a1a2e}.admin-toolbar-right{display:flex;align-items:center;gap:.75rem}.admin-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem 1rem;border:1px solid #d0d5dd;border-radius:6px;background:#fff;color:#344054;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background .12s ease,border-color .12s ease}.admin-btn:hover{background:#f9fafb;border-color:#98a2b3}.admin-btn-primary{background:#1a56db;color:#fff;border-color:#1a56db}.admin-btn-primary:hover{background:#1648b8;border-color:#1648b8}.admin-btn-primary:disabled{background:#93a3c4;border-color:#93a3c4;cursor:not-allowed}.admin-btn-secondary{background:#f3f4f6;border-color:#d1d5db;color:#4b5563}.admin-btn-secondary:hover{background:#e5e7eb}.admin-btn-danger{background:#fff;color:#dc2626;border-color:#fca5a5}.admin-btn-danger:hover{background:#fef2f2;border-color:#dc2626}.admin-btn-sm{padding:.3rem .6rem;font-size:.8125rem}.admin-btn-link{border:none;background:none;color:#1a56db;text-decoration:underline;padding:.3rem .5rem}.admin-btn-link:hover{color:#1648b8;background:none}.admin-select{padding:.4rem 1.75rem .4rem .6rem;border:1px solid #d0d5dd;border-radius:6px;font-size:.875rem;background:#fff;color:#344054;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.admin-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.admin-table th,.admin-table td{padding:.75rem 1rem;text-align:left;font-size:.875rem;border-bottom:1px solid #f0f1f3}.admin-table th{background:#f9fafb;font-weight:600;color:#4b5563;font-size:.8125rem;text-transform:uppercase;letter-spacing:.03em}.admin-table code{background:#f3f4f6;padding:.15rem .4rem;border-radius:4px;font-size:.84rem}.admin-row-disabled{opacity:.55}.admin-actions{display:flex;gap:.4rem;align-items:center}.admin-table-polished{box-shadow:0 1px 3px #0000000a}.admin-table-polished th{border-bottom:2px solid #e5e7eb}.admin-table-polished th,.admin-table-polished td{padding:.85rem 1rem}.admin-table-polished tbody tr{transition:background-color .12s ease}.admin-table-polished tbody tr:hover{background-color:#f8f9fb}.admin-table-polished tbody tr:last-child td{border-bottom:none}.admin-theme-indicator{display:inline-flex;align-items:center;gap:.4rem}.admin-table-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.admin-brochure-count{color:#4b5563;font-size:.84rem}.admin-date{color:#6b7280;font-size:.84rem}.admin-status{display:inline-block;padding:.15rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600}.admin-status-active{background:#dcfce7;color:#166534}.admin-status-disabled{background:#f3f4f6;color:#6b7280}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280}.admin-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#1a56db;border-radius:50%;animation:admin-spin .7s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-error{display:flex;align-items:center;gap:.5rem;background:#fef2f2;color:#dc2626;padding:.75rem 1rem;border-radius:6px;border:1px solid #fca5a5;margin-bottom:1rem;font-size:.875rem}.admin-empty{text-align:center;padding:3rem;color:#9ca3af;font-size:.95rem}.admin-muted{color:#9ca3af}.admin-forbidden{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#6b7280;text-align:center}.admin-forbidden h1{color:#dc2626;margin-bottom:.5rem}.admin-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:1.25rem}.admin-section h2{margin:0 0 .75rem;font-size:1rem;color:#1a1a2e}.admin-form{display:flex;flex-direction:column;gap:1rem}.admin-form-group{display:flex;flex-direction:column;gap:.3rem}.admin-form-group label{font-size:.875rem;font-weight:600;color:#374151}.admin-form-group input[type=text],.admin-form-group input[type=email],.admin-form-group textarea{padding:.5rem .6rem;border:1px solid #d0d5dd;border-radius:6px;font-size:.875rem;color:#344054;background:#fff}.admin-form-group input:disabled{background:#f3f4f6;color:#9ca3af}.admin-field-error{color:#dc2626;font-size:.8125rem}.admin-form-actions{display:flex;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.admin-theme-form{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.admin-theme-field{display:flex;align-items:center;gap:.5rem}.admin-theme-field input[type=color]{width:32px;height:32px;padding:0;border:1px solid #d0d5dd;border-radius:4px;cursor:pointer;flex-shrink:0}.admin-theme-field input[type=text]{flex:1;padding:.4rem .5rem;border:1px solid #d0d5dd;border-radius:6px;font-size:.84rem}.admin-brochure-table{margin-top:1rem}.admin-brochure-thumb{width:40px;height:40px;object-fit:contain;border-radius:3px;background:#f9fafb}.admin-drag-handle{cursor:grab;text-align:center;color:#9ca3af;font-size:1.1rem;-webkit-user-select:none;user-select:none}.admin-drag-handle:active{cursor:grabbing}.admin-uploader{margin-bottom:1rem}.admin-dropzone{border:2px dashed #d0d5dd;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;color:#6b7280;transition:border-color .15s ease,background .15s ease}.admin-dropzone:hover,.admin-dropzone-active{border-color:#1a56db;background:#f0f4ff;color:#1a56db}.admin-dropzone p{margin:0;font-size:.9rem}.admin-upload-list{margin-top:.75rem;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.admin-upload-list-header{display:flex;align-items:center;justify-content:space-between;background:#f9fafb;padding:.4rem .6rem;font-size:.8125rem;font-weight:600;color:#4b5563}.admin-upload-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;font-size:.84rem;border-top:1px solid #f0f1f3}.admin-upload-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-upload-status{flex-shrink:0;margin-left:.5rem;font-size:.8125rem;color:#6b7280}.admin-upload-done .admin-upload-status{color:#166534}.admin-upload-error .admin-upload-status{color:#dc2626}.admin-nav{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:2px solid #e0e3e8;padding:0 1.5rem;height:54px;gap:1rem}.admin-nav-left{display:flex;align-items:center;gap:1.5rem}.admin-nav-brand{font-size:1.1rem;font-weight:700;color:#1a1a2e;text-decoration:none;white-space:nowrap}.admin-nav-brand:hover{color:#1a56db}.admin-nav-links{display:flex;align-items:center;gap:.25rem}.admin-nav-link{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.875rem;font-weight:500;color:#4b5563;text-decoration:none;border-radius:6px;transition:background .12s ease,color .12s ease}.admin-nav-link:hover{background:#f3f4f6;color:#1a1a2e}.admin-nav-link-active{background:#eef2ff;color:#1a56db}.admin-nav-right{display:flex;align-items:center;gap:.75rem}.admin-nav-tenant{font-size:.84rem;color:#6b7280;font-weight:500;padding-right:.5rem;border-right:1px solid #e5e7eb}.admin-content-area{min-height:calc(100vh - 54px);background:#f5f6f8}.admin-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.admin-theme-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease}.admin-theme-card:hover{box-shadow:0 2px 8px #00000014;border-color:#c7cdd5}.admin-theme-card:focus{outline:2px solid #1a56db;outline-offset:2px}.admin-theme-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.admin-theme-card-name{margin:0;font-size:.95rem;font-weight:600;color:#1a1a2e}.admin-theme-card-badge{display:inline-block;background:#dcfce7;color:#166534;padding:.1rem .5rem;border-radius:10px;font-size:.72rem;font-weight:600;flex-shrink:0}.admin-theme-card-swatches,.admin-theme-preview-swatches{display:flex;gap:.35rem;margin-bottom:.75rem}.admin-theme-swatch{width:28px;height:28px;border-radius:4px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.admin-theme-card-logo{display:block;max-height:40px;max-width:120px;object-fit:contain;margin-bottom:.75rem}.admin-theme-card-actions{display:flex;gap:.35rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid #f0f1f3}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.admin-section-header h2{margin:0}.admin-settings-slug{display:inline-block;background:#f3f4f6;padding:.3rem .6rem;border-radius:4px;font-size:.85rem}.admin-settings-domains{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.35rem}.admin-settings-domains li code{background:#f3f4f6;padding:.15rem .4rem;border-radius:4px;font-size:.82rem}.admin-user-picker{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:.75rem;margin-bottom:1rem}.admin-user-picker-tabs{display:flex;gap:.35rem;align-items:center}.admin-user-picker-fields{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.admin-user-picker-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.admin-content.site-editor-page{max-width:min(1800px,100%)}.site-editor-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:1.25rem;align-items:start}.site-editor-drawer{position:sticky;top:1rem;display:flex;flex-direction:column;max-height:calc(100vh - 7rem);overflow-y:auto;padding-right:.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px}.site-editor-preview{display:flex;flex-direction:column;min-height:720px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.site-editor-preview-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(180deg,#fff,#f8fafc)}.site-editor-preview-header h3{margin:0 0 .2rem;font-size:1rem;color:#111827}.site-editor-preview-header p{margin:0;color:#6b7280;font-size:.86rem}.preview-toolbar{display:inline-flex;align-items:center;gap:.45rem;flex-wrap:wrap}.preview-toolbar .admin-btn{min-width:96px;justify-content:center}.preview-toolbar-active{background:#1a56db;border-color:#1a56db;color:#fff}.preview-toolbar-active:hover{background:#1648b8;border-color:#1648b8}.preview-toolbar-short{display:inline-flex;width:1.1rem;justify-content:center}.site-editor-preview-actions{display:flex;align-items:center;gap:.5rem}.site-editor-preview-viewport{flex:1;overflow:auto;padding:1.25rem;background:radial-gradient(circle at top left,rgba(59,130,246,.08),transparent 28%),linear-gradient(180deg,#f8fafc,#e5edf7)}.site-editor-preview-frame{margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000014;overflow:hidden}.site-editor-preview-scale{transform-origin:top left;overflow:hidden}.site-editor-preview-placeholder{display:grid;place-items:center;min-height:100%;padding:2rem;text-align:center;color:#4b5563;border:1px dashed #bfdbfe;border-radius:16px;background:#fffc}.site-editor-preview-placeholder h3{margin:0 0 .5rem;color:#111827}.site-editor-preview-placeholder p{margin:0;max-width:30rem}.drawer-section{border-bottom:1px solid #e5e7eb}.drawer-section:last-child{border-bottom:none}.drawer-section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border:none;background:transparent;color:#111827;cursor:pointer;font-size:.875rem;font-weight:600}.drawer-section-toggle:hover{background:#f8fafc}.drawer-section-content{padding:0 1rem 1rem}.drawer-section-chevron{color:#6b7280;font-size:1.1rem}.drawer-checkbox{display:inline-flex;align-items:center;gap:.5rem}.drawer-brochure-list{display:flex;flex-direction:column;gap:.75rem}.drawer-brochure-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:.75rem;align-items:start;padding:.75rem;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc}.drawer-brochure-thumb{width:56px;height:56px;object-fit:contain;border-radius:6px;background:#fff}.drawer-brochure-meta{min-width:0;display:flex;flex-direction:column;gap:.4rem}.drawer-brochure-filename{font-size:.78rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-brochure-title-button{border:none;background:none;padding:0;color:#111827;text-align:left;font-size:.9rem;font-weight:600;cursor:pointer}.drawer-brochure-title-button:hover{color:#1a56db}.drawer-brochure-title-input{width:100%;padding:.45rem .55rem;border:1px solid #d0d5dd;border-radius:6px;font-size:.875rem;color:#111827;background:#fff}.site-editor-actions{margin-top:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1rem 1.25rem}@media (max-width: 768px){.admin-header{flex-direction:column;align-items:flex-start;gap:.5rem}.admin-nav{flex-direction:column;height:auto;padding:.5rem 1rem;gap:.5rem}.admin-nav-left{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.admin-nav-right{width:100%;justify-content:flex-end;flex-wrap:wrap}.admin-toolbar{flex-direction:column;align-items:flex-start;gap:.75rem}.admin-toolbar-right{flex-wrap:wrap}.admin-theme-form,.admin-theme-grid{grid-template-columns:1fr}.admin-table{font-size:.8125rem}.site-editor-layout{grid-template-columns:1fr}.site-editor-drawer{position:static;max-height:none;overflow:visible;padding-right:0}.site-editor-preview{min-height:640px}.site-editor-preview-header{flex-direction:column;align-items:flex-start}.preview-toolbar .admin-btn{min-width:auto}.drawer-brochure-item{grid-template-columns:56px minmax(0,1fr)}}.admin-dialog{border:none;border-radius:12px;padding:1.5rem;max-width:420px;width:90vw;box-shadow:0 8px 30px #0000001f;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.admin-dialog::backdrop{background:#0006}.admin-dialog h3{margin:0 0 .5rem;font-size:1.05rem;color:#1a1a2e}.admin-dialog p{margin:0 0 1rem;font-size:.875rem;color:#4b5563}.admin-dialog-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.admin-dialog input[type=text]{width:100%;padding:.5rem .6rem;border:1px solid #d0d5dd;border-radius:6px;font-size:.875rem}.admin-dialog-label{display:block;font-size:.82rem;font-weight:600;color:#374151;margin-bottom:.3rem}.admin-empty-state{display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem;text-align:center}.admin-empty-state svg{color:#d1d5db;margin-bottom:1rem}.admin-empty-state h3{margin:0 0 .5rem;font-size:1.05rem;color:#4b5563;font-weight:600}.admin-empty-state p{margin:0 0 1.25rem;font-size:.875rem;color:#9ca3af;max-width:320px}.admin-site-name{display:flex;flex-direction:column;gap:.15rem}.admin-site-title{font-weight:600;color:#1a1a2e}.admin-site-title-link:hover{color:#4f46e5;text-decoration:underline}.admin-site-slug{font-size:.78rem;color:#9ca3af}.admin-field-hint{font-size:.78rem;color:#9ca3af;font-weight:400;margin-top:-.1rem}.admin-forbidden svg{color:#9ca3af;margin-bottom:1rem}.admin-dropzone svg{margin-bottom:.5rem;opacity:.6}.admin-rich-editor{border:1px solid #d0d5dd;border-radius:6px;overflow:hidden}.admin-rich-toolbar{display:flex;gap:.25rem;padding:.35rem .5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.admin-rich-toolbar-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:4px;background:transparent;color:#4b5563;cursor:pointer}.admin-rich-toolbar-btn:hover{background:#e5e7eb}.admin-rich-toolbar-btn.active{background:#dbeafe;color:#1a56db}.admin-rich-content .tiptap{padding:.5rem .6rem;min-height:80px;font-size:.875rem;outline:none}.admin-rich-content .tiptap p{margin:.25rem 0}.admin-rich-content .tiptap ul{padding-left:1.25rem}.admin-rich-content .tiptap a{color:#1a56db;text-decoration:underline}.admin-color-swatch-wrapper{position:relative}.admin-color-swatch{width:36px;height:36px;border-radius:6px;border:2px solid #d0d5dd;cursor:pointer;transition:border-color .12s ease}.admin-color-swatch:hover{border-color:#1a56db}.admin-color-input-hidden{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.admin-domain-pills{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:0}.admin-domain-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;background:#f0f4ff;color:#1a56db;border-radius:999px;font-size:.8125rem;font-weight:500}.admin-filter-bar{display:flex;gap:.75rem;margin-bottom:1rem}.admin-search-wrapper{display:flex;align-items:center;gap:.5rem;flex:1;max-width:320px;padding:.4rem .6rem;border:1px solid #d0d5dd;border-radius:6px;background:#fff}.admin-search-wrapper svg{color:#9ca3af;flex-shrink:0}.admin-search-input{border:none;outline:none;width:100%;font-size:.875rem;background:transparent}.admin-breadcrumbs{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.admin-breadcrumb-item{display:inline-flex;align-items:center;gap:.25rem}.admin-breadcrumb-item a{color:#1a56db;text-decoration:none}.admin-breadcrumb-item a:hover{text-decoration:underline}.admin-breadcrumb-item:last-child{color:#1a1a2e;font-weight:500}.admin-breadcrumbs svg{color:#d1d5db}.admin-info-cards{display:flex;gap:1rem;margin-bottom:1.5rem}.admin-info-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fff;border:1px solid #e0e3e8;border-radius:8px;flex:1}.admin-info-card svg{color:#6b7280}.admin-info-card-value{font-size:1.5rem;font-weight:700;color:#1a1a2e}.admin-info-card-label{font-size:.8125rem;color:#6b7280}.analytics-trend{display:inline-flex;align-items:center;gap:.2rem;font-size:.75rem;font-weight:500;margin-top:.25rem}.analytics-trend-up{color:#059669}.analytics-trend-down{color:#dc2626}.analytics-chart-container{padding:1rem 0}.analytics-bar-cell{display:flex;align-items:center;gap:.5rem}.analytics-bar{height:6px;background:#3b82f6;border-radius:3px;min-width:2px;transition:width .3s ease}.analytics-activity{font-size:.8125rem;color:#6b7280;cursor:pointer;white-space:nowrap}.analytics-activity:hover{color:#3b82f6}.analytics-brochure-stats{font-size:.75rem;color:#9ca3af;margin-top:.125rem}.upload-progress-bar{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;margin-top:.25rem}.upload-progress-fill{height:100%;background:#3b82f6;border-radius:2px;transition:width .2s ease}.upload-summary{display:flex;gap:1rem;padding:.75rem 1rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;font-size:.8125rem;color:#166534;margin-top:.5rem}.upload-summary-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.qr-dialog-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0}.qr-dialog-image{border:1px solid #e0e3e8;border-radius:8px;padding:1rem;background:#fff}.qr-dialog-url{font-size:.8125rem;color:#6b7280;word-break:break-all;text-align:center}.qr-dialog-actions{display:flex;gap:.5rem}.admin-status-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500}.admin-status-active{background:#d1fae5;color:#065f46}.admin-status-disabled{background:#fde8e8;color:#9b1c1c}.admin-domain-editor-input{display:flex;gap:.5rem;margin-bottom:.5rem}.admin-domain-editor-input input{flex:1}.admin-domain-pill-remove{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:#1a56db;cursor:pointer;padding:0;margin-left:.15rem;opacity:.7}.admin-domain-pill-remove:hover{opacity:1}:root{--color-accent: #1571AB;--color-accent-hover: #115d8a;--color-download: #383431;--color-download-hover: #404040;--color-danger: #c00;--color-dark: #383431;--color-light: #f2f4f7;--color-text: #333;--color-text-light: #ccc;--color-white: #fff;--color-overlay: rgba(56, 52, 49, .9);--card-size: 200px;--card-size-featured: 340px;--header-height: 180px;--content-max-width: 1200px;--content-padding: 2rem;--gap-large: 3rem;--gap-medium: 1.5rem;--gap-small: 1rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden;height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--color-light);color:var(--color-text);line-height:1.5;overflow-x:hidden;min-height:100%;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:200px 1fr 200px;align-items:center;background:var(--color-white);color:var(--color-text);padding:.75rem 1.5rem;box-shadow:0 2px 8px #00000026;min-height:80px;border-bottom:3px solid var(--color-accent)}.header-logo{display:flex;align-items:center;justify-self:start}.header-logo img{height:50px;width:auto;object-fit:contain}.header-right{display:flex;align-items:center;justify-self:end}.partner-logo{max-height:90px;width:auto;object-fit:contain;display:block}.header-title{justify-self:center;text-align:center;margin:0;font-size:2rem;font-weight:700;color:var(--color-accent);line-height:1.25;max-width:min(70ch,90%);word-break:break-word;overflow-wrap:anywhere;letter-spacing:.02em}.content-row{display:grid;grid-template-columns:var(--card-size-featured) 1fr;align-items:start;gap:var(--gap-large);max-width:var(--content-max-width);margin:0 auto;padding:2rem var(--content-padding) 0}.content-row>.grid:only-child{grid-column:1 / -1;justify-self:center}.grid{display:grid;grid-template-columns:repeat(3,var(--card-size));gap:var(--gap-medium)}.card{position:relative;width:var(--card-size);background:var(--color-white);border-radius:8px;box-shadow:0 1px 6px #0000001a;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{transform:translateY(-3px);box-shadow:0 3px 12px #0000002e}.thumb{width:var(--card-size);height:var(--card-size);overflow:hidden;background:var(--color-white);transition:transform var(--transition-slow)}.thumb img{width:100%;height:100%;object-fit:contain}.card .info{padding:.6rem .8rem .9rem;text-align:center;min-height:3.2rem}.card .card-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text);line-height:1.3;word-break:break-word}.featured-card{--card-size: var(--card-size-featured);position:relative;width:var(--card-size);z-index:2}.featured-card .thumb{width:var(--card-size-featured);height:var(--card-size-featured)}.overlay-side{position:absolute;top:0;right:0;width:100%;height:100%;background:var(--color-overlay);color:var(--color-white);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:.6rem;opacity:0;visibility:hidden;pointer-events:none;transform:translate(12px);transition:opacity var(--transition-normal),transform var(--transition-normal),visibility 0s linear .25s}.card:not(.featured-card):hover .thumb{transform:translate(-100%)}.card:not(.featured-card):hover .overlay-side{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0);transition-delay:0s}.featured-card .overlay-side{left:0;transform:none;transition:opacity var(--transition-slow),visibility 0s linear .3s}.featured-card:hover .overlay-side{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.featured-card:hover .thumb{transform:none}.overlay-side .button-group{width:100%;max-width:160px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center}.overlay-side .btn,.overlay-side .btn-download{width:100%;padding:.7rem 1rem;font-size:.95rem;text-align:center;display:inline-flex;justify-content:center;align-items:center}.btn{text-decoration:none;background:var(--color-accent);color:var(--color-white);padding:1rem 2.2rem;border-radius:10px;display:inline-block;font-size:1.2rem;font-weight:600;box-shadow:0 3px 8px #00000059;transition:transform var(--transition-fast),background var(--transition-fast);cursor:pointer;border:none}.btn:hover{background:var(--color-accent-hover);transform:scale(1.08)}.btn-download{background:var(--color-download)}.btn-download:hover{background:var(--color-download-hover)}.btn-sm{padding:.5rem 1rem;font-size:.9rem;border-radius:8px}.actions-mobile{display:none;padding:.6rem;gap:.6rem;justify-content:center;flex-wrap:wrap;align-items:center;text-align:center}.banner-outer{margin-top:auto;display:flex;justify-content:flex-end;width:100%;padding-right:2rem;padding-top:1rem;padding-bottom:1rem}.collection-banner{background:var(--color-banner);color:var(--color-white);padding:1.2rem 1.5rem;border-radius:8px;max-width:420px;box-shadow:0 3px 12px #00000040}.collection-banner h3{margin:0 0 .3rem;font-size:1.2rem;font-weight:700}.collection-banner p{margin:0;font-size:.9rem;line-height:1.4}.collection-banner a{color:var(--color-white);font-weight:700;text-decoration:underline}.collection-banner a:hover{color:#ffefef}.site-footer{text-align:center;color:var(--color-text-light);background:var(--color-dark);padding:1.2rem .75rem;font-size:.9rem}@media (min-width: 1201px){.header-title{font-size:2.8rem;max-width:75%}}@media (min-width: 1601px){:root{--card-size: 280px;--card-size-featured: 476px;--content-max-width: 1600px;--content-padding: 3rem}.overlay-side .button-group{max-width:220px;gap:.75rem}.overlay-side .btn,.overlay-side .btn-download{padding:1rem 1.8rem;font-size:1.15rem}}@media (min-width: 2201px){:root{--card-size: 320px;--card-size-featured: 544px;--content-max-width: 1900px;--content-padding: 4rem}.overlay-side .button-group{max-width:250px;gap:1rem}.overlay-side .btn,.overlay-side .btn-download{padding:1.2rem 2rem;font-size:1.25rem}}@media (min-width: 901px) and (max-width: 1200px){:root{--content-padding: 2rem}.content-row{gap:var(--gap-medium)}}@media (max-width: 900px){:root{--header-height: 160px;--content-padding: 1.5rem}.header-title{font-size:1.7rem;max-width:min(65ch,90%)}.content-row{grid-template-columns:1fr;justify-items:center;gap:var(--gap-medium)}.grid{grid-template-columns:repeat(2,var(--card-size));justify-content:center}.banner-outer{justify-content:center;padding-right:0}}@media (max-width: 600px){:root{--card-size: 160px;--card-size-featured: 220px;--content-padding: 1rem}.site-header{min-height:auto;padding:.75rem 1rem;grid-template-columns:80px 1fr}.header-logo img{height:30px}.header-right{display:none}.header-title{font-size:1.1rem;max-width:100%;justify-self:center}.content-row{grid-template-columns:1fr;justify-items:center}.featured-card{width:var(--card-size-featured)}.featured-card .thumb{width:var(--card-size-featured);height:var(--card-size-featured)}.grid{grid-template-columns:repeat(2,var(--card-size));gap:var(--gap-small)}.card{width:var(--card-size)}.thumb{width:var(--card-size);height:var(--card-size)}.banner-outer{justify-content:center}.collection-banner{width:calc(100vw - 32px);max-width:none}.btn,.actions-mobile .btn{font-size:.9rem;padding:.6rem 1.2rem;border-radius:8px}}@media (hover: none),(pointer: coarse){.overlay-side{display:none!important}.actions-mobile{display:flex}.card:hover .thumb{transform:none}}@media (max-width: 900px){.overlay-side{display:none!important}.actions-mobile{display:flex}}@media (min-width: 901px){.content-row>.grid:only-child{grid-template-columns:repeat(3,260px)}.content-row>.grid:only-child .card,.content-row>.grid:only-child .thumb{width:260px;height:auto}.content-row>.grid:only-child .thumb{height:260px}}@media (min-width: 1601px){.content-row>.grid:only-child{grid-template-columns:repeat(3,320px)}.content-row>.grid:only-child .card,.content-row>.grid:only-child .thumb{width:320px;height:auto}.content-row>.grid:only-child .thumb{height:320px}}@media (min-width: 2201px){.content-row>.grid:only-child{grid-template-columns:repeat(3,380px)}.content-row>.grid:only-child .card,.content-row>.grid:only-child .thumb{width:380px;height:auto}.content-row>.grid:only-child .thumb{height:380px}}