@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #f7f7f8;--bg-secondary: #ffffff;--bg-message-user: #2b2b2b;--bg-message-assistant: #ffffff;--text-primary: #1a1a1a;--text-secondary: #6b6b6b;--text-inverse: #ffffff;--border-light: #e5e5e5;--border-medium: #d9d9e3;--accent-primary: #1a1a1a;--accent-hover: #3d3d3d;--accent-disabled: #d9d9e3;--shadow-sm: 0 -2px 10px rgba(0, 0, 0, .05);--shadow-md: 0 2px 10px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary)}#root{min-height:100vh;display:flex;flex-direction:column}.chat-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary)}.chat-header{padding:1rem 1.5rem;background-color:var(--bg-secondary);color:var(--text-primary);text-align:center;border-bottom:1px solid var(--border-light)}.chat-header h1{font-size:1.25rem;font-weight:600}.messages-container{flex:1;padding:2rem 1rem 8rem;display:flex;flex-direction:column;gap:1rem;max-width:800px;margin:0 auto;width:100%}.empty-state{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-secondary);text-align:center;gap:.5rem}.empty-state p{margin:0}.message{padding:1rem 1.25rem;border-radius:18px;max-width:70%;word-wrap:break-word;line-height:1.5}.message.user{align-self:flex-end;background-color:var(--bg-message-user);color:var(--text-inverse);margin-left:auto}.message.assistant{align-self:flex-start;background-color:var(--bg-message-assistant);color:var(--text-primary);border:1px solid var(--border-light)}.message p{margin:.5rem 0}.message p:first-child{margin-top:0}.message p:last-child{margin-bottom:0}.message ul,.message ol{margin:.5rem 0;padding-left:1.5rem}.message li{margin:.25rem 0}.message strong{font-weight:600}.message img{max-width:100%;border-radius:8px;margin:.5rem 0}.message code{background-color:#0000001a;padding:.2rem .4rem;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.9em}.message.user code{background-color:#fff3}.message pre{background-color:#0000000d;padding:1rem;border-radius:8px;overflow-x:auto;margin:.5rem 0}.message.user pre{background-color:#ffffff26}.message pre code{background-color:transparent;padding:0}.input-container{position:sticky;bottom:0;padding:2.5rem 1rem 1rem;display:flex;gap:.75rem;align-items:flex-end;max-width:800px;margin:0 auto;width:100%;z-index:10}.input-container:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,var(--bg-primary) 50%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:linear-gradient(to bottom,transparent 0%,black 40%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 40%);pointer-events:none;z-index:-1}.input-wrapper{flex:1;background-color:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:24px;padding:.5rem 1rem;display:flex;align-items:center;min-height:44px;transition:border-color .2s,box-shadow .2s}.input-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.input-container textarea{flex:1;padding:0;border:none;font-family:inherit;font-size:1rem;resize:none;min-height:24px;max-height:200px;background:transparent;line-height:1.5;color:var(--text-primary)}.input-container textarea::placeholder{color:var(--text-secondary)}.input-container textarea:focus{outline:none}.input-container textarea:disabled{background-color:transparent;cursor:not-allowed;opacity:.7}.input-container button{width:44px;height:44px;padding:0;background-color:var(--accent-primary);color:var(--text-inverse);border:none;border-radius:50%;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.input-container button:hover:not(:disabled){background-color:var(--accent-hover)}.input-container button:disabled{background-color:var(--accent-disabled);cursor:not-allowed;opacity:.6}.input-container button svg{width:20px;height:20px}@media(max-width:768px){.chat-header{padding:.875rem 1rem}.chat-header h1{font-size:1.125rem}.messages-container{padding:1.5rem .75rem 7rem}.message{max-width:85%}.input-container{padding:.75rem;max-width:100%}.input-wrapper{border-radius:20px}.input-container button{width:36px;height:36px}.input-container button svg{width:18px;height:18px}}@media(max-width:480px){.messages-container{padding:1rem .5rem 6rem}.message{max-width:90%;padding:.875rem 1rem}.input-container{padding:.5rem}}.typing-indicator{align-self:flex-start;background-color:var(--bg-message-assistant);border:1px solid var(--border-light);padding:.75rem 1.25rem;border-radius:18px;width:fit-content;max-width:90%;display:inline-flex;gap:.75rem;align-items:center;overflow:hidden}.typing-indicator-simple{width:60px;gap:.25rem;justify-content:center}.typing-indicator-simple span{width:8px;height:8px;background-color:var(--text-secondary);border-radius:50%;display:inline-block;animation:typingBounce 1.4s infinite ease-in-out}.typing-indicator-simple span:nth-child(2){animation-delay:.2s}.typing-indicator-simple span:nth-child(3){animation-delay:.4s}.typing-indicator-text{color:var(--text-secondary);font-size:.95rem;animation:messageSlideIn .4s ease-out;white-space:nowrap}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.typing-indicator-shimmer{position:relative;overflow:hidden;animation:pulse 2s infinite ease-in-out;background-color:#f0f7ff;border-color:#d1e3ff}.typing-indicator-shimmer:after{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:shimmer 1.5s infinite linear}@keyframes pulse{0%,to{opacity:.8;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{left:-150%}to{left:150%}}.typing-parallel-container{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;max-width:400px}.parallel-header{margin-bottom:.25rem}.parallel-badges{display:flex;flex-wrap:wrap;gap:.4rem}.tool-badge{display:flex;align-items:center;gap:.4rem;background-color:#fff9;border:1px solid rgba(0,0,0,.05);padding:.2rem .6rem;border-radius:12px;font-size:.85rem;color:var(--text-primary);box-shadow:0 1px 3px #00000008;white-space:nowrap}.tool-badge-emoji{font-size:1rem}.tool-badge-name{font-weight:500}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.drop-overlay{position:fixed;inset:0;z-index:9999;background:#3b82f614;border:3px dashed #3b82f6;display:flex;align-items:center;justify-content:center;animation:dropFadeIn .2s ease-out;pointer-events:none}.drop-overlay-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#3b82f6;font-size:1.1rem;font-weight:500}@keyframes dropFadeIn{0%{opacity:0}to{opacity:1}}.input-wrapper.has-images{flex-direction:column;align-items:stretch;padding:.5rem}.input-wrapper.has-images textarea{padding:.25rem .5rem}.input-row{display:flex;align-items:center;gap:4px;width:100%}.input-attach-btn{flex-shrink:0;width:32px!important;height:32px!important;min-width:0;min-height:0;border:none;background:transparent!important;color:var(--text-secondary)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;padding:0;transition:color .15s,background .15s}.input-attach-btn:hover:not(:disabled){color:var(--text-primary)!important;background:#0000000d!important}.input-attach-btn:disabled{opacity:.4;cursor:not-allowed}.input-thumbnails{display:flex;flex-wrap:wrap;gap:8px;padding:4px}.input-thumbnail{width:64px;height:64px;border-radius:8px;position:relative;overflow:hidden;flex-shrink:0}.input-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.input-thumbnail-loading{background:#e5e5e5}.input-thumbnail-spinner-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.input-thumbnail-spinner{width:24px;height:24px;border:3px solid #c0c0c0;border-top-color:#888;border-radius:50%;animation:thumbnailSpin .8s linear infinite}@keyframes thumbnailSpin{to{transform:rotate(360deg)}}.input-thumbnail-remove{position:absolute;top:3px;right:3px;width:24px!important;height:24px!important;min-width:0;min-height:0;border-radius:50%;background:#d4d4d4!important;color:#000!important;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;padding:0;opacity:0;transition:opacity .15s;flex-shrink:0}.input-thumbnail:hover .input-thumbnail-remove{opacity:1}.input-thumbnail-remove:hover{background:#b0b0b0!important}.message-images{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.message-image-thumb{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.input-limit-warning{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(0);background:#1a1a1a;color:#fff;font-size:.85rem;padding:.4rem 1rem;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;z-index:20;transition:transform .35s ease,opacity .35s ease}.input-limit-warning.visible{opacity:1;transform:translate(-50%) translateY(-120%)}.order-summary-container{margin-top:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.order-summary-items{padding:1rem}.order-summary-item{display:flex;align-items:center;gap:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.order-summary-item:last-child{padding-bottom:0;border-bottom:none}.order-summary-item-image{width:80px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #f1f5f9}.order-summary-item-image img{width:100%;height:100%;object-fit:contain}.order-summary-item-details h3{margin:0 0 .25rem;font-size:1.1rem;color:#1e293b}.order-summary-item-details p{margin:0;font-size:.9rem;color:#64748b}.order-summary-footer{background:#f1f5f9;padding:1rem;display:flex;justify-content:flex-end}.order-summary-total{display:flex;flex-direction:column;align-items:flex-end}.order-summary-total span:first-child{font-size:.75rem;text-transform:uppercase;font-weight:600;color:#64748b;letter-spacing:.025em}.order-summary-total span:last-child{font-size:1.25rem;font-weight:700;color:#0f172a}.order-summary-header{background:#f1f5f9;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0}.order-summary-header h3{margin:0;font-size:1rem;color:#1e293b;font-weight:700}.order-summary-item-details h4{margin:0 0 .5rem;font-size:1rem;color:#1e293b}.order-summary-item-meta{display:flex;flex-direction:column;gap:.25rem}.order-summary-item-meta span{font-size:.85rem;color:#64748b}.order-summary-total strong{font-size:1.25rem;color:#0f172a}.order-summary-actions{display:flex;gap:12px;padding:.75rem 1rem;border-top:1px solid #e2e8f0}.order-action-buy{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 16px;background:var(--accent-primary);color:var(--text-inverse);border:none;border-radius:10px;font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s,transform .1s}.order-action-buy:hover{background:var(--accent-hover);transform:scale(1.03);color:var(--text-inverse)}.order-action-edit{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 16px;background:transparent;color:var(--text-secondary);border:1.5px solid var(--border-medium);border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,transform .1s}.order-action-edit:hover{background:var(--bg-primary);border-color:var(--text-secondary);transform:scale(1.03)}.image-modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2rem}.image-modal-close{position:absolute;top:1.5rem;right:2rem;background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;z-index:10000;line-height:1;opacity:.8;transition:opacity .2s}.image-modal-close:hover{opacity:1}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.image-modal-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 25px #00000080}.clickable-image{cursor:pointer;transition:transform .2s}.clickable-image:hover{transform:scale(1.02)}.sp-embed{--sp-bg: linear-gradient(135deg, #3482F9, #78D8F3);--sp-bg-chat: transparent;--sp-bg-user: #0056b3;--sp-bg-assistant: #ffffff;--sp-bg-input: #ffffff;--sp-text: #ffffff;--sp-text-muted: rgba(255, 255, 255, .8);--sp-text-dark: #1a1a1e;--sp-text-assistant: #1a1a1e;--sp-accent: #0ea5e9;--sp-accent-hover: #38bdf8;--sp-accent-disabled: rgba(255, 255, 255, .2);--sp-border-accent: rgba(255, 255, 255, .2);--sp-border-subtle: rgba(255, 255, 255, .1);--sp-radius: 20px;--sp-radius-lg: 24px;--sp-radius-pill: 50px;--sp-avatar-size: 40px;--sp-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.sp-embed *,.sp-embed *:before,.sp-embed *:after{margin:0;padding:0;box-sizing:border-box}.sp-embed{width:100%;height:100vh;display:flex;flex-direction:column;font-family:var(--sp-font);font-size:15px;color:var(--sp-text);background:var(--sp-bg);overflow:hidden;position:relative}.sp-header{padding:24px 28px 16px;flex-shrink:0}.sp-header-top{display:flex;align-items:center;justify-content:space-between}.sp-header-title{font-size:26px;font-weight:700;color:var(--sp-text);letter-spacing:-.3px}.sp-clear-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#ffffff59;cursor:pointer;border-radius:8px;transition:color .2s,background .2s}.sp-clear-btn:hover{color:#ef4444;background:#ef44441a}.sp-header-divider{height:2px;background:var(--sp-border-accent);margin-top:14px;border-radius:2px}.sp-messages{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.sp-messages::-webkit-scrollbar{width:4px}.sp-messages::-webkit-scrollbar-track{background:transparent}.sp-messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.sp-messages::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sp-empty{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 28px;gap:10px}.sp-empty-icon{font-size:42px;margin-bottom:4px}.sp-empty-title{font-size:18px;font-weight:600;color:var(--sp-text)}.sp-empty-subtitle{font-size:14px;color:var(--sp-text-muted);max-width:300px;line-height:1.5}.sp-msg-row{display:flex;align-items:flex-start;gap:10px;animation:sp-msg-in .3s ease-out}.sp-msg-row--user{flex-direction:row-reverse}.sp-msg-row--assistant{flex-direction:row}@keyframes sp-msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sp-avatar{width:var(--sp-avatar-size);height:var(--sp-avatar-size);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;margin-top:2px}.sp-avatar--user{background:#ffffff26;color:var(--sp-text)}.sp-avatar--user svg{width:20px;height:20px;opacity:.7}.sp-avatar--assistant{background:var(--sp-bg-assistant);color:var(--sp-text-dark);font-size:16px}.sp-bubble{max-width:65%;padding:12px 18px;border-radius:var(--sp-radius);line-height:1.55;word-wrap:break-word}.sp-bubble--user{background:var(--sp-bg-user);color:#fff;border-bottom-right-radius:6px}.sp-bubble--assistant{background:var(--sp-bg-assistant);color:var(--sp-text-assistant);border-bottom-left-radius:6px;box-shadow:0 4px 15px #0000000d}.sp-bubble-body p{margin:4px 0}.sp-bubble-body p:first-child{margin-top:0}.sp-bubble-body p:last-child{margin-bottom:0}.sp-bubble-body ul,.sp-bubble-body ol{margin:6px 0;padding-left:1.25rem}.sp-bubble-body li{margin:2px 0}.sp-bubble-body strong{font-weight:600}.sp-bubble-body img{max-width:100%;border-radius:10px;margin:8px 0}.sp-bubble-body code{background:#00000014;padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.88em}.sp-bubble--user .sp-bubble-body code{background:#fff3}.sp-bubble-body pre{background:#0000000f;padding:12px;border-radius:8px;overflow-x:auto;margin:6px 0}.sp-bubble--user .sp-bubble-body pre{background:#ffffff1f}.sp-bubble-body pre code{background:transparent;padding:0}.sp-msg-images{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.sp-msg-thumb{width:64px;height:64px;object-fit:cover;border-radius:8px}.sp-bubble--user .sp-msg-thumb{border:1px solid rgba(255,255,255,.2)}.sp-typing-row{display:flex;align-items:flex-start;gap:10px;flex-direction:row;animation:sp-msg-in .3s ease-out}.sp-typing{background:var(--sp-bg-assistant);color:var(--sp-text-assistant);padding:12px 18px;border-radius:var(--sp-radius);border-bottom-left-radius:6px;width:fit-content;max-width:80%;display:inline-flex;gap:6px;align-items:center;overflow:hidden}.sp-typing--dots{width:56px;gap:5px;justify-content:center}.sp-typing--dots span{width:7px;height:7px;background:var(--sp-text-assistant);opacity:.4;border-radius:50%;display:inline-block;animation:sp-bounce 1.4s infinite ease-in-out}.sp-typing--dots span:nth-child(2){animation-delay:.2s}.sp-typing--dots span:nth-child(3){animation-delay:.4s}@keyframes sp-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.sp-typing-text{color:var(--sp-text-assistant);font-size:14px;animation:sp-fade-in .35s ease-out;white-space:nowrap}@keyframes sp-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.sp-typing--shimmer{position:relative;overflow:hidden;animation:sp-pulse 2s infinite ease-in-out}.sp-typing--shimmer:after{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(90deg,transparent,rgba(66,133,244,.08),transparent);animation:sp-shimmer 1.5s infinite linear}@keyframes sp-pulse{0%,to{opacity:.85;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}@keyframes sp-shimmer{0%{left:-150%}to{left:150%}}.sp-typing--parallel{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px;max-width:320px}.sp-typing-header{margin-bottom:2px}.sp-typing-badges{display:flex;flex-wrap:wrap;gap:5px}.sp-badge{display:flex;align-items:center;gap:4px;background:#4285f414;border:1px solid rgba(66,133,244,.15);padding:3px 10px;border-radius:12px;font-size:12px;color:var(--sp-text-assistant);white-space:nowrap}.sp-badge-emoji{font-size:13px}.sp-badge-name{font-weight:500}.sp-bottom{flex-shrink:0;padding:0 24px 20px;display:flex;flex-direction:column;gap:14px}.sp-bottom-divider{height:2px;background:var(--sp-border-accent);border-radius:2px;margin-bottom:2px}.sp-suggestions{display:flex;flex-wrap:wrap;gap:8px}.sp-suggestion-chip{padding:8px 18px;background:transparent;border:1.5px solid var(--sp-border-accent);border-radius:var(--sp-radius-pill);color:var(--sp-accent);font-family:var(--sp-font);font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,color .2s,transform .1s;white-space:nowrap}.sp-suggestion-chip:hover{background:var(--sp-accent);color:#fff;transform:scale(1.03)}.sp-suggestion-chip:active{transform:scale(.97)}.sp-input-area{display:flex;gap:10px;align-items:center}.sp-input-bar{flex:1;background:var(--sp-bg-input);border:none;border-radius:var(--sp-radius-pill);padding:6px 16px;display:flex;align-items:center;min-height:48px;transition:box-shadow .2s;box-shadow:0 4px 15px #0000000d}.sp-input-bar:focus-within{box-shadow:0 0 0 2px var(--sp-accent)}.sp-input-bar--has-images{flex-direction:column;align-items:stretch;border-radius:var(--sp-radius);padding:8px}.sp-input-bar--has-images textarea{padding:4px 8px}.sp-input-row{display:flex;align-items:center;gap:4px;width:100%}.sp-input-area textarea{flex:1;padding:0;border:none;font-family:var(--sp-font);font-size:14px;resize:none;min-height:24px;max-height:120px;background:transparent;line-height:1.5;color:var(--sp-text-dark)}.sp-input-area textarea::placeholder{color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sp-input-area textarea:focus{outline:none}.sp-input-area textarea:disabled{background:transparent;cursor:not-allowed;opacity:.5}.sp-attach-btn{flex-shrink:0;width:38px;height:38px;border:none;background:var(--sp-accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;transition:background .2s,transform .1s;font-size:22px;font-weight:300;line-height:1}.sp-attach-btn:hover:not(:disabled){background:var(--sp-accent-hover);transform:scale(1.06)}.sp-attach-btn:disabled{opacity:.35;cursor:not-allowed}.sp-send-btn{flex-shrink:0;height:48px;padding:0 24px;background:var(--sp-accent);color:#fff;border:none;border-radius:var(--sp-radius-pill);cursor:pointer;font-family:var(--sp-font);font-size:15px;font-weight:600;transition:background .2s,transform .1s;display:flex;align-items:center;justify-content:center}.sp-send-btn:hover:not(:disabled){background:var(--sp-accent-hover);transform:scale(1.03)}.sp-send-btn:disabled{background:var(--sp-accent-disabled);cursor:not-allowed;opacity:.5}.sp-thumbnails{display:flex;flex-wrap:wrap;gap:6px;padding:4px}.sp-thumb{width:56px;height:56px;border-radius:8px;position:relative;overflow:hidden;flex-shrink:0}.sp-thumb img{width:100%;height:100%;object-fit:cover;display:block}.sp-thumb--loading{background:#e5e5e5}.sp-thumb-spinner-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sp-thumb-spinner{width:20px;height:20px;border:2px solid #c0c0c0;border-top-color:#888;border-radius:50%;animation:sp-spin .8s linear infinite}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-thumb-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#0000008c;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;padding:0;opacity:0;transition:opacity .15s}.sp-thumb:hover .sp-thumb-remove{opacity:1}.sp-thumb-remove:hover{background:#000000bf}.sp-drop-overlay{position:absolute;inset:0;z-index:100;background:#4285f41a;border:2px dashed var(--sp-accent);border-radius:12px;display:flex;align-items:center;justify-content:center;animation:sp-drop-in .2s ease-out;pointer-events:none}.sp-drop-content{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--sp-accent);font-size:15px;font-weight:500}@keyframes sp-drop-in{0%{opacity:0}to{opacity:1}}.sp-limit-warning{position:absolute;top:-4px;left:50%;transform:translate(-50%) translateY(0);background:#333;color:#fff;font-size:12px;padding:5px 14px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;z-index:20;transition:transform .3s ease,opacity .3s ease}.sp-limit-warning--visible{opacity:1;transform:translate(-50%) translateY(-120%)}@media(max-width:480px){.sp-header{padding:16px 16px 12px}.sp-header-title{font-size:20px}.sp-clear-btn{width:28px;height:28px}.sp-clear-btn svg{width:14px;height:14px}.sp-messages{padding:14px 12px;gap:12px}.sp-bubble{max-width:85%;padding:10px 14px}.sp-avatar{width:32px;height:32px}.sp-bottom{padding:0 12px 14px;gap:10px}.sp-suggestion-chip{font-size:12px;padding:6px 14px}.sp-send-btn{height:42px;padding:0 18px;font-size:14px}.sp-attach-btn{width:34px;height:34px;font-size:20px}.sp-input-bar{min-height:42px}}.sp-order-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;margin-top:12px;overflow:hidden;width:100%;animation:sp-msg-in .4s ease-out}.sp-order-summary-header{background:#fff;padding:10px 14px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:8px}.sp-order-summary-icon{font-size:16px}.sp-order-summary-title{font-size:14px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:.5px}.sp-order-summary-items{padding:12px;display:flex;flex-direction:column;gap:12px}.sp-order-summary-item{display:flex;gap:12px;align-items:flex-start}.sp-order-summary-item-left{flex-shrink:0}.sp-order-summary-img{width:70px;height:70px;object-fit:cover;border-radius:8px;border:1px solid #eee}.sp-order-summary-item-right{flex:1;display:flex;flex-direction:column;gap:4px}.sp-order-summary-item-name{font-size:15px;font-weight:600;color:#333}.sp-order-summary-item-meta{display:flex;flex-direction:column;gap:2px}.sp-order-summary-meta-row{display:flex;justify-content:space-between;font-size:12px;color:#666}.sp-meta-label{font-weight:500}.sp-meta-value{font-weight:600;color:#444}.sp-meta-row--total{margin-top:4px;padding-top:4px;border-top:1px dashed #ddd}.sp-meta-row--total .sp-meta-value{color:var(--sp-accent)}.sp-order-summary-footer{background:#fff;padding:12px 14px;border-top:1px solid #e0e0e0}.sp-order-summary-grand-total{display:flex;justify-content:space-between;align-items:center}.sp-total-label{font-size:13px;font-weight:600;color:#666;text-transform:uppercase}.sp-total-value{font-size:16px;font-weight:700;color:#1a1a1e}.sp-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:zoom-out;animation:sp-fade-in .2s ease-out}.sp-modal-close{position:absolute;top:20px;right:24px;background:transparent;border:none;color:#fff;font-size:40px;line-height:1;cursor:pointer;z-index:2001;opacity:.6;transition:opacity .2s}.sp-modal-close:hover{opacity:1}.sp-modal-content{max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center;cursor:default}.sp-modal-img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:4px;box-shadow:0 10px 40px #00000080;animation:sp-zoom-in .25s cubic-bezier(.2,0,.2,1)}@keyframes sp-zoom-in{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.sp-order-summary-actions{display:flex;gap:10px;padding:10px 14px;border-top:1px solid #e0e0e0}.sp-order-action-buy{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 16px;background:var(--sp-accent);color:#fff;border:none;border-radius:var(--sp-radius-pill);font-family:var(--sp-font);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s,transform .1s}.sp-order-action-buy:hover{background:var(--sp-accent-hover);transform:scale(1.03);color:#fff}.sp-order-action-edit{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 16px;background:transparent;color:#555;border:1.5px solid #ccc;border-radius:var(--sp-radius-pill);font-family:var(--sp-font);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,transform .1s}.sp-order-action-edit:hover{background:#f0f0f0;border-color:#999;transform:scale(1.03)}.sp-clickable{cursor:pointer;transition:transform .2s ease,opacity .2s ease}.sp-clickable:hover{transform:scale(1.02);opacity:.9}.sp-dialog-overlay{position:fixed;inset:0;z-index:3000;background:#0009;display:flex;align-items:center;justify-content:center;animation:sp-fade-in .15s ease-out}.sp-dialog{background:#fff;border-radius:16px;padding:28px 24px 20px;max-width:340px;width:90%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;box-shadow:0 20px 60px #0000004d;animation:sp-zoom-in .2s cubic-bezier(.2,0,.2,1)}.sp-dialog-icon{width:48px;height:48px;border-radius:50%;background:#fef2f2;color:#ef4444;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.sp-dialog-title{font-family:var(--sp-font);font-size:17px;font-weight:700;color:#1a1a1e;margin:0}.sp-dialog-text{font-family:var(--sp-font);font-size:13px;color:#666;line-height:1.5;margin:0 0 8px}.sp-dialog-actions{display:flex;gap:10px;width:100%;margin-top:4px}.sp-dialog-cancel{flex:1;padding:10px 16px;background:transparent;border:1.5px solid #ddd;border-radius:var(--sp-radius-pill);font-family:var(--sp-font);font-size:13px;font-weight:600;color:#555;cursor:pointer;transition:background .2s,border-color .2s}.sp-dialog-cancel:hover{background:#f5f5f5;border-color:#bbb}.sp-dialog-confirm{flex:1;padding:10px 16px;background:#ef4444;border:none;border-radius:var(--sp-radius-pill);font-family:var(--sp-font);font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:background .2s,transform .1s}.sp-dialog-confirm:hover{background:#dc2626;transform:scale(1.03)}