.shop-demo{margin:24px 0;border:1px solid var(--site-border,#465164);border-radius:14px;overflow:hidden}.shop-demo-tools{padding:12px;display:flex;gap:12px;align-items:center;justify-content:space-between}.shop-demo button{cursor:pointer;min-height:40px;border:1px solid #64748b;border-radius:8px;padding:6px 12px}.shop-demo-stage{background:#0e1525;color:#f5f5fa;padding:16px;min-height:440px;margin:auto;box-sizing:border-box;max-width:100%}.shop-demo-stage[data-phone]{width:340px;min-height:580px}.shop-demo-panel{padding:12px;border-radius:12px;background:#131926;background-size:contain;background-position:center;background-repeat:no-repeat;max-width:760px;margin:auto}.shop-demo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.shop-demo-head strong{overflow-wrap:anywhere}.shop-demo-head button{flex-shrink:0;background:transparent;padding:0;color:#fff}.shop-demo-products{max-height:350px;overflow:auto;display:grid;gap:8px}.shop-demo-product{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;padding:8px;background:#222c3d;border-radius:8px;align-items:start}.shop-demo-product strong{display:block;overflow-wrap:anywhere;margin-bottom:6px}.shop-demo-product button{background:#2e4770;color:#fff;max-width:100%;overflow-wrap:anywhere}.shop-demo-panel p{font-size:13px;line-height:1.4;min-height:36px}.shop-demo-open{background:#2e4770;color:#fff;margin-top:12px}.shop-editor{display:grid;gap:12px;padding:12px;min-width:0}.shop-editor label{display:grid;gap:4px;min-width:0}.shop-editor input,.shop-editor select{width:100%;min-width:0;padding:8px;border:1px solid #64748b;border-radius:6px;background:var(--site-bg,#151e2b);color:inherit}.shop-editor-item{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8px}.shop-editor p{font-size:13px}.studio-layout-choice{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0}.cpanel-delivery{padding:12px;border:1px solid #64748b;border-radius:10px;margin-bottom:12px}.cpanel-delivery ul{padding-left:20px}.cpanel-delivery p{margin:6px 0;font-size:13px}.shop-editor input,.shop-editor select{font-size:16px;min-height:44px}.studio-layout-choice label{display:flex;align-items:center;gap:8px;min-height:44px}.studio-layout-choice input[type=radio]{width:24px;height:24px;flex-shrink:0}.studio-import{min-width:0;margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:.75rem;color:var(--text)}.studio-import summary{font-weight:650;cursor:pointer;min-height:1.75rem}.studio-import ol{padding-left:1.25rem;margin:.75rem 0}.studio-import li{margin:.5rem 0}.studio-id-list{display:grid;gap:.75rem;margin:1rem 0}.studio-id-list label{display:grid;gap:.375rem;overflow-wrap:anywhere;font-size:.875rem}.studio-id-list input,.studio-code{box-sizing:border-box;width:100%;min-width:0;padding:.625rem;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:.5rem;font:inherit;font-size:1rem}.studio-id-list input[aria-invalid=true]{border-color:var(--danger)}.studio-code{font-family:monospace;resize:vertical}.studio-buttons{display:flex;flex-wrap:wrap;gap:.625rem}.studio-buttons .site-button{white-space:normal;min-height:2.75rem}.studio-import input:focus-visible,.studio-code:focus-visible{outline:2px solid var(--electric);outline-offset:2px}