.admin-dock.svelte-181qdgq.svelte-181qdgq{position:fixed;bottom:16px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:calc(100vw - 32px)}.admin-dock.svelte-181qdgq .admin-pill.svelte-181qdgq{pointer-events:auto;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;color:var(--color-sidebar-text);background:#0f172a59;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(15,23,42,.35);border-radius:var(--radius-full);text-decoration:none;font-weight:600;width:232px}.admin-dock.svelte-181qdgq .admin-pill.svelte-181qdgq:hover{background:#0284c759;border-color:#0284c773}.dock-panel.svelte-181qdgq.svelte-181qdgq{position:absolute;bottom:70px;right:0;pointer-events:auto;width:232px;max-width:232px;max-height:70vh;overflow:auto;overflow-x:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:10px 10px 12px;box-shadow:var(--shadow-lg);animation:svelte-181qdgq-dockIn .16s ease-out}@keyframes svelte-181qdgq-dockIn{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.dock-header.svelte-181qdgq.svelte-181qdgq{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin:2px 2px 8px;padding:6px 6px 8px;border-bottom:1px solid var(--color-border)}.admin-actions.svelte-181qdgq.svelte-181qdgq{display:flex;flex-direction:column;gap:6px}.admin-section.svelte-181qdgq.svelte-181qdgq{margin:0}.admin-btn.svelte-181qdgq.svelte-181qdgq{width:100%;display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;text-align:left;transition:var(--transition-all)}.admin-btn.svelte-181qdgq .icon.svelte-181qdgq{width:16px;height:16px}.admin-btn.svelte-181qdgq.svelte-181qdgq:hover{background:var(--color-surface-subtle);border-color:var(--color-text-tertiary)}.admin-btn.svelte-181qdgq.svelte-181qdgq:focus{outline:none;box-shadow:0 0 0 3px #0284c72e}.admin-btn-primary.svelte-181qdgq.svelte-181qdgq{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.admin-btn-primary.svelte-181qdgq.svelte-181qdgq:hover{background:var(--color-surface-subtle);border-color:var(--color-text-tertiary)}.admin-btn-secondary.svelte-181qdgq.svelte-181qdgq{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.admin-btn-secondary.svelte-181qdgq.svelte-181qdgq:hover{background:var(--color-surface-subtle)}.admin-btn-accent.svelte-181qdgq.svelte-181qdgq{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.admin-btn-accent.svelte-181qdgq.svelte-181qdgq:hover{background:var(--color-surface-subtle);border-color:var(--color-text-tertiary)}.admin-btn-warning.svelte-181qdgq.svelte-181qdgq{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.admin-btn-warning.svelte-181qdgq.svelte-181qdgq:hover{background:var(--color-surface-subtle);border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.admin-btn-warning.svelte-181qdgq.svelte-181qdgq:focus{outline:none;box-shadow:0 0 0 3px #0284c738}.modal-overlay.svelte-181qdgq.svelte-181qdgq{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px}.modal.svelte-181qdgq.svelte-181qdgq{background:#fff;width:min(98vw,900px);max-height:90vh;overflow:auto;border-radius:12px;box-shadow:0 20px 60px #00000059;animation:svelte-181qdgq-modalIn .18s ease-out}@keyframes svelte-181qdgq-modalIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header.svelte-181qdgq.svelte-181qdgq{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e5e7eb}.modal-body.svelte-181qdgq.svelte-181qdgq{padding:16px}.modal-footer.svelte-181qdgq.svelte-181qdgq{padding:12px 16px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:8px}.modal-close.svelte-181qdgq.svelte-181qdgq{background:#ef4444;color:#fff;border:none;border-radius:6px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;transition:background-color .15s ease}.modal-close.svelte-181qdgq.svelte-181qdgq:hover{background:#dc2626}.modal.svelte-181qdgq .admin-btn-secondary.svelte-181qdgq{background:#f3f4f6;color:#111827;border:1px solid #e5e7eb;border-radius:8px;padding:10px 16px}.modal.svelte-181qdgq .admin-btn-secondary.svelte-181qdgq:hover{background:#e5e7eb}.manual-form.svelte-181qdgq.svelte-181qdgq{display:flex;flex-direction:column;gap:12px}.form-row.svelte-181qdgq.svelte-181qdgq{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center}.col-span-all.svelte-181qdgq.svelte-181qdgq{grid-column:1 / -1}.form-row-products.svelte-181qdgq.svelte-181qdgq{grid-template-columns:1fr;align-items:start}.all-products-header.svelte-181qdgq.svelte-181qdgq{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.all-products-header.svelte-181qdgq .search-input.svelte-181qdgq{width:100%;max-width:320px}@media (max-width: 640px){.all-products-header.svelte-181qdgq.svelte-181qdgq{flex-direction:column;align-items:stretch;gap:8px}.all-products-header.svelte-181qdgq .search-input.svelte-181qdgq{max-width:none}}.form-row-labels.svelte-181qdgq.svelte-181qdgq{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;font-size:.85rem;color:#6b7280;font-weight:500;margin-bottom:4px;padding:0}.manual-header.svelte-181qdgq.svelte-181qdgq{text-align:left}.manual-input.svelte-181qdgq.svelte-181qdgq{border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:14px;transition:border-color .15s ease}.manual-input.svelte-181qdgq.svelte-181qdgq:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.manual-input-small.svelte-181qdgq.svelte-181qdgq{width:100%}.manual-add-btn.svelte-181qdgq.svelte-181qdgq{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:500;transition:background-color .15s ease}.manual-add-btn.svelte-181qdgq.svelte-181qdgq:hover:not(:disabled){background:#1d4ed8}.manual-add-btn.svelte-181qdgq.svelte-181qdgq:disabled{opacity:.5;cursor:not-allowed}.manual-items.svelte-181qdgq.svelte-181qdgq{border-top:1px dashed #e5e7eb;padding-top:8px}.manual-item.svelte-181qdgq.svelte-181qdgq{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;padding:6px 0}.profile-form-title.svelte-181qdgq.svelte-181qdgq{margin:0 0 6px;font-size:1rem;font-weight:600}.profile-form-description.svelte-181qdgq.svelte-181qdgq{margin:0 0 10px;color:#4b5563;font-size:.9rem}.profile-form-grid.svelte-181qdgq.svelte-181qdgq{display:grid;grid-template-columns:1fr;gap:10px}.profile-form-group.svelte-181qdgq.svelte-181qdgq{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.profile-form-label.svelte-181qdgq.svelte-181qdgq{color:#111827;font-weight:500}.profile-form-input.svelte-181qdgq.svelte-181qdgq{border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px}.profile-form-unit.svelte-181qdgq.svelte-181qdgq{color:#6b7280}.profile-form-actions.svelte-181qdgq.svelte-181qdgq{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.profile-form-error.svelte-181qdgq.svelte-181qdgq{color:#b91c1c;margin-top:6px}.profile-form-success.svelte-181qdgq.svelte-181qdgq{color:#065f46;margin-top:6px}.product-mode-toggle.svelte-181qdgq.svelte-181qdgq{display:flex;gap:16px;padding:8px 0;border-bottom:1px solid #e5e7eb;margin-bottom:8px}.toggle-option.svelte-181qdgq.svelte-181qdgq{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:#374151}.toggle-option.svelte-181qdgq input[type=radio].svelte-181qdgq{margin:0;accent-color:#3b82f6}.toggle-option.svelte-181qdgq.svelte-181qdgq:hover{color:#111827}.product-option.svelte-181qdgq.svelte-181qdgq{padding:10px 12px;cursor:pointer;border-bottom:1px solid #f3f4f6;border-left:3px solid transparent;transition:background-color .15s ease,border-color .15s ease;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:4px}.product-option.svelte-181qdgq.svelte-181qdgq:hover,.product-option.svelte-181qdgq.svelte-181qdgq:focus-visible{background-color:#eef2ff;border-left-color:#3b82f6;outline:none}.product-option.svelte-181qdgq.svelte-181qdgq:last-child{border-bottom:none}.product-name.svelte-181qdgq.svelte-181qdgq{font-size:14px;color:#111827;font-weight:500;margin-bottom:2px}.product-price.svelte-181qdgq.svelte-181qdgq{font-size:12px;color:#6b7280;font-weight:600}.all-products-section.svelte-181qdgq.svelte-181qdgq{margin-top:16px;border-top:1px solid #e5e7eb;padding-top:12px}.products-list-title.svelte-181qdgq.svelte-181qdgq{margin:0 0 8px;font-size:14px;font-weight:600;color:#374151}.all-products-list.svelte-181qdgq.svelte-181qdgq{max-height:420px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.product-option-small.svelte-181qdgq.svelte-181qdgq{padding:8px 10px;font-size:13px}.product-option-small.svelte-181qdgq .product-name.svelte-181qdgq{font-size:13px;margin-bottom:1px}.product-option-small.svelte-181qdgq .product-price.svelte-181qdgq{font-size:11px}.current-components-section.svelte-181qdgq.svelte-181qdgq{margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.section-header.svelte-181qdgq.svelte-181qdgq{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.section-header.svelte-181qdgq h5.svelte-181qdgq{margin:0;font-size:15px;font-weight:600;color:#374151}.clear-all-btn.svelte-181qdgq.svelte-181qdgq{font-size:13px;padding:6px 10px;white-space:nowrap}.current-components-list.svelte-181qdgq.svelte-181qdgq{max-height:260px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.current-component-item.svelte-181qdgq.svelte-181qdgq{padding:10px 12px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between;gap:8px}.current-component-item.svelte-181qdgq.svelte-181qdgq:last-child{border-bottom:none}.component-name.svelte-181qdgq.svelte-181qdgq{font-size:14px;color:#111827;font-weight:500;flex:1}.component-details.svelte-181qdgq.svelte-181qdgq{display:flex;align-items:center;gap:12px;font-size:12px}.component-qty.svelte-181qdgq.svelte-181qdgq{color:#6b7280;font-weight:500}.component-price.svelte-181qdgq.svelte-181qdgq{color:#059669;font-weight:600}.qty-actions.svelte-181qdgq.svelte-181qdgq{display:inline-flex;align-items:center;gap:6px;margin-left:auto}.qty-input.svelte-181qdgq.svelte-181qdgq{width:64px;height:28px;padding:0 6px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;text-align:center}.qty-input.svelte-181qdgq.svelte-181qdgq:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.icon-btn.svelte-181qdgq.svelte-181qdgq{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;background:#fff;border-radius:6px;color:#374151;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.icon-btn.svelte-181qdgq .icon.svelte-181qdgq{width:16px;height:16px}.icon-btn.svelte-181qdgq.svelte-181qdgq:hover{background:#f3f4f6;border-color:#d1d5db}.icon-btn-minus.svelte-181qdgq.svelte-181qdgq{color:#374151}.icon-btn-plus.svelte-181qdgq.svelte-181qdgq{color:#2563eb;border-color:#dbeafe}.icon-btn-plus.svelte-181qdgq.svelte-181qdgq:hover{background:#eff6ff;border-color:#3b82f6}.icon-btn-remove.svelte-181qdgq.svelte-181qdgq{color:#b91c1c;border-color:#fee2e2}.icon-btn-remove.svelte-181qdgq.svelte-181qdgq:hover{background:#fef2f2;border-color:#ef4444}.admin-functions.svelte-181qdgq.svelte-181qdgq{margin:0}.system-visualization.svelte-1006z9p.svelte-1006z9p{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl)}.system-visualization.compact.svelte-1006z9p.svelte-1006z9p{background:transparent;border:none;border-radius:0;padding:0;margin:0;box-shadow:none;width:100%}.system-visualization.compact.svelte-1006z9p .visualization-content.svelte-1006z9p{width:100%}.visualization-header.svelte-1006z9p.svelte-1006z9p{margin-bottom:1rem}.visualization-header.svelte-1006z9p h3.svelte-1006z9p{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.system-info.svelte-1006z9p.svelte-1006z9p{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.system-symbol.svelte-1006z9p.svelte-1006z9p{font-family:Monaco,Menlo,monospace;font-size:.875rem;background:var(--color-primary);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-md);font-weight:600;letter-spacing:.01em}.orientation-badge.svelte-1006z9p.svelte-1006z9p{font-size:.75rem;padding:.25rem .6rem;border-radius:var(--radius-md);font-weight:600;border:1px solid transparent;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.orientation-badge.horizontal.svelte-1006z9p.svelte-1006z9p{background:var(--color-primary-soft);color:var(--color-primary);border-color:#0284c740}.orientation-badge.vertical.svelte-1006z9p.svelte-1006z9p{background:#0f172a14;color:var(--color-text-primary);border-color:#0f172a1f}.orientation-badge.svelte-1006z9p.svelte-1006z9p:hover,.orientation-badge.svelte-1006z9p.svelte-1006z9p:focus{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a1f}.visualization-content.svelte-1006z9p.svelte-1006z9p{min-height:300px;display:flex;align-items:center;justify-content:center}.loading-state.svelte-1006z9p.svelte-1006z9p{text-align:center;color:#64748b}.loading-spinner.svelte-1006z9p.svelte-1006z9p{width:40px;height:40px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:svelte-1006z9p-spin 1s linear infinite;margin:0 auto 1rem}@keyframes svelte-1006z9p-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-visualization.svelte-1006z9p.svelte-1006z9p,.no-system-selected.svelte-1006z9p.svelte-1006z9p{text-align:center;color:#64748b;padding:2rem}.no-viz-icon.svelte-1006z9p.svelte-1006z9p,.placeholder-icon.svelte-1006z9p.svelte-1006z9p{color:#94a3b8;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.placeholder-icon.svelte-1006z9p svg.svelte-1006z9p{color:inherit;width:64px;height:64px;display:inline-block;stroke:currentColor}.no-visualization.svelte-1006z9p h4.svelte-1006z9p,.no-system-selected.svelte-1006z9p h3.svelte-1006z9p{font-size:1.125rem;font-weight:600;color:#475569;margin:0 0 .5rem}.image-container.svelte-1006z9p.svelte-1006z9p{position:relative;width:100%;display:flex;align-items:center;justify-content:center;min-height:300px}.system-image.svelte-1006z9p.svelte-1006z9p{display:block;width:100%;max-width:100%;height:auto;max-height:500px;-o-object-fit:contain;object-fit:contain;border-radius:12px;box-shadow:0 8px 25px -5px #0000001a;transition:transform .2s ease}.system-image.svelte-1006z9p.svelte-1006z9p:hover{transform:scale(1.01)}.system-visualization.compact.svelte-1006z9p .image-container.svelte-1006z9p{width:100%;min-height:clamp(420px,70vw,600px)}.system-visualization.compact.svelte-1006z9p .system-image.svelte-1006z9p{width:auto;max-width:100%;height:100%;max-height:clamp(420px,70vw,600px);border-radius:16px;-o-object-fit:contain;object-fit:contain}.image-controls.svelte-1006z9p.svelte-1006z9p{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;background:#000000b3;padding:.5rem 1rem;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-btn.svelte-1006z9p.svelte-1006z9p{background:transparent;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-btn.svelte-1006z9p svg.svelte-1006z9p{width:16px;height:16px}.nav-btn.svelte-1006z9p.svelte-1006z9p:hover{background:#fff3}.image-icon.svelte-1006z9p.svelte-1006z9p{display:flex;align-items:center;justify-content:center;color:#ffffffb3;flex-shrink:0}.image-icon.svelte-1006z9p svg.svelte-1006z9p{width:18px;height:18px}.image-indicators.svelte-1006z9p.svelte-1006z9p{display:flex;gap:.375rem;flex-shrink:0}.image-indicators.svelte-1006z9p .indicator.svelte-1006z9p{width:6px!important;height:6px!important;min-width:6px!important;min-height:6px!important;max-width:6px!important;max-height:6px!important;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:background-color .2s ease;padding:0!important;margin:0;flex-shrink:0;box-sizing:border-box}.image-indicators.svelte-1006z9p .indicator.active.svelte-1006z9p{background:#fff}.image-counter.svelte-1006z9p.svelte-1006z9p{position:absolute;top:1rem;right:1rem;background:#000000b3;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.system-visualization.svelte-1006z9p.svelte-1006z9p{padding:1rem}.system-visualization.compact.svelte-1006z9p.svelte-1006z9p{padding:0}.image-container.svelte-1006z9p.svelte-1006z9p{min-height:250px}.system-image.svelte-1006z9p.svelte-1006z9p{max-height:350px}.system-visualization.compact.svelte-1006z9p .image-container.svelte-1006z9p{min-height:clamp(360px,90vw,520px)}.system-visualization.compact.svelte-1006z9p .system-image.svelte-1006z9p{max-height:clamp(360px,90vw,520px);-o-object-fit:contain;object-fit:contain}.system-info.svelte-1006z9p.svelte-1006z9p{flex-direction:column;align-items:flex-start}.image-controls.svelte-1006z9p.svelte-1006z9p{bottom:.5rem;padding:.375rem .625rem;gap:.5rem}.nav-btn.svelte-1006z9p.svelte-1006z9p{padding:.125rem}.nav-btn.svelte-1006z9p svg.svelte-1006z9p{width:14px;height:14px}.image-icon.svelte-1006z9p svg.svelte-1006z9p{width:14px;height:14px}.image-indicators.svelte-1006z9p.svelte-1006z9p{gap:.25rem}.image-indicators.svelte-1006z9p .indicator.svelte-1006z9p{width:5px!important;height:5px!important;min-width:5px!important;min-height:5px!important;max-width:5px!important;max-height:5px!important}.image-counter.svelte-1006z9p.svelte-1006z9p{top:.5rem;right:.5rem;font-size:.625rem;padding:.125rem .5rem}}@media (max-width: 480px){.image-container.svelte-1006z9p.svelte-1006z9p{min-height:200px}.system-image.svelte-1006z9p.svelte-1006z9p{max-height:280px}.system-visualization.compact.svelte-1006z9p .image-container.svelte-1006z9p{min-height:clamp(320px,105vw,480px)}.system-visualization.compact.svelte-1006z9p .system-image.svelte-1006z9p{max-height:clamp(320px,105vw,480px);-o-object-fit:contain;object-fit:contain}.image-controls.svelte-1006z9p.svelte-1006z9p{padding:.25rem .5rem;gap:.375rem}.nav-btn.svelte-1006z9p svg.svelte-1006z9p{width:12px;height:12px}.image-icon.svelte-1006z9p svg.svelte-1006z9p{width:12px;height:12px}.image-indicators.svelte-1006z9p .indicator.svelte-1006z9p{width:4px!important;height:4px!important;min-width:4px!important;min-height:4px!important;max-width:4px!important;max-height:4px!important}}.panel-orientation-visualization.svelte-1nhun1c.svelte-1nhun1c{background:var(--color-surface);border-radius:12px;padding:24px;border:1px solid var(--color-border);margin-top:24px}.orientation-header.svelte-1nhun1c.svelte-1nhun1c{margin-bottom:20px}.orientation-title.svelte-1nhun1c.svelte-1nhun1c{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.orientation-subtitle.svelte-1nhun1c.svelte-1nhun1c{font-size:14px;color:#6b7280;margin:0}.orientation-controls.svelte-1nhun1c.svelte-1nhun1c{display:flex;gap:16px;margin-bottom:24px}.orientation-button.svelte-1nhun1c.svelte-1nhun1c{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;color:var(--color-text-secondary)}.orientation-button.svelte-1nhun1c.svelte-1nhun1c:hover{background:var(--color-primary-soft);border-color:var(--color-primary-light);color:var(--color-text-primary)}.orientation-button.active.svelte-1nhun1c.svelte-1nhun1c{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-text-primary);box-shadow:0 0 0 2px #0284c71f}.orientation-button.disabled.svelte-1nhun1c.svelte-1nhun1c{background:var(--color-surface-subtle);border-color:var(--color-border);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6}.orientation-button.disabled.svelte-1nhun1c.svelte-1nhun1c:hover{background:var(--color-surface-subtle);border-color:var(--color-border);color:var(--color-text-tertiary)}.restriction-note.svelte-1nhun1c.svelte-1nhun1c{font-size:11px;color:#ef4444;font-weight:500;margin-top:4px}.orientation-icon.svelte-1nhun1c.svelte-1nhun1c{width:48px;height:32px;display:flex;align-items:center;justify-content:center}.panel-shape.svelte-1nhun1c.svelte-1nhun1c{background:#64748b;border-radius:2px;transition:all .2s ease}.panel-shape.portrait.svelte-1nhun1c.svelte-1nhun1c{width:20px;height:28px}.panel-shape.landscape.svelte-1nhun1c.svelte-1nhun1c{width:28px;height:20px}.orientation-button.active.svelte-1nhun1c .panel-shape.svelte-1nhun1c{background:var(--color-primary)}.orientation-button.svelte-1nhun1c small.svelte-1nhun1c{font-size:12px;color:var(--color-text-tertiary)}.orientation-button.active.svelte-1nhun1c small.svelte-1nhun1c{color:var(--color-primary)}.panel-preview-container.svelte-1nhun1c.svelte-1nhun1c{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.panel-preview-3d.svelte-1nhun1c.svelte-1nhun1c{display:flex;justify-content:center;align-items:center;min-height:200px;perspective:1000px}.panel-3d.svelte-1nhun1c.svelte-1nhun1c{position:relative;transform-style:preserve-3d;transform:rotateX(-10deg) rotateY(15deg);transition:transform .3s ease;width:var(--panel-width);height:var(--panel-height)}.panel-face.svelte-1nhun1c.svelte-1nhun1c{position:absolute;border-radius:4px}.panel-front.svelte-1nhun1c.svelte-1nhun1c{width:100%;height:100%;background:linear-gradient(135deg,#1e3a8a,#3b82f6,#1e40af);transform:translateZ(calc(var(--thickness) / 2));border:2px solid #1e40af}.panel-side.svelte-1nhun1c.svelte-1nhun1c{width:var(--thickness);height:100%;background:linear-gradient(90deg,#1e40af,#1e3a8a);transform:rotateY(90deg) translateZ(calc(100% - var(--thickness) / 2));right:0}.panel-top.svelte-1nhun1c.svelte-1nhun1c{width:100%;height:var(--thickness);background:linear-gradient(180deg,#3b82f6,#1e40af);transform:rotateX(90deg) translateZ(calc(100% - var(--thickness) / 2));top:0}.panel-grid.svelte-1nhun1c.svelte-1nhun1c{display:grid;grid-template-rows:repeat(6,1fr);gap:1px;height:100%;padding:4px}.panel-row.svelte-1nhun1c.svelte-1nhun1c{display:grid;grid-template-columns:repeat(10,1fr);gap:1px}.panel-cell.svelte-1nhun1c.svelte-1nhun1c{background:#ffffff1a;border-radius:1px}.panel-frame-border.svelte-1nhun1c.svelte-1nhun1c{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid rgba(255,255,255,.3);border-radius:4px;pointer-events:none}.panel-dimensions-display.svelte-1nhun1c.svelte-1nhun1c{background:#f9fafb;border-radius:8px;padding:20px}.dimension-info.svelte-1nhun1c.svelte-1nhun1c{display:flex;flex-direction:column;gap:12px}.dimension-item.svelte-1nhun1c.svelte-1nhun1c{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb}.dimension-item.svelte-1nhun1c.svelte-1nhun1c:last-child{border-bottom:none}.dimension-label.svelte-1nhun1c.svelte-1nhun1c{font-size:14px;color:#6b7280;font-weight:500}.dimension-value.svelte-1nhun1c.svelte-1nhun1c{font-size:14px;color:#111827;font-weight:600}.orientation-value.svelte-1nhun1c.svelte-1nhun1c{color:var(--color-primary);font-weight:600}@media (max-width: 768px){.panel-preview-container.svelte-1nhun1c.svelte-1nhun1c{grid-template-columns:1fr;gap:16px}.orientation-controls.svelte-1nhun1c.svelte-1nhun1c{flex-direction:column}}