.notification-container{position:fixed;top:20px;right:20px;z-index:1000;width:400px;max-width:90%}.notification{padding:15px;margin-bottom:10px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.35);display:flex;align-items:flex-start;animation:slideIn .3s ease-out forwards;background-color:#25252a;color:#fff}.notification-success{border-left:4px solid #1d8102}.notification-error{border-left:4px solid #d13212}.notification-warning{border-left:4px solid #f90}.notification-info{border-left:4px solid #0073bb}.notification-icon{margin-right:12px;font-size:18px}.notification-success .notification-icon{color:#1d8102}.notification-error .notification-icon{color:#d13212}.notification-warning .notification-icon{color:#f90}.notification-info .notification-icon{color:#0073bb}.notification-content{flex:1 1}.notification-title{font-weight:600;margin-bottom:5px;color:#fff}.notification-message{font-size:14px;color:#dadadb}.notification-close{background:none;border:none;cursor:pointer;font-size:16px;color:#aaa;padding:0;margin-left:10px;transition:color .2s}.notification-close:hover{color:#fff}@keyframes slideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.notification.closing{animation:slideOut .3s ease-in forwards}.design-gallery-overlay{background-color:rgba(0,0,0,.7);z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.design-gallery-modal-overlay,.design-gallery-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.design-gallery-modal-overlay{background-color:rgba(0,0,0,.8);z-index:1100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.design-gallery{background-color:#1e1e24;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.3);width:90%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;animation:design-gallery-appear .3s ease-out;border:1px solid hsla(0,0%,100%,.1);overflow:hidden}@keyframes design-gallery-appear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.design-gallery-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid hsla(0,0%,100%,.1);background-color:#25252d}.design-gallery-header h2{margin:0;font-size:1.5rem;color:#fff;font-weight:600}.design-gallery-close-button{background:hsla(0,0%,100%,.1);border:none;font-size:24px;cursor:pointer;color:#dadadb;padding:0;line-height:1;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.design-gallery-close-button:hover{background:hsla(0,0%,100%,.2);color:#fff;transform:rotate(90deg)}.design-gallery-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid hsla(0,0%,100%,.1);background-color:#1e1e24}.design-gallery-search{position:relative;flex:1 1;max-width:400px}.design-gallery-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:hsla(0,0%,100%,.5);font-size:14px}.design-gallery-search-input{width:100%;padding:12px 16px 12px 42px;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;font-size:15px;transition:all .2s;background-color:rgba(0,0,0,.2);color:#fff}.design-gallery-search-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px rgba(76,175,80,.2);background-color:rgba(0,0,0,.3)}.design-gallery-search-input::-webkit-input-placeholder{color:hsla(0,0%,100%,.4)}.design-gallery-search-input::-moz-placeholder{color:hsla(0,0%,100%,.4)}.design-gallery-search-input::-ms-input-placeholder{color:hsla(0,0%,100%,.4)}.design-gallery-search-input::placeholder{color:hsla(0,0%,100%,.4)}.design-gallery-create-button{background-color:#4caf50;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(76,175,80,.3)}.design-gallery-create-button:hover:not(:disabled){background-color:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px rgba(76,175,80,.4)}.design-gallery-create-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.design-gallery-cancel-button{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;color:#dadadb}.design-gallery-cancel-button:hover{background-color:hsla(0,0%,100%,.2);color:#fff}.design-gallery-delete-button{background-color:#f44336;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(244,67,54,.3)}.design-gallery-delete-button:hover:not(:disabled){background-color:#d32f2f;transform:translateY(-1px);box-shadow:0 4px 12px rgba(244,67,54,.4)}.design-gallery-delete-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.design-gallery-table-container{flex:1 1;overflow-y:auto;padding:0;margin:0;background-color:#1e1e24}.design-gallery-table{width:100%;border-collapse:collapse;table-layout:fixed}.design-gallery-table th{text-align:left;padding:14px 20px;background-color:#25252d;color:#fff;font-weight:600;border-bottom:2px solid hsla(0,0%,100%,.1);position:-webkit-sticky;position:sticky;top:0;z-index:1;font-size:14px;letter-spacing:.5px}.design-gallery-table th:first-child{width:25%;text-align:left}.design-gallery-table th:nth-child(2){width:35%;text-align:left}.design-gallery-table th:nth-child(3){width:20%;text-align:left}.design-gallery-table th:last-child{width:20%;text-align:center}.design-gallery-sortable-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:background-color .2s;position:relative;display:flex;align-items:center;height:100%;width:100%;padding:0}.design-gallery-table th:first-child .design-gallery-sortable-header,.design-gallery-table th:nth-child(2) .design-gallery-sortable-header,.design-gallery-table th:nth-child(3) .design-gallery-sortable-header{justify-content:space-between;text-align:left}.design-gallery-table th:last-child .design-gallery-sortable-header{justify-content:center;text-align:center}.design-gallery-sortable-header:hover{background-color:#2a2a35}.design-gallery-sort-icon{display:inline-block;margin-left:8px;color:hsla(0,0%,100%,.5);vertical-align:middle}.design-gallery-sort-icon.active{color:#4caf50}.design-gallery-table td{padding:16px 20px;border-bottom:1px solid hsla(0,0%,100%,.05);color:#dadadb;vertical-align:middle}.design-gallery-row{cursor:pointer;transition:all .2s;height:64px}.design-gallery-row:hover{background-color:hsla(0,0%,100%,.05)}.design-gallery-row.selected{background-color:rgba(76,175,80,.1);border-left:3px solid #4caf50}.design-gallery-name{font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.design-gallery-id{font-family:monospace}.design-gallery-date,.design-gallery-id{color:hsla(0,0%,100%,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;text-align:left}.design-gallery-actions-header{text-align:center}.design-gallery-actions{display:flex;justify-content:center;white-space:nowrap}.design-gallery-action-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none;color:#fff}.design-gallery-action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.design-gallery-clone-button{background-color:rgba(33,150,243,.2);border:1px solid rgba(33,150,243,.3)}.design-gallery-clone-button:hover{background-color:rgba(33,150,243,.3);transform:translateY(-1px)}.design-gallery-action-button.design-gallery-delete-button{background-color:rgba(244,67,54,.2);border:1px solid rgba(244,67,54,.3)}.design-gallery-action-button.design-gallery-delete-button:hover{background-color:rgba(244,67,54,.3);transform:translateY(-1px)}.design-gallery-no-designs{text-align:center;padding:40px 0;color:hsla(0,0%,100%,.5);font-style:italic;background-color:rgba(0,0,0,.1)}.design-gallery-pagination{display:flex;justify-content:center;align-items:center;padding:16px 24px;border-top:1px solid hsla(0,0%,100%,.1);background-color:#25252d}.design-gallery-pagination-button{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;padding:8px 12px;cursor:pointer;transition:all .2s;color:#fff}.design-gallery-pagination-button:hover:not(:disabled){background-color:hsla(0,0%,100%,.2);transform:translateY(-1px)}.design-gallery-pagination-button:disabled{opacity:.5;cursor:not-allowed}.design-gallery-page-info{margin:0 16px;color:hsla(0,0%,100%,.7);font-size:14px}.design-gallery-confirm-delete-modal,.design-gallery-create-modal{background-color:#1a1a22;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4);width:90%;max-width:500px;display:flex;flex-direction:column;animation:design-gallery-appear .3s ease-out;border:1px solid hsla(0,0%,100%,.1);overflow:hidden}.design-gallery-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid hsla(0,0%,100%,.1);background-color:#25252d}.design-gallery-modal-header h3{margin:0;font-size:1.3rem;color:#fff;font-weight:600}.design-gallery-modal-close-button{background:hsla(0,0%,100%,.1);border:none;font-size:20px;cursor:pointer;color:#dadadb;padding:0;line-height:1;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.design-gallery-modal-close-button:hover{background:hsla(0,0%,100%,.2);color:#fff;transform:rotate(90deg)}.design-gallery-modal-close-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.design-gallery-modal-content{padding:24px;background-color:#1a1a22}.design-gallery-form-group{margin-bottom:20px}.design-gallery-form-group label{display:block;margin-bottom:10px;color:#fff;font-weight:500;font-size:15px}.design-gallery-form-group input{width:100%;padding:12px 16px;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;font-size:15px;background-color:rgba(0,0,0,.2);color:#fff;transition:all .2s}.design-gallery-form-group input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px rgba(76,175,80,.2);background-color:rgba(0,0,0,.3)}.design-gallery-form-group input::-webkit-input-placeholder{color:hsla(0,0%,100%,.4)}.design-gallery-form-group input::-moz-placeholder{color:hsla(0,0%,100%,.4)}.design-gallery-form-group input::-ms-input-placeholder{color:hsla(0,0%,100%,.4)}.design-gallery-form-group input::placeholder{color:hsla(0,0%,100%,.4)}.design-gallery-modal-footer{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;border-top:1px solid hsla(0,0%,100%,.1);background-color:#25252d;gap:12px}.design-gallery-confirm-delete-modal .design-gallery-modal-content{text-align:center;padding:30px 24px}.design-gallery-warning-icon{font-size:48px;color:#f44336;margin-bottom:20px}.design-gallery-confirm-delete-modal p{color:#dadadb;margin-bottom:16px;font-size:16px;line-height:1.5}.design-gallery-confirm-delete-modal strong{color:#fff;font-weight:600}.design-gallery-warning-text{color:#f44336!important;font-weight:500;font-size:14px!important}.design-gallery-button-spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:design-gallery-spin .8s linear infinite;display:inline-block}@keyframes design-gallery-spin{to{transform:rotate(1turn)}}.design-gallery-menu-container{position:relative}.design-gallery-menu-button{background-color:hsla(0,0%,100%,.1);color:#fff;border:none;border-radius:50%;width:36px;height:36px;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.design-gallery-menu-button:hover:not(:disabled){background-color:hsla(0,0%,100%,.2)}.design-gallery-menu-button:disabled{opacity:.5;cursor:not-allowed}.design-gallery-dropdown-menu{position:absolute;right:0;top:100%;margin-top:5px;background-color:#25252d;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);overflow:hidden;z-index:10;min-width:120px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.design-gallery-menu-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;color:#fff;background-color:transparent;border:none;cursor:pointer;transition:background-color .2s;width:100%;text-align:center;font-size:14px;white-space:nowrap}.design-gallery-menu-item:hover:not(:disabled){background-color:hsla(0,0%,100%,.1)}.design-gallery-menu-item:disabled{opacity:.5;cursor:not-allowed}.design-gallery-menu-item svg{width:16px}@media(max-width:768px){.design-gallery-table td,.design-gallery-table th{padding:12px 10px;font-size:13px}.design-gallery-sortable-header{padding-right:20px}.design-gallery-actions{display:flex;justify-content:center}.design-gallery-menu-button{width:32px;height:32px;font-size:12px}.design-gallery-dropdown-menu{right:-10px;min-width:100px}.design-gallery-menu-item{padding:8px 12px;font-size:13px}.design-gallery-action-button{padding:6px 8px;font-size:12px}.design-gallery-action-button span{display:none}.design-gallery-toolbar{flex-direction:column;gap:12px;align-items:stretch}.design-gallery-search{max-width:100%}.design-gallery-create-button{width:100%;justify-content:center}}.design-creator-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.design-creator-container{background:linear-gradient(180deg,#1f1f28,#16161e);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.6),inset 0 0 0 1px hsla(0,0%,100%,.1),inset 0 1px 0 hsla(0,0%,100%,.1);width:420px;display:flex;flex-direction:column;animation:design-creator-appear .3s cubic-bezier(.19,1,.22,1);overflow:hidden;transform:translateZ(0)}@keyframes design-creator-appear{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.design-creator-header{background:linear-gradient(180deg,#2a2a36,#25252d);padding:18px 20px;position:relative;text-align:center;border-bottom:1px solid hsla(0,0%,100%,.08)}.design-creator-header h2{margin:0;font-size:18px;color:#fff;font-weight:600;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.design-creator-close-button{position:absolute;top:14px;right:14px;background:hsla(0,0%,100%,.08);border:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.7);font-size:16px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.design-creator-close-button:hover{background:hsla(0,0%,100%,.15);color:#fff;transform:rotate(90deg)}.design-creator-form{padding:28px 24px;background:linear-gradient(180deg,hsla(0,0%,100%,.02),transparent)}.design-creator-form-group{margin-bottom:26px}.design-creator-form-group label{display:block;margin-bottom:12px;color:hsla(0,0%,100%,.9);font-weight:500;font-size:15px;text-align:center;letter-spacing:.2px}.design-creator-required{color:#ff5252;margin-left:4px;font-size:14px}.design-creator-form-group input{width:100%;padding:12px 16px;border:1px solid hsla(0,0%,100%,.12);border-radius:8px;font-size:15px;background-color:rgba(0,0,0,.2);color:#fff;transition:all .2s ease;box-sizing:border-box;box-shadow:0 2px 6px rgba(0,0,0,.15)}.design-creator-form-group input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px rgba(76,175,80,.15),0 2px 8px rgba(0,0,0,.2);background-color:rgba(0,0,0,.3)}.design-creator-form-group input::-webkit-input-placeholder{color:hsla(0,0%,100%,.35)}.design-creator-form-group input::-moz-placeholder{color:hsla(0,0%,100%,.35)}.design-creator-form-group input::-ms-input-placeholder{color:hsla(0,0%,100%,.35)}.design-creator-form-group input::placeholder{color:hsla(0,0%,100%,.35)}.design-creator-input-error{border-color:#ff5252!important;box-shadow:0 0 0 1px rgba(255,82,82,.2),0 2px 6px rgba(0,0,0,.15)!important}.design-creator-error-message{margin-top:10px;color:#ff5252;font-size:13px;display:flex;align-items:center;gap:6px;justify-content:center;opacity:.9}.design-creator-actions{display:flex;justify-content:center;gap:12px;margin-top:12px;padding:0 40px}.design-creator-cancel-button{background-color:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;color:hsla(0,0%,100%,.8);min-width:100px}.design-creator-cancel-button:hover:not(:disabled){background-color:hsla(0,0%,100%,.1);color:#fff;border-color:hsla(0,0%,100%,.15)}.design-creator-submit-button{background:linear-gradient(180deg,#4caf50,#43a047);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(76,175,80,.3),inset 0 0 0 1px hsla(0,0%,100%,.1);min-width:100px;text-shadow:0 1px 1px rgba(0,0,0,.2)}.design-creator-submit-button:hover:not(:disabled){background:linear-gradient(180deg,#55b558,#4caf50);transform:translateY(-1px);box-shadow:0 4px 12px rgba(76,175,80,.4),inset 0 0 0 1px hsla(0,0%,100%,.15)}.design-creator-cancel-button:disabled,.design-creator-submit-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none;-webkit-filter:saturate(.7);filter:saturate(.7)}.design-creator-spinner{width:14px;height:14px;border:2px solid hsla(0,0%,100%,.2);border-top-color:#fff;border-radius:50%;animation:design-creator-spin .7s cubic-bezier(.55,.055,.675,.19) infinite;display:inline-block;margin-right:8px;box-shadow:0 0 10px hsla(0,0%,100%,.1)}@keyframes design-creator-spin{to{transform:rotate(1turn)}}@media(max-width:480px){.design-creator-container{width:90%}.design-creator-form{padding:20px 16px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;padding:24px;border-radius:8px;width:400px;max-width:90%;box-shadow:0 4px 12px rgba(0,0,0,.15)}.modal-content h2{margin-top:0;margin-bottom:16px;color:#333}.modal-content input{padding:10px;margin-bottom:16px;border:1px solid #ddd;border-radius:4px;font-size:16px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.cancel-button{background-color:#f0f0f0}.export-button{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.export-button:disabled{background-color:#ccc;cursor:not-allowed}._GzYRV{line-height:1.2;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}._3eOF8{margin-right:5px;font-weight:700}._3eOF8+._3eOF8{margin-left:-5px}._1MFti{cursor:pointer}._f10Tu{font-size:1.2em;margin-right:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._1UmXx:after{content:"▸"}._1LId0:after{content:"▾"}._1pNG9{margin-right:5px}._1pNG9:after{content:"...";font-size:.8em}._2IvMF{background:#eee}._2bkNM{margin:0;padding:0 10px}._1BXBN{margin:0;padding:0}._1MGIk{font-weight:600;margin-right:5px}._1MGIk,._3uHL6{color:#000}._1Gho6,._2T6PJ{color:#df113a}._vGjyY{color:#2a3f3c}._1bQdo{color:#0b75f5}._3zQKs{color:#469038}._1xvuR{color:#43413d}._2AXVT,._2KJWg,._oLqym{color:#000}._11RoI{background:#002b36}._2bSDX,._3fDAz,._3QHg2,._17H2C{color:#fdf6e3}._2bSDX{font-weight:bolder;margin-right:5px}._gsbQL{color:#fdf6e3}._GTKgm,._LaAZe{color:#81b5ac}._Chy1W{color:#cb4b16}._2bveF{color:#d33682}._2vRm-{color:#ae81ff}._1prJR{color:#268bd2}:root{--primary:#0e639c;--primary-hover:#17b;--primary-light:rgba(86,156,214,0.15);--bg-dark:#1e1e24;--bg-card:#25252d;--bg-input:rgba(0,0,0,0.2);--bg-hover:hsla(0,0%,100%,0.05);--text:#dadadb;--text-bright:#fff;--text-muted:#9e9e9e;--border:hsla(0,0%,100%,0.1);--border-focus:rgba(86,156,214,0.5);--shadow:rgba(0,0,0,0.2);--shadow-hover:rgba(0,0,0,0.4);--danger:#f44336;--danger-light:rgba(244,67,54,0.15);--info:#2196f3;--info-light:rgba(33,150,243,0.15);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--transition:all 0.2s ease}*{box-sizing:border-box}.tool-config-container-main{background:var(--bg-dark);border-radius:var(--radius-md);padding:var(--spacing-lg);color:var(--text);font-family:Amazon Ember,sans-serif;width:100%;height:100%;overflow-y:auto}.tool-config-container-main h3,.tool-config-container-main h5,.tool-config-container-main h6{color:var(--text-bright);margin:0;font-weight:600}.tool-config-container-main h3{font-size:20px}.tool-config-container-main h5{font-size:16px}.tool-config-container-main h6{font-size:14px}.tool-config-button{cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:var(--transition);font-weight:500;padding:10px 16px;font-size:14px}.tool-config-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow-hover)}.tool-config-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px var(--shadow)}.tool-config-button:disabled{opacity:.5;cursor:not-allowed}.tool-config-form-group label{color:var(--text-bright)}.tool-config-input,.tool-config-select,.tool-config-textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-bright);padding:12px 16px;width:100%;transition:var(--transition);font-size:14px}.tool-config-textarea{resize:vertical;min-height:60px;font-family:inherit;line-height:1.5}.tool-config-input:hover,.tool-config-select:hover,.tool-config-textarea:hover{border-color:hsla(0,0%,100%,.2);background:var(--bg-hover)}.tool-config-input:focus,.tool-config-select:focus,.tool-config-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px var(--primary-light)}.tool-config-input::placeholder,.tool-config-textarea::placeholder{color:var(--text-muted);opacity:.7}.tool-config-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border);padding-bottom:var(--spacing-lg)}.tool-config-action-buttons{display:flex;gap:var(--spacing-md)}.tool-config-save-button{background:var(--primary);color:#fff;border:none;padding:8px 16px}.tool-config-save-button:hover:not(:disabled){background:var(--primary-hover)}.tool-config-reset-button{background:transparent;color:var(--text);border:1px solid var(--border);padding:8px 16px}.tool-config-reset-button:hover{background:var(--bg-input)}.tool-config-sections-wrapper{display:flex;flex-direction:column;gap:var(--spacing-lg)}.tool-config-panel-section{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--border)}.tool-config-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.tool-config-error-message{background:var(--danger-light);border:1px solid rgba(244,67,54,.3);border-radius:var(--radius-sm);padding:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--danger);display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px;animation:fadeIn .3s ease}.tool-config-helper-text{font-size:12px;color:var(--text-muted);margin-top:var(--spacing-xs);display:block}.tool-config-info-message{background:var(--info-light);border:1px solid rgba(33,150,243,.3);border-radius:var(--radius-sm);padding:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--info);display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px}@media (max-width:768px){.tool-choice-grid,.tool-list{grid-template-columns:1fr}.modal-footer{flex-direction:column;gap:var(--spacing-md)}.add-tool-button,.cancel-button{width:100%;justify-content:center}}.tool-config-search-box{margin-bottom:var(--spacing-lg)}.tool-config-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.tool-config-item-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.tool-config-item-card.selected{border-color:var(--primary)}.tool-config-item-content{display:flex;align-items:center;padding:var(--spacing-md);cursor:pointer}.tool-config-checkbox{width:20px;height:20px;border:2px solid var(--border);border-radius:4px;margin-right:var(--spacing-md);display:flex;align-items:center;justify-content:center}.tool-config-checkbox.checked{background:var(--primary);border-color:var(--primary)}.tool-config-custom-tag{background:var(--primary);color:#fff;font-size:11px;padding:2px 6px;border-radius:10px;margin-left:var(--spacing-sm)}.tool-config-item-actions{display:flex;justify-content:flex-end;padding:var(--spacing-sm) var(--spacing-md);background:rgba(0,0,0,.1);border-top:1px solid var(--border);gap:var(--spacing-sm)}.tool-config-view-details-btn{background:transparent;border:1px solid var(--border);color:var(--text);padding:4px 8px;font-size:13px}.tool-config-remove-btn{background:transparent;border:1px solid var(--danger);color:var(--danger);padding:4px 8px;font-size:13px}.tool-config-empty-state{text-align:center;padding:var(--spacing-lg);color:var(--text);background:var(--bg-input);border-radius:var(--radius-sm);border:1px dashed var(--border)}.tool-config-add-button{background:var(--primary);color:#fff;border:none;padding:8px 16px}.tool-config-add-button:hover{background:var(--primary-hover)}.tool-config-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.tool-config-choice-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);cursor:pointer;position:relative}.tool-config-choice-card.active{border-color:var(--primary)}.tool-config-choice-card.disabled{opacity:.5;cursor:not-allowed}.tool-config-choice-title{font-weight:600;margin-bottom:var(--spacing-sm);padding-right:30px}.tool-config-radio-outer{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:20px;height:20px;border:2px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center}.active .tool-config-radio-outer{border-color:var(--primary)}.tool-config-radio-inner{width:10px;height:10px;background:var(--primary);border-radius:50%}.tool-config-specific-selector{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;align-items:center;gap:var(--spacing-md)}.tool-config-schema-section{margin-top:var(--spacing-xl);position:relative}.tool-config-schema-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.tool-config-schema-header h5{margin:0;font-size:16px;font-weight:600;color:var(--text-bright);display:flex;align-items:center}.tool-config-schema-header h5:after{content:"";display:inline-block;width:6px;height:6px;background:var(--primary);border-radius:50%;margin-left:8px}.tool-config-schema-content{background:var(--bg-input);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.1)}.tool-config-info-icon{color:var(--text)}.tool-config-field-tooltip{background:rgba(0,0,0,.9);padding:8px 12px;width:250px;transition:opacity .3s;font-size:12px}.tool-config-add-property-btn{background:var(--primary);color:#fff;border:none;padding:8px 16px;margin-left:auto;font-size:13px;border-radius:var(--radius-sm);transition:var(--transition);font-weight:500;display:flex;align-items:center;gap:6px}.tool-config-add-property-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.2)}.tool-config-property-table{width:100%;border-collapse:initial;border-spacing:0;margin-bottom:var(--spacing-lg);background:rgba(0,0,0,.1);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);table-layout:fixed;box-shadow:0 2px 8px rgba(0,0,0,.1)}.tool-config-property-table td,.tool-config-property-table th{padding:12px;text-align:left;font-size:13px;border-bottom:1px solid var(--border)}.tool-config-property-table th{background:rgba(0,0,0,.3);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-bright);padding:14px 12px}.tool-config-property-table tr:last-child td{border-bottom:none}.tool-config-property-table tr:hover td{background:var(--bg-hover)}.tool-config-property-table th:first-child{width:25%}.tool-config-property-table th:nth-child(2){width:15%}.tool-config-property-table th:nth-child(3){width:40%}.tool-config-property-table th:nth-child(4),.tool-config-property-table th:nth-child(5){width:10%;text-align:center}.tool-config-property-table td:nth-child(4),.tool-config-property-table td:nth-child(5){text-align:center}.tool-config-property-table td input,.tool-config-property-table td select,.tool-config-property-table td textarea{padding:8px 12px;font-size:13px;width:100%;box-sizing:border-box;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-bright);transition:var(--transition)}.tool-config-property-table td input,.tool-config-property-table td select{height:36px}.tool-config-property-table td input:hover,.tool-config-property-table td select:hover,.tool-config-property-table td textarea:hover{border-color:hsla(0,0%,100%,.2)}.tool-config-property-table td input:focus,.tool-config-property-table td select:focus,.tool-config-property-table td textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--primary-light);outline:none}.tool-config-property-table td textarea{height:36px;min-height:36px;resize:none;vertical-align:middle;overflow:hidden;padding-top:8px;padding-bottom:8px;line-height:20px}.tool-config-property-table td textarea:focus{height:auto;min-height:60px;resize:vertical;overflow:auto}.tool-config-select-container{position:relative;width:100%}.tool-config-select-container select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:30px;cursor:pointer}.tool-config-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:12px;color:var(--text-muted)}.tool-config-required-checkbox{display:flex;align-items:center;justify-content:center;height:100%}.tool-config-checkbox-input{width:18px;height:18px;cursor:pointer;position:relative;appearance:none;-webkit-appearance:none;background:var(--bg-card);border:1px solid var(--border);border-radius:4px}.tool-config-checkbox-input:checked{background:var(--primary);border-color:var(--primary)}.tool-config-checkbox-input:checked:after{content:"✓";position:absolute;color:#fff;font-size:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.tool-config-remove-row-btn{background:transparent;border:none;color:var(--danger);width:32px;height:32px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;transition:var(--transition);cursor:pointer}.tool-config-remove-row-btn:hover{background:var(--danger-light);color:var(--danger)}.tool-config-empty-table-msg{text-align:center;padding:var(--spacing-lg);color:var(--text-muted);background:rgba(0,0,0,.1);border-radius:var(--radius-md);border:1px dashed var(--border);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.tool-config-empty-table-msg svg{font-size:24px;opacity:.7}.tool-config-schema-title{margin:var(--spacing-lg) 0 var(--spacing-sm) 0;font-size:15px;font-weight:600;text-align:left;color:var(--text-bright);display:flex;align-items:center;gap:var(--spacing-sm)}.tool-config-json-view{background:rgba(0,0,0,.15);border-radius:var(--radius-sm);padding:var(--spacing-md);overflow-x:auto;border:1px solid var(--border);text-align:left;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.5}.tool-config-json-view>div,.tool-config-json-view span{text-align:left!important}.tool-config-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px);animation:fadeIn .3s ease}.tool-config-modal-container{background:var(--bg-dark);border-radius:var(--radius-lg);width:90%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.5);animation:slideUp .3s ease}.tool-config-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border);background:var(--bg-card)}.tool-config-modal-header h3{font-size:20px;font-weight:600;color:var(--text-bright);margin:0}.tool-config-close-modal-btn{background:transparent;border:none;color:var(--text);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition);cursor:pointer}.tool-config-close-modal-btn:hover{background:var(--bg-hover);color:var(--text-bright)}.tool-config-modal-content{padding:var(--spacing-xl);overflow-y:auto;flex:1;background:var(--bg-card)}.tool-config-template-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border);position:relative}.tool-config-template-section h5{margin-bottom:var(--spacing-sm);color:var(--text-bright);font-size:16px}.template-description{color:var(--text-muted);font-size:14px;margin-bottom:var(--spacing-md)}.tool-config-template-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md)}.tool-config-template-btn{background:var(--bg-card);border:1px solid var(--border);padding:12px 16px;border-radius:var(--radius-md);color:var(--text);font-weight:500;transition:var(--transition);position:relative;overflow:hidden;min-width:120px;text-align:center}.tool-config-template-btn:hover{border-color:hsla(0,0%,100%,.3);background:var(--bg-hover);transform:translateY(-2px)}.tool-config-template-btn.selected{border-color:var(--primary);background:var(--primary-light);color:var(--text-bright)}.tool-config-template-check{color:var(--primary);margin-left:var(--spacing-sm)}.tool-config-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border);background:var(--bg-card)}.tool-config-cancel-btn{background:transparent;color:var(--text);border:1px solid var(--border);padding:12px 24px;border-radius:var(--radius-sm);transition:var(--transition);font-weight:500}.tool-config-cancel-btn:hover{background:var(--bg-hover);border-color:hsla(0,0%,100%,.2)}.tool-config-add-tool-btn{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:var(--radius-sm);transition:var(--transition);font-weight:500;min-width:120px}.tool-config-add-tool-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.tool-config-add-tool-btn:disabled{opacity:.6;cursor:not-allowed}.tool-config-form-group{margin-bottom:var(--spacing-lg);position:relative}.tool-config-form-group label{display:flex;align-items:center;margin-bottom:var(--spacing-sm);font-weight:600;font-size:14px}.tool-config-check-indicator{position:absolute;right:12px;top:50%;color:var(--primary);font-size:14px;pointer-events:none}.tool-config-input:focus+.tool-config-check-indicator,.tool-config-textarea:focus+.tool-config-check-indicator{display:none}.tool-config-info-icon{margin-left:var(--spacing-sm);color:var(--text-muted);cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;transition:var(--transition)}.tool-config-info-icon:hover{color:var(--text-bright)}.tool-config-field-tooltip{position:absolute;left:24px;top:-8px;background:rgba(0,0,0,.95);padding:10px 14px;border-radius:var(--radius-sm);border-left:3px solid var(--primary);width:280px;z-index:10;opacity:0;visibility:hidden;transition:var(--transition);font-size:13px;font-weight:400;box-shadow:0 4px 12px rgba(0,0,0,.3);color:var(--text);line-height:1.5}.tool-config-info-icon:hover .tool-config-field-tooltip{opacity:1;visibility:visible}.tutorial-link{margin-left:var(--spacing-md);color:var(--primary);text-decoration:none;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:var(--transition);padding:4px 8px;border-radius:var(--radius-sm)}.tutorial-link:hover{background:var(--primary-light);text-decoration:none}.tool-config-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.tool-config-preview-modal{background:var(--bg-dark);border-radius:var(--radius-md);width:80%;max-width:800px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border)}.tool-config-preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border);background:var(--bg-card)}.tool-config-preview-content{padding:var(--spacing-lg);overflow-y:auto;flex:1}.tool-config-detail-section{margin-bottom:var(--spacing-lg);background:rgba(0,0,0,.1);border-radius:var(--radius-sm);padding:var(--spacing-md);border:1px solid var(--border)}.tool-config-detail-section h4{margin:0 0 var(--spacing-md) 0;font-weight:600;color:var(--primary);border-bottom:1px solid var(--border);padding-bottom:var(--spacing-sm)}.tool-config-detail-content{background:rgba(0,0,0,.1);border-radius:var(--radius-sm);padding:var(--spacing-md);border-left:3px solid var(--primary)}.tool-config-schema-code{font-family:monospace;white-space:pre-wrap;word-break:break-word;background:rgba(0,0,0,.2);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--border)}.tool-config-schema-code .property{color:#9cdcfe}.tool-config-schema-code .string{color:#ce9178}.tool-config-google-search-api-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px);animation:fadeIn .3s ease}.tool-config-google-search-api-modal-container{background:var(--bg-dark);border-radius:var(--radius-lg);width:90%;max-width:500px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.5);animation:slideUp .3s ease}.tool-config-google-search-api-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border);background:var(--bg-card)}.tool-config-google-search-api-modal-header h3{font-size:20px;font-weight:600;color:var(--text-bright);margin:0}.tool-config-google-search-api-modal-close-button{background:transparent;border:none;color:var(--text);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition);cursor:pointer}.tool-config-google-search-api-modal-close-button:hover{background:var(--bg-hover);color:var(--text-bright)}.tool-config-google-search-api-modal-content{padding:var(--spacing-xl);background:var(--bg-card)}.tool-config-google-search-api-modal-body{margin-bottom:var(--spacing-lg)}.tool-config-google-search-api-modal-body p{margin-bottom:var(--spacing-md);color:var(--text);font-size:15px}.tool-config-google-search-api-modal-input{width:100%;padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);font-size:15px;margin-top:4px;margin-bottom:4px}.tool-config-google-search-api-modal-input:focus{outline:none;border-color:var(--primary)}.tool-config-google-search-api-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border);background:var(--bg-card)}.tool-config-google-search-api-modal-button{padding:12px 24px;border-radius:var(--radius-sm);font-size:15px;font-weight:500;cursor:pointer;transition:var(--transition)}.tool-config-google-search-api-modal-cancel-button{background:transparent;color:var(--text);border:1px solid var(--border)}.tool-config-google-search-api-modal-cancel-button:hover{background:var(--bg-hover);border-color:hsla(0,0%,100%,.2)}.tool-config-google-search-api-modal-save-button{background:var(--primary);color:#fff;border:none;min-width:120px}.tool-config-google-search-api-modal-save-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.tool-config-google-search-api-modal-save-button:disabled{opacity:.6;cursor:not-allowed}.component-prompt-builder{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#1e1e1e;border:1px solid #3c3c3c;border-radius:8px;padding:16px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#d4d4d4}.builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid #eee;padding-bottom:10px}.builder-header h3{margin:0;font-size:18px;color:#d4d4d4;display:flex;align-items:center}.header-icon{margin-right:8px;color:#569cd6}.close-button{background:none;color:#d4d4d4;font-size:16px;padding:4px 8px;border-radius:4px}.close-button:hover{background-color:#3c3c3c}.builder-description{margin-bottom:16px;color:#d4d4d4;font-size:14px;line-height:1.5;text-align:left}.component-selection-controls{display:flex;gap:8px;margin-bottom:12px}.deselect-all-btn,.select-all-btn{padding:6px 12px;background-color:#0e639c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:background-color .2s;display:flex;align-items:center;gap:5px}.deselect-all-btn:hover,.select-all-btn:hover{background-color:#17b}.component-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin-bottom:20px;max-height:300px;overflow-y:auto;padding-right:5px}.component-option{padding:8px 10px;border:1px solid #3c3c3c;border-radius:4px;background-color:#252526;transition:background-color .2s,border-color .2s;text-align:left}.component-option:hover{background-color:#2d2d2d}.component-option.selected{border-color:#569cd6;background-color:rgba(86,156,214,.1)}.component-label{display:flex;align-items:flex-start;cursor:pointer}.component-label input[type=checkbox]{margin-top:3px;margin-right:8px}.component-name{font-weight:500;margin-right:6px;color:#d4d4d4;font-size:14px;text-align:left}.component-description{font-size:13px;color:#9cdcfe;font-style:italic;text-align:left;display:block;margin-left:22px}.generated-prompt-container{background-color:#252526;border:1px solid #3c3c3c;border-radius:6px;padding:12px;margin-top:16px}.generated-prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.generated-prompt-header h4{margin:0;font-size:16px;color:#d4d4d4}.copy-button{background-color:#0e639c;color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:5px;transition:background-color .2s}.copy-button:hover{background-color:#17b}.generated-prompt{background-color:#1e1e1e;border:1px solid #3c3c3c;border-radius:4px;padding:12px;font-family:Consolas,Courier New,monospace;font-size:13px;white-space:pre-wrap;overflow-x:auto;overflow-y:auto;color:#d4d4d4;line-height:1.5;margin:0 0 12px;width:100%;height:250px;max-height:250px;resize:none;box-sizing:border-box;text-align:left}.prompt-instructions{font-size:13px;color:#9cdcfe;font-style:italic;text-align:left}@media(max-width:768px){.component-options{grid-template-columns:1fr}}.design-panel{background:#1e1e1e;border-radius:10px;padding:24px;width:100%;height:100%;overflow-y:auto;box-sizing:border-box;color:#d4d4d4;font-family:Amazon Ember,sans-serif;flex-direction:column;gap:20px;max-height:100vh;box-shadow:0 4px 12px rgba(0,0,0,.2)}.design-panel,.panel-header{display:flex;position:relative}.panel-header{justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid #3c3c3c;padding-bottom:18px}.panel-header:after{content:"";position:absolute;bottom:-1px;left:0;width:100px;height:2px;background:linear-gradient(90deg,#569cd6,transparent)}.panel-header h2{margin:0;font-size:22px;font-weight:600;color:#d4d4d4;letter-spacing:.5px}.close-button{background:hsla(0,0%,100%,.1);border:none;color:#999;font-size:20px;cursor:pointer;padding:4px 10px;line-height:1;border-radius:50%;transition:all .2s ease}.close-button:hover{color:#fff;background:hsla(0,0%,100%,.2);transform:scale(1.05)}.settings-section{margin-bottom:16px;width:100%;box-sizing:border-box;overflow:visible;transition:all .3s ease;border-bottom:1px solid #3c3c3c}.section-header{padding:14px 16px;cursor:pointer;display:flex;align-items:center;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;overflow:hidden}.section-header:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:#569cd6;opacity:0;transition:opacity .2s}.section-header:hover{background:hsla(0,0%,100%,.05)}.section-header:hover:before{opacity:1}.section-header h3{margin:0;font-size:16px;font-weight:600;color:#d4d4d4;letter-spacing:.3px}.section-toggle-icon{margin-right:12px;width:16px;color:#569cd6;transition:transform .2s}.section-icon{margin-right:10px;color:#569cd6;font-size:16px}.section-content{padding:20px;animation:fadeIn .3s ease;overflow:visible;width:100%;box-sizing:border-box;background:#252526;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.2);border:1px solid #3c3c3c;margin-top:8px}.subsection{margin-bottom:20px;padding:0}.subsection h4{margin:0 0 18px;font-size:16px;font-weight:600;color:#fff;border-bottom:1px solid #444;padding-bottom:10px;position:relative;letter-spacing:.3px}.subsection h4:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background:#569cd6}.system-prompt-input{padding:12px;background:#1e1e1e;border:1px solid #3c3c3c;border-radius:6px;color:#d4d4d4;width:100%;resize:vertical;min-height:200px;box-sizing:border-box;margin:0;font-size:14px;font-style:normal;font-weight:400;font-family:Consolas,Courier New,monospace;line-height:1.5;transition:border-color .2s}.system-prompt-input:focus{outline:none;border-color:#569cd6}.button-container{display:flex;gap:12px;margin-top:20px;justify-content:flex-end}.enhance-button,.reset-button,.save-button{height:38px;padding:0 18px;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:.3px;position:relative;overflow:hidden}.enhance-button:before,.reset-button:before,.save-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:hsla(0,0%,100%,.1);transition:all .3s ease}.enhance-button:hover:before,.reset-button:hover:before,.save-button:hover:before{left:0}.save-button{background-color:#0e639c;color:#fff}.save-button:hover{background-color:#17b;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.enhance-button{background-color:#6a1b9a;color:#fff}.enhance-button:hover{background-color:#8e24aa;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.reset-button{background-color:#464646;color:#fff}.reset-button:hover{background-color:#575757;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.enhance-button:disabled,.save-button:disabled{background:linear-gradient(145deg,#3a3a3a,#2d2d2d);color:#666;cursor:not-allowed;box-shadow:none;transform:none}.enhance-button:disabled:before,.save-button:disabled:before{display:none}.spinner-small{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid #fff;border-top-color:transparent;animation:spin .8s linear infinite}.model-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:0;padding:0}.model-option{background:#252526;border:1px solid #3c3c3c;border-radius:6px;padding:12px;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:4px}.model-option:hover{background:#2d2d2d;border-color:#3c3c3c;box-shadow:0 3px 6px rgba(0,0,0,.2);transform:translateY(-1px)}.model-option.selected{background:rgba(86,156,214,.1);border:1px solid #569cd6;box-shadow:0 0 0 1px rgba(86,156,214,.3)}.model-option.selected:before{content:"";position:absolute;left:-1px;top:0;height:100%;width:3px;background:#569cd6;border-radius:3px 0 0 3px}.model-option-content{display:flex;justify-content:space-between;align-items:center}.model-name{font-size:15px;color:#fff;font-weight:500;letter-spacing:.3px}.model-selected-indicator{color:#569cd6;font-weight:700;background:rgba(76,175,80,.1);padding:2px 6px;border-radius:4px;font-size:12px}.model-config-grid{display:flex;flex-direction:column;gap:20px}.design-name-container{margin-bottom:24px;padding:0 0 16px;border-bottom:1px solid #444;position:relative}.design-name-container:after{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:2px;background:#569cd6}.design-json-container{margin-top:20px;padding:0;background:#252529;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.15);border:1px solid #3a3a40}.design-json-container h4{margin:0;font-size:15px;font-weight:500;color:#fff;border-bottom:1px solid #444;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;background:#2a2a30}.json-toggle-button{background:#333338;border:1px solid #444;border-radius:4px;color:#dadadb;padding:4px 8px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s;margin-left:auto;margin-right:8px}.json-toggle-button:hover{background:#3a3a40;border-color:#569cd6;color:#fff}.design-json-container h4:after{content:"JSON";font-size:11px;background:#569cd6;color:#000;padding:2px 6px;border-radius:4px;font-weight:700;letter-spacing:.5px}.design-json{overflow:auto;color:#dadadb;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;text-align:left;width:100%;box-sizing:border-box;padding:16px}.design-json :global(.react-json-view-lite),.design-json :global(.react-json-view-lite-container),.design-json :global(.react-json-view-lite-root){background:transparent!important;text-align:left!important;display:block!important;width:100%!important}.design-json :global(.react-json-view-lite-key){color:#9cdcfe!important;font-weight:500;text-align:left!important}.design-json :global(.react-json-view-lite div),.design-json :global(.react-json-view-lite span){text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}.design-json :global(.react-json-view-lite-basic-child),.design-json :global(.react-json-view-lite-collapsible-content),.design-json :global(.react-json-view-lite-container){display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important}.design-json :global(.react-json-view-lite-string){color:#ce9178!important}.design-json :global(.react-json-view-lite-number){color:#b5cea8!important}.design-json :global(.react-json-view-lite-boolean){color:#569cd6!important}.design-json :global(.react-json-view-lite-null){color:#d7ba7d!important}.design-json-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;background:#2a2a30;border-top:1px solid #444}.json-action-button{background:#333338;border:1px solid #444;border-radius:4px;color:#dadadb;padding:6px 12px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.1)}.json-action-button:hover{background:#3a3a40;border-color:#569cd6;color:#fff;transform:translateY(-1px);box-shadow:0 2px 5px rgba(0,0,0,.2)}.component-selector-toggle{margin:10px 0;text-align:left;display:flex;justify-content:flex-start;width:100%}.component-selector-button{background-color:#0e639c;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s;margin-left:0;align-self:flex-start;text-align:left}.design-name-edit{display:flex;gap:8px;align-items:center;padding:8px 0}.design-name-edit input{padding:8px 12px;background:#333;border:1px solid #444;border-radius:4px;color:#dadadb;font-size:14px;flex:1 1}.design-name-edit input:focus{outline:none;border-color:#569cd6}.save-name-button{padding:8px 16px;background:#569cd6;border:none;border-radius:4px;color:#fff;cursor:pointer}.save-name-button:hover{background:#17b}.cancel-button{padding:8px 16px;background:#666;border:none;border-radius:4px;color:#fff;cursor:pointer}.cancel-button:hover{background:#555}.design-name-display{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.design-name-display p{margin:0;font-size:16px;color:#fff}.design-name-display p strong{color:#569cd6;margin-right:8px}.rename-button{padding:6px 12px;background:transparent;border:1px solid #444;border-radius:4px;color:#dadadb;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px}.rename-button:hover{background:hsla(0,0%,100%,.05);border-color:#569cd6}.loading-spinner{flex-direction:column;gap:12px;padding:20px 0}.spinner{width:30px;height:30px;border:3px solid #444;border-top-color:#569cd6;animation:spin 1s linear infinite}.experiments-list{display:flex;flex-direction:column;gap:12px;overflow-y:visible;padding-right:8px}.experiment-item{padding:12px 0;display:flex;justify-content:space-between;align-items:center;transition:all .2s;border-bottom:1px solid #444}.experiment-item:hover{background:hsla(0,0%,100%,.05)}.experiment-info h4{margin:0 0 8px;color:#fff;font-weight:500}.experiment-date,.experiment-status{margin:4px 0;font-size:13px;color:#999}.status-active{color:#569cd6;background:rgba(76,175,80,.1)}.status-active,.status-completed{font-weight:600;padding:2px 6px;border-radius:4px}.status-completed{color:#2196f3;background:rgba(33,150,243,.1)}.status-failed{color:#f44336;font-weight:600;background:rgba(244,67,54,.1);padding:2px 6px;border-radius:4px}.view-experiment-button{background:transparent;border:1px solid #444;border-radius:4px;color:#dadadb;padding:6px 10px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;transition:all .2s}.view-experiment-button:hover{background:hsla(0,0%,100%,.05);border-color:#569cd6;color:#fff}.no-data{text-align:center;padding:20px 0;color:#999;font-style:italic;border-bottom:1px dashed #444}.error-message{padding:12px 0;margin-bottom:16px;color:#f44336;font-size:14px;gap:8px;border-bottom:1px dashed #f44336}.error-message:before{content:"⚠️";font-size:16px}.custom-model-section{margin-top:20px;padding:20px;background-color:#2a2a30;border-radius:8px;border:1px solid #3a3a40;box-shadow:0 2px 4px rgba(0,0,0,.2)}.custom-model-section h4{margin:0 0 20px;color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.custom-model-section h4:after{content:"";flex:1 1;height:1px;background:#444;margin-left:10px}.custom-model-form{gap:16px}.custom-model-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#ccc;font-size:.9em;font-weight:500}.custom-input{padding:10px 12px;border:1px solid #444;border-radius:6px;background-color:#333;color:#fff;font-size:14px;transition:all .2s ease}.custom-input:focus{outline:none;border-color:#569cd6;box-shadow:0 0 0 2px rgba(76,175,80,.1)}.custom-input:disabled{background-color:#2a2a2a;border-color:#333;color:#666;cursor:not-allowed}.custom-model-actions{display:flex;justify-content:flex-end;margin-top:8px}.add-custom-model-button{padding:8px 16px;background-color:#0e639c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.add-custom-model-button:hover{background-color:#17b;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.add-custom-model-button:disabled{background-color:#464646;color:#666;cursor:not-allowed;transform:none;box-shadow:none}.custom-model-badge{background:linear-gradient(145deg,#569cd6,#0e639c);color:#fff;padding:2px 8px;border-radius:4px;font-size:.8em;font-weight:500;margin-left:8px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.custom-model-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}.custom-model-modal-container{background:#2a2a30;border-radius:8px;width:90%;max-width:500px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #3a3a40;box-shadow:0 10px 30px rgba(0,0,0,.5);animation:slideUp .3s ease}.custom-model-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #444;background:#2d2d32}.custom-model-modal-header h3{font-size:20px;font-weight:600;color:#fff;margin:0}.custom-model-modal-close-button{background:transparent;border:none;color:#999;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer}.custom-model-modal-close-button:hover{background:hsla(0,0%,100%,.1);color:#fff}.custom-model-modal-content{padding:24px;background:#2a2a30}.custom-model-modal-body{margin-bottom:24px}.custom-model-modal-body p{margin-bottom:16px;color:#dadadb;font-size:15px}.custom-model-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #444;background:#2d2d32}.custom-model-modal-button{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.custom-model-modal-cancel-button{background:transparent;color:#dadadb;border:1px solid #444}.custom-model-modal-cancel-button:hover{background:hsla(0,0%,100%,.05);border-color:#555}.custom-model-modal-save-button{background:linear-gradient(145deg,#569cd6,#0e639c);color:#fff;border:none;min-width:120px}.custom-model-modal-save-button:hover:not(:disabled){background:linear-gradient(145deg,#17b,#17b);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.custom-model-modal-save-button:disabled{background:linear-gradient(145deg,#3a3a3a,#2d2d2d);color:#666;cursor:not-allowed;transform:none;box-shadow:none}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.model-option.loading{opacity:.7;cursor:not-allowed;pointer-events:none}.model-option.loading:hover{transform:none;box-shadow:none}.model-selected-indicator .spinner-small{width:12px;height:12px;border:2px solid rgba(76,175,80,.3);border-top-color:#569cd6;border-radius:50%;animation:spin .8s linear infinite}.deep-research-toggle-card{margin:24px 0 16px;padding:18px 18px 14px;border-radius:12px;background:linear-gradient(120deg,#23232b 80%,#232b2e);border:1.5px solid #333;box-shadow:0 2px 8px rgba(76,175,80,.07),inset 0 1.5px 0 #222;width:100%;max-width:none;text-align:left;transition:border-color .25s,box-shadow .25s,background .25s;position:relative}.deep-research-toggle-card.enabled{border-color:#569cd6;box-shadow:0 2px 12px rgba(76,175,80,.18),inset 0 1.5px 0 #222;background:linear-gradient(120deg,#23232b 60%,#2e3d2f)}.deep-research-toggle-row{display:flex;align-items:center;justify-content:flex-start;gap:22px;min-height:48px;position:relative}.deep-research-icon{color:#4a6fa5;font-size:1.2em}.deep-research-label{font-weight:500;font-size:1.08em;color:#dadadb;margin-right:2px}.switch{position:relative;display:inline-block;width:44px;height:24px;margin:0 8px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#444;border-radius:24px}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%}.switch input:checked+.slider{background-color:#569cd6}.switch input:checked+.slider:before{transform:translateX(20px)}.deep-research-info-icon-wrapper{position:relative;display:inline-block;cursor:pointer}.deep-research-info-icon{color:#4a6fa5;font-size:1.1em;vertical-align:middle}.deep-research-tooltip-text{visibility:hidden;opacity:0;width:320px;background-color:#23232b;color:#dadadb;text-align:left;border-radius:8px;padding:14px 18px;position:absolute;z-index:10;left:50%;bottom:130%;transform:translateX(-50%);box-shadow:0 4px 16px rgba(0,0,0,.25);font-size:.98em;transition:opacity .2s,visibility .2s;pointer-events:none;font-weight:400}.deep-research-info-icon-wrapper:focus .deep-research-tooltip-text,.deep-research-info-icon-wrapper:hover .deep-research-tooltip-text{visibility:visible;opacity:1;pointer-events:auto}.deep-research-badge{background:#569cd6;color:#fff;font-size:.75em;font-weight:700;border-radius:8px;padding:2px 8px;margin-left:6px;letter-spacing:1px;box-shadow:0 1px 4px rgba(76,175,80,.13)}.setting-description{align-items:flex-start;gap:6px;color:#aaa;font-size:.98em}.setting-description,.setting-description-tooltip{display:flex;justify-content:center;margin-top:8px;margin-left:2px;text-align:center}.setting-description-tooltip{align-items:center}.deep-research-prompt-section{margin-top:1rem;padding:1rem;background-color:hsla(0,0%,100%,.05);border-radius:4px}.deep-research-prompt-edit{display:flex;flex-direction:column;gap:1rem}.deep-research-prompt-input{width:100%;min-height:100px;padding:.75rem;background-color:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;color:#fff;font-family:inherit;font-size:.9rem;resize:vertical}.deep-research-prompt-input:focus{outline:none;border-color:hsla(0,0%,100%,.3)}.deep-research-prompt-actions{display:flex;gap:.5rem;justify-content:flex-end}.cancel-prompt-button,.save-prompt-button{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.save-prompt-button{background-color:#569cd6;color:#fff}.save-prompt-button:hover{background-color:#17b}.save-prompt-button:disabled{background-color:#666;cursor:not-allowed}.cancel-prompt-button{background-color:#666;color:#fff}.cancel-prompt-button:hover{background-color:#555}.cancel-prompt-button:disabled{background-color:#444;cursor:not-allowed}.deep-research-prompt-display{display:flex;flex-direction:column;gap:.5rem}.deep-research-prompt-header{display:flex;justify-content:space-between;align-items:center}.deep-research-prompt-header h4{margin:0;font-size:1rem;color:#fff}.edit-prompt-button{padding:.25rem .75rem;background-color:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.edit-prompt-button:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3)}.deep-research-prompt-content{padding:.75rem;background-color:rgba(0,0,0,.2);border-radius:4px;font-size:.9rem;line-height:1.5;white-space:pre-wrap}.deep-research-prompt-content p{margin:0}.no-prompt-message{color:#888;font-style:italic}.component-selector-button.active,.component-selector-button:hover{background-color:#17b}.chat-window{display:flex;flex-direction:column;height:100%;width:45%;background-color:#25252a;overflow:hidden;position:relative;max-height:100vh}.chat-window,.chat-window.full-width{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.chat-window.full-width{width:100%;max-width:100%;flex:1 1;margin:0}.chat-header{display:flex;align-items:center;padding:16px 20px;background-color:#2d2d32;border-bottom:1px solid #37383b}.chat-actions,.chat-actions .icon-button{display:flex;gap:8px;align-items:center}.chat-actions .icon-button{padding:8px 14px;background:transparent;border:none;color:#dadadb;cursor:pointer;border-radius:6px;transition:all .2s ease;min-width:32px;font-size:14px;font-weight:500}.chat-actions .icon-button:hover{background-color:hsla(0,0%,100%,.15);transform:translateY(-1px)}.chat-actions .icon-button.active{background-color:rgba(86,156,214,.25);color:#569cd6}.chat-actions .icon-button .button-text{margin-left:5px}.chat-actions .icon-button .fa-brain{color:#666}.chat-actions .icon-button.active .fa-brain{color:#2196f3}.preview-toggle{display:flex;align-items:center;margin:0 auto 0 16px;height:30px}.toggle-switch{position:relative;display:inline-block;width:100px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#37383b;transition:.3s;border-radius:30px;border:1px solid #444;display:flex;align-items:center;justify-content:space-between;padding:0 5px}.toggle-text{color:#dadadb;font-size:12px;font-weight:500;transition:color .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:60px;text-align:center;line-height:28px;height:28px;z-index:1}input:checked+.toggle-slider .toggle-text{color:#fff;margin-left:5px}input:not(:checked)+.toggle-slider .toggle-text{margin-left:30px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;background-color:#555;transition:.3s;border-radius:50%;top:3px;z-index:2}input:not(:checked)+.toggle-slider:before{left:4px}input:checked+.toggle-slider:before{left:calc(100% - 24px);background-color:#fff}input:checked+.toggle-slider{background-color:#4a6fa5}.model-display{display:flex;align-items:center;margin-left:auto;padding:8px 14px;background-color:transparent;color:#dadadb;font-size:14px;font-family:Amazon Ember;position:relative;border-radius:6px;transition:all .3s ease;border:1px solid transparent}.model-label{font-weight:600;margin-right:5px}.settings-button{background:none;border:none;color:#666;padding:8px;border-radius:4px;justify-content:center}.settings-button:hover{background:#333}.chat-content-wrapper{display:flex;flex-direction:column;flex:1 1;overflow:hidden;position:relative;min-height:0;height:100%}.settings-wrapper{flex:1 1;overflow:auto;padding:0;display:flex}.chat-messages{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:20px;height:100%;min-height:0;-webkit-overflow-scrolling:touch;-ms-scroll-chaining:none;overscroll-behavior:contain;position:relative;scrollbar-width:auto;scrollbar-color:#444 #25252a;padding:24px;background-color:#2a2a2f}.chat-messages::-webkit-scrollbar{width:10px}.chat-messages::-webkit-scrollbar-track{background:#25252a}.chat-messages::-webkit-scrollbar-thumb{background-color:#444;border-radius:6px;border:2px solid #25252a}.chat-messages::-webkit-scrollbar-thumb:hover{background-color:#555}.message{max-width:85%;margin-bottom:16px;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:12px;box-shadow:0 2px 5px rgba(0,0,0,.1);position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:16px}.message.user{align-self:flex-end;background-color:#4a6fa5;color:#fff;flex-direction:row-reverse}.message.assistant{align-self:flex-start;background-color:#3a3a40;color:#dadadb}.message.image .message-content{min-width:250px}.message.image.user{background-color:#4a6fa5}.message.image.assistant{background-color:#3a3a40}.message.agent,.message[class*="assistant|Clarification"],.message[class*="assistant|Deep Search"],.message[class*="assistant|Recommendation"],.message[class*="assistant|system"]{align-self:flex-start;background-color:#5d4a7c;color:#dadadb}.message[class*="assistant|system"]{background-color:#4a6f6f}.message[class*="assistant|Clarification"]{background-color:#6f4a4a}.message[class*="assistant|Deep Search"]{background-color:#6f6f4a}.message[class*="assistant|Recommendation"]{background-color:#4a4a6f}.message-icon{min-width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px;position:relative}.message.assistant .message-icon{background-color:#2d2d32;color:#dadadb;order:1}.message.user .message-icon{background-color:#3a5a8c;color:#fff;order:2}.message.agent .message-icon,.message[class*="assistant|Clarification"] .message-icon,.message[class*="assistant|Deep Search"] .message-icon,.message[class*="assistant|Recommendation"] .message-icon,.message[class*="assistant|system"] .message-icon{background-color:#4d3a6c;color:#dadadb;order:1}.message[class*="assistant|system"] .message-icon{background-color:#3a5d5d}.message[class*="assistant|Clarification"] .message-icon{background-color:#5d3a3a}.message[class*="assistant|Deep Search"] .message-icon{background-color:#5d5d3a}.message[class*="assistant|Recommendation"] .message-icon{background-color:#3a3a5d}.message-icon svg,.message-type-icon{width:16px;height:16px}.message-type-icon{position:absolute;bottom:-4px;right:-4px;border-radius:50%;background-color:#25252a;display:flex;align-items:center;justify-content:center;font-size:10px;box-shadow:0 1px 3px rgba(0,0,0,.3)}.message.user .message-type-icon{background-color:#3a5a8c}.message.assistant .message-type-icon{background-color:#2d2d32}.message-timestamp{font-size:11px;color:rgba(218,218,219,.6);margin-top:6px;min-width:60px;text-align:center}.message.user .message-timestamp{color:hsla(0,0%,100%,.7);order:1}.message.agent .message-timestamp,.message.assistant .message-timestamp,.message[class*="assistant|Clarification"] .message-timestamp,.message[class*="assistant|Deep Search"] .message-timestamp,.message[class*="assistant|Recommendation"] .message-timestamp,.message[class*="assistant|system"] .message-timestamp{order:2}.message.generating{opacity:.7;font-style:italic;color:#dadadb}.message.generating .message-content{display:flex;align-items:center;gap:4px;min-width:120px}.message-content{text-align:left;font-size:16px;font-style:normal;font-weight:400;font-family:Amazon Ember;line-height:1.6;flex:1 1 100%;order:3}.message.user .message-content{color:#fff;text-align:right}.message.agent .message-content,.message.assistant .message-content,.message[class*="assistant|Clarification"] .message-content,.message[class*="assistant|Deep Search"] .message-content,.message[class*="assistant|Recommendation"] .message-content,.message[class*="assistant|system"] .message-content{color:#dadadb}.message-actions{display:flex;gap:10px;margin-top:12px;justify-content:flex-start;opacity:1;border-top:1px solid hsla(0,0%,100%,.1);padding-top:10px}.message.user .message-actions{justify-content:flex-end}.action-button{background:none;border:none;color:inherit;opacity:.8;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-button:hover{opacity:1;background-color:hsla(0,0%,100%,.15);transform:translateY(-1px)}.action-button svg{width:16px;height:16px}.chat-input-form{padding:20px;display:flex;align-items:center;box-sizing:border-box;background-color:#2d2d32;min-height:80px;flex-shrink:0;border-top:1px solid #37383b}.input-container{flex:1 1;display:flex;flex-direction:column;position:relative;background-color:#25252a;border-radius:24px;padding:12px 16px;box-shadow:0 2px 6px rgba(0,0,0,.2);min-height:100px}.chat-input{width:100%;padding:8px 0;background:transparent;border:none;color:#dadadb;font-size:16px;font-style:normal;font-weight:400;font-family:Amazon Ember;resize:none;min-height:24px;max-height:120px;box-sizing:border-box;transition:border-color .2s ease;text-align:left}.chat-input:focus{outline:none}.chat-input:disabled{opacity:.7;cursor:not-allowed}.input-buttons{display:flex;gap:12px;margin-top:12px;justify-content:flex-start;flex-wrap:nowrap}.input-action-button{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;background-color:#37383b;border:none;color:#dadadb;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:100px}.input-action-button:hover{background-color:#444}.input-action-button.active{background-color:#4a6fa5;color:#fff}.input-action-button.active svg{color:#fff}.input-action-button svg{width:14px;height:14px;color:#dadadb}.empty-chat-message,.loading-indicator{color:#dadadb;font-size:16px;font-style:normal;font-weight:400;font-family:Amazon Ember;text-align:center;padding:24px;background-color:hsla(0,0%,100%,.05);border-radius:12px;margin:40px auto;max-width:80%}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:12px}.spinner{display:inline-block;width:28px;height:28px;border-radius:50%;border:3px solid rgba(74,111,165,.3);border-top-color:#4a6fa5;animation:spin 1s ease-in-out infinite}.small-spinner{width:14px;height:14px;border-width:2px;margin-right:10px;vertical-align:middle;display:inline-flex;opacity:.9;transition:opacity .3s ease;box-shadow:0 0 5px rgba(74,111,165,.5);border-top-color:#5a8fd6}.model-display.is-generating{background-color:rgba(74,111,165,.1);padding-left:12px;border:1px solid rgba(74,111,165,.2);box-shadow:0 1px 3px rgba(0,0,0,.1);animation:pulse 2s ease-in-out infinite}.generating-text{display:inline-block}.clear-history-button{display:flex;align-items:center;gap:6px;background-color:transparent;border:none;border-radius:4px;padding:6px 12px;font-size:14px;color:#dadadb;cursor:pointer;transition:all .2s ease}.clear-history-button:hover{background-color:hsla(0,0%,100%,.1)}.clear-history-button .button-text{font-weight:500}.thinking-group-card{background:#39395a;border:1.5px dashed #888;border-radius:16px;padding:20px 24px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.1);max-width:700px}.thinking-group-header{display:flex;align-items:center;gap:12px;font-size:1.15em;font-weight:700;color:#ffd600;margin-bottom:2px}.thinking-group-icon{color:#ffd600;font-size:1.3em}.thinking-group-title{font-weight:700;color:#ffd600}.thinking-group-summary{font-size:.98em;color:rgba(255,214,0,.8);margin-bottom:10px;margin-left:32px}.thinking-steps-list{display:flex;flex-direction:column;gap:10px}.thinking-step-card{background:#4a4a6f;border-radius:8px;border:1px solid #55557a;margin-top:0;transition:background .2s;box-shadow:0 1px 4px rgba(0,0,0,.08)}.thinking-step-card.expanded{background:#57578a}.thinking-step-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;font-size:1em;font-weight:500;color:#ffd600}.thinking-step-header>:not(.thinking-step-actions){margin-right:12px}.thinking-step-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.thinking-step-number{font-weight:700;color:#ffd600;min-width:70px}.thinking-step-type-badge{background:#ffd600;color:#222;border-radius:12px;padding:2px 12px;font-size:.95em;font-weight:600;text-transform:lowercase;letter-spacing:.5px}.thinking-step-timestamp{color:rgba(255,214,0,.6);font-size:.95em;min-width:80px}.thinking-step-copy,.thinking-step-toggle{background:none;border:none;color:#ffd600;cursor:pointer;padding:4px 8px;border-radius:6px;opacity:.8;transition:background .2s,opacity .2s;margin-left:2px;display:flex;align-items:center}.thinking-step-copy:hover,.thinking-step-toggle:hover{background:rgba(255,214,0,.1333333333);opacity:1}.thinking-step-content{padding:16px 20px 16px 32px;background:#35355a;border-radius:0 0 8px 8px;color:#fff;font-size:1em;border-top:1px solid rgba(255,214,0,.1333333333);text-align:left}.message-content,.text-content,.thinking-step-content{text-align:left}.chat-message-card{background:#252526;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:18px 22px;margin-bottom:18px;max-width:700px;width:100%;border:1.5px solid #333;color:#d4d4d4;transition:box-shadow .2s,border .2s;box-sizing:border-box}.chat-message-card.user{border-color:#007acc}.chat-message-card.assistant{border-color:#b392f0}.chat-message-card.agent,.chat-message-card.system{border-color:#4ec9b0}.chat-message-card.align-right{align-self:flex-end;margin-left:auto}.chat-message-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.chat-message-badge{border-radius:10px;padding:2px 10px;font-size:.95em;font-weight:600;text-transform:capitalize;background:#333;color:#d4d4d4;letter-spacing:.5px}.chat-message-badge.user{background:#007acc;color:#fff}.chat-message-badge.assistant{background:#b392f0;color:#222}.chat-message-badge.agent,.chat-message-badge.system{background:#4ec9b0;color:#222}.chat-message-card .message-timestamp{margin-left:auto;color:#858585;font-size:.95em}.chat-input-with-upload{display:flex;flex-direction:column;width:100%;position:relative;transition:all .3s ease}.chat-input-with-upload.drag-over{background-color:rgba(74,111,165,.1);border:2px dashed #4a6fa5;border-radius:24px}.file-preview-area{display:flex;flex-wrap:wrap;gap:10px;padding:10px;background-color:#2a2a2f;border-radius:8px;margin-bottom:10px}.file-preview-item{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;background-color:#25252a}.file-preview-item img{width:100%;height:100%;object-fit:cover}.video-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#dadadb;background-color:#37383b;padding:8px}.video-preview svg{font-size:24px;margin-bottom:5px}.video-preview span{font-size:10px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.remove-file-button{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background-color:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:10px;transition:all .2s ease}.remove-file-button:hover{background-color:rgba(255,0,0,.8);transform:scale(1.1)}.upload-button-container{position:relative}.upload-options{position:absolute;bottom:100%;left:0;background-color:#37383b;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);padding:8px;margin-bottom:8px;display:flex;flex-direction:column;gap:4px;z-index:10;min-width:120px}.upload-options button{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:transparent;border:none;color:#dadadb;cursor:pointer;border-radius:4px;transition:all .2s ease;text-align:left}.upload-options button:hover{background-color:hsla(0,0%,100%,.1)}.input-action-button.disabled{opacity:.5;cursor:not-allowed}.input-action-button.disabled:hover{background-color:transparent}.tooltip-container{position:relative;display:inline-block}.tooltip{visibility:hidden;width:auto;min-width:200px;max-width:400px;background-color:#333;color:#fff;text-align:left;border-radius:6px;padding:10px;position:absolute;z-index:1;bottom:150%;left:0;transform:none;opacity:0;transition:opacity .3s;font-size:13px;line-height:1.4;white-space:normal;pointer-events:none}.tooltip-container:hover .tooltip{visibility:visible;opacity:1}.tooltip:after{content:"";position:absolute;top:100%;left:20px;border:5px solid transparent;border-top-color:#333}.upload-options button svg{width:16px;height:16px}.upload-instructions{padding:10px;text-align:center;color:rgba(218,218,219,.6);font-size:12px;border-radius:8px;margin-top:5px;background-color:rgba(74,111,165,.05)}.chat-input-with-upload.drag-over .upload-instructions{border:2px dashed rgba(74,111,165,.3);padding:20px;background-color:rgba(74,111,165,.1)}.chat-input-with-upload .chat-input-form{padding:0;border-top:none}.chat-input-with-upload .input-container{min-height:80px}.text-content{white-space:pre-wrap;word-break:break-word}.image-content{max-width:100%;display:flex;flex-direction:column;gap:8px}.media-caption{font-size:14px;margin-bottom:4px;color:inherit}.image-container{position:relative;border-radius:8px;overflow:hidden;max-width:100%;transition:all .2s ease}.image-container:hover .media-actions{opacity:1}.image-container img{max-width:100%;max-height:300px;object-fit:contain;border-radius:8px;cursor:pointer;display:block}.media-actions{position:absolute;top:8px;right:8px;display:flex;gap:8px;opacity:0;transition:opacity .2s ease;z-index:2}.media-action-button{width:32px;height:32px;border-radius:50%;background-color:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none}.media-action-button:hover{background-color:rgba(0,0,0,.7);transform:scale(1.1)}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out}.image-modal-content{position:relative;max-width:90%;max-height:90%}.image-modal-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:4px;cursor:default}.image-modal-content .close-modal-button{position:absolute;top:-40px;right:-40px;width:36px;height:36px;border-radius:50%;background-color:hsla(0,0%,100%,.2);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:all .2s ease}.image-modal-content .close-modal-button:hover{background-color:hsla(0,0%,100%,.3)}@media(max-width:768px){.image-container img{max-height:250px}.image-modal-content .close-modal-button{top:-30px;right:-10px}}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}.share-modal-card{background:#23242a;border-radius:18px;box-shadow:0 8px 40px rgba(0,0,0,.45);width:96vw;max-width:700px;padding:0 0 18px;display:flex;flex-direction:column;position:relative;animation:slideIn .25s}@keyframes slideIn{0%{opacity:0;transform:scale(.97) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px 12px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#23242a 80%,#23243a)}.share-modal-header h2{margin:0;font-size:1.25rem;color:#fff;font-weight:700;letter-spacing:.01em}.share-modal-close{background:none;border:none;color:#aaa;font-size:1.3rem;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s,transform .2s}.share-modal-close:hover{background:#2d2e36;color:#fff;transform:rotate(90deg)}.share-modal-toolbar{display:flex;justify-content:flex-end;align-items:center;padding:12px 32px 0}.share-modal-create-btn{background:#007aff;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;padding:10px 0;width:100%;max-width:260px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer;margin-bottom:8px;transition:background .18s,transform .18s}.share-modal-create-btn:disabled{background:#3c3c3c;color:#aaa;cursor:not-allowed}.share-modal-create-btn:hover:not(:disabled){background:#005ecb;transform:translateY(-1px) scale(1.03)}.share-modal-create-btn.small{font-size:.98rem;padding:7px 18px;min-width:unset;max-width:unset;border-radius:6px;width:auto;display:inline-flex}.share-modal-create-btn.right{margin-left:auto}.share-modal-divider{height:1px;background:#2d2e36;margin:18px 0 0;width:100%}.share-modal-table-area{padding:0 32px;margin-top:10px;min-height:180px}.share-modal-empty,.share-modal-loading{color:#888;text-align:center;padding:36px 0 24px;font-size:1rem}.share-modal-table{display:flex;flex-direction:column;gap:0;margin-top:0}.share-modal-table-header{background:#23243a;color:#fff;font-weight:700;font-size:.98rem;border-radius:8px 8px 0 0;margin-bottom:2px}.share-modal-table-row{display:flex;align-items:center;border-radius:8px;background:#23242a;margin-bottom:2px;transition:background .18s,box-shadow .18s;box-shadow:0 1px 4px rgba(0,0,0,.04);position:relative}.share-modal-table-row:not(.share-modal-table-header):hover{background:#23243a;box-shadow:0 2px 12px rgba(0,122,255,.08)}.share-modal-col{padding:8px;margin:0 2px}.share-modal-col-id,.share-modal-col-name{flex:1 1;min-width:0;font-weight:500;color:#fff;font-size:1rem}.share-modal-col-id{font-family:inherit;border-radius:0;padding:8px;margin:0 2px;word-break:normal;white-space:nowrap;background:none;overflow:visible;text-overflow:unset;display:block;max-width:none}.share-modal-col-actions{flex:1 1;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px}.share-modal-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;display:inline-block}.share-modal-action-btn{background:none;border:none;color:#b0b0b0;font-size:1.1rem;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background .18s,color .18s,transform .18s}.share-modal-action-btn:hover{background:#2d2e36;color:#fff;transform:scale(1.08)}.share-modal-action-btn.delete:hover{background:rgba(248,81,73,.13);color:#f85149}.share-modal-copied-tooltip{position:absolute;top:-28px;left:50%;transform:translateX(-50%);background:#23243a;color:#fff;font-size:.85rem;padding:3px 10px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.13);white-space:nowrap;pointer-events:none;opacity:1;z-index:10;animation:fadeIn .2s}.share-modal-name-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1100}.share-modal-name-card{background:#23242a;border-radius:14px;box-shadow:0 8px 40px rgba(0,0,0,.45);width:96vw;max-width:340px;padding:0 0 18px;display:flex;flex-direction:column;position:relative;animation:slideIn .22s}.share-modal-name-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 10px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,#23242a 80%,#23243a)}.share-modal-name-header h3{margin:0;font-size:1.08rem;color:#fff;font-weight:700}.share-modal-name-content{padding:18px 24px 0}.share-modal-name-input{width:100%;padding:10px 12px;border-radius:7px;border:1px solid #2d2e36;background:#18191e;color:#fff;font-size:1rem;margin-bottom:0;outline:none;transition:border .18s}.share-modal-name-input:focus{border:1.5px solid #007aff}.share-modal-name-footer{display:flex;gap:10px;justify-content:flex-end;padding:18px 24px 0}.share-modal-name-footer button{flex:1 1;min-width:0;padding:10px 0;font-size:1rem;border-radius:7px;width:100%}.share-modal-cancel-btn{background:none;border:none;color:#aaa;font-size:1rem;border-radius:7px;padding:8px 18px;cursor:pointer;transition:background .18s,color .18s}.share-modal-cancel-btn:hover{background:#2d2e36;color:#fff}@media(max-width:600px){.share-modal-card,.share-modal-name-card{max-width:98vw;padding:0 0 10px}.share-modal-header,.share-modal-table-area,.share-modal-toolbar{padding-left:12px;padding-right:12px}.share-modal-col-id,.share-modal-col-name{max-width:90vw;font-size:.93rem}.share-modal-col-actions{gap:4px}}@media(max-width:900px){.share-modal-card{max-width:98vw}.share-modal-col-id{max-width:60vw}}.share-modal-list-area{padding:0 32px;margin-top:10px;min-height:180px}.share-modal-list{display:flex;flex-direction:column;gap:0;margin-top:0}.share-modal-list-header{font-weight:700;font-size:.98rem;color:#fff;border-bottom:1px solid #23243a;padding:0 0 6px}.share-modal-list-header,.share-modal-list-row{display:flex;align-items:center;margin-bottom:2px}.share-modal-list-row{border-radius:7px;background:#23242a;transition:background .18s,box-shadow .18s;box-shadow:0 1px 4px rgba(0,0,0,.04);position:relative;padding:0}.share-modal-list-row:hover{background:#23243a;box-shadow:0 2px 12px rgba(0,122,255,.08)}.share-modal-list-col{padding:8px;margin:0 2px;display:flex;align-items:center;min-width:0}.share-modal-list-col-name{flex:1 1;font-weight:600;color:#fff;font-size:1rem}.share-modal-list-col-id{flex:2.5 1;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1rem;color:#b0b0b0;font-weight:400;white-space:normal;background:none;overflow:visible;word-break:break-all}.share-modal-list-col-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:8px}.share-modal-list-name{font-weight:600;color:#fff;font-size:1rem}.share-modal-list-id{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1rem;color:#b0b0b0;font-weight:400;white-space:nowrap;overflow-x:auto}@media(max-width:600px){.share-modal-list-area{padding-left:8px;padding-right:8px}.share-modal-list-col-id,.share-modal-list-id{font-size:.93rem}}.share-modal-list-link{color:#2997ff;text-decoration:none;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1rem;font-weight:400;word-break:break-all;transition:color .18s,-webkit-text-decoration .18s;transition:color .18s,text-decoration .18s;transition:color .18s,text-decoration .18s,-webkit-text-decoration .18s}.share-modal-list-link:hover{color:#1565c0;text-decoration:underline}.rufus-container{flex-direction:column;height:calc(100vh - 60px);background-color:#37383b}.rufus-container,.rufus-main-content{display:flex;width:100%;overflow:hidden}.rufus-main-content{flex:1 1;height:100%;padding:24px;box-sizing:border-box}.chat-mode-container,.designer-mode-container{display:flex;width:100%;height:100%;gap:24px;align-items:stretch}.designer-panel{width:40%;background-color:#25252a;padding:20px;border-radius:8px;margin-left:20px;color:#dadadb}.designer-panel h2{font-size:24px;margin-bottom:16px;color:#dadadb}.designer-panel p{font-size:16px;color:#dadadb}.designer-preview{width:100%;display:flex;justify-content:center;align-items:center;margin:0 auto}.rufus-content{flex:1 1;display:flex;height:100%}.rufus-preview-panel{flex:1 1;display:flex;justify-content:center;align-items:center;background:#25252a;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.2);overflow:hidden;position:relative;padding:20px}.rufus-preview-panel:before{content:"Preview";position:absolute;top:10px;left:10px;background-color:rgba(0,0,0,.5);color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;z-index:10}.clear-conversation-button{background:none;color:#007aff;font-size:16px;border-radius:50%;padding:5px 20px 5px 5px;transition:background-color .2s}.clear-conversation-button:hover{background-color:rgba(0,122,255,.1)}.mobile-screen{width:99%}.chat-input-container{padding:12px;background:#f6f6f6;border-top:1px solid #e0e0e0}.chat-input-wrapper{background:#fff;border-radius:20px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.input-placeholder{color:#8e8e93;font-size:15px;flex:1 1;text-align:left}#dynamic-output{overflow-y:auto;padding:16px;gap:12px}.messages-container{display:flex;flex-direction:column;gap:16px;width:95%;max-height:100%;overflow-y:auto;scroll-behavior:smooth}.message-wrapper{width:100%;animation:fadeIn .3s ease-in-out;display:flex}.message-wrapper.assistant-message{justify-content:flex-start}.message-wrapper.user-message{justify-content:flex-end}.mobile-message-wrapper{animation:fadeIn .3s ease-in-out}.mobile-message-wrapper.mobile-assistant-message{justify-content:flex-start}.mobile-message-wrapper.mobile-user-message{justify-content:flex-end}.mobile-message-wrapper .bubble{max-width:80%;padding:12px 16px;border-radius:18px;margin:4px 0}.mobile-message-wrapper.mobile-assistant-message .bubble{background-color:#3a3a40;color:#dadadb;border-radius:18px 18px 18px 4px}.mobile-message-wrapper.mobile-user-message .bubble{background-color:#4a6fa5;color:#fff;border-radius:18px 18px 4px 18px}.design-selector{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:2rem;background-color:#2a2a2f}.design-selector h2{margin-bottom:2rem;font-size:1.8rem;color:#dadadb;text-align:center}.design-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;width:100%;max-width:1200px;margin-bottom:2rem}.design-card{background-color:#25252a;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.2);overflow:hidden;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;height:200px;border:2px solid transparent}.design-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.3);border-color:#4a6fa5}.design-card.selected{border-color:#4a6fa5;box-shadow:0 0 0 2px rgba(74,111,165,.3)}.design-card-header{background-color:#2d2d32;padding:1rem;border-bottom:1px solid #37383b}.design-card-body{padding:1rem;flex:1 1;display:flex;flex-direction:column;justify-content:space-between}.design-name{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#dadadb;word-break:break-word}.design-id{font-size:.8rem;color:#999;word-break:break-all}.design-timestamp{font-size:.8rem;color:#777;margin-top:auto}.create-design-card{background-color:#2d2d32;border:2px dashed #4a6fa5;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;cursor:pointer;transition:all .3s ease}.create-design-card:hover{background-color:#37383b;border-color:#4a6fa5;transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.3)}.create-design-icon{font-size:2.5rem;color:#4a6fa5;margin-bottom:1rem}.create-design-text{font-size:1.2rem;color:#dadadb;text-align:center}.create-design-button{background-color:#4a6fa5;color:#fff;border:none;border-radius:8px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;box-shadow:0 2px 6px rgba(0,0,0,.2)}.create-design-button:hover{background-color:#3a5a8c;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.assistant-message{display:flex;align-items:flex-start;justify-content:flex-start}.typing-indicator{background-color:#3a3a40;margin:0;position:relative;min-width:50px;height:32px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.typing-indicator span{background-color:#4a6fa5}.typing-indicator span:first-of-type{animation:typing 1s infinite}.mode-toggle-button{position:absolute;top:20px;right:20px;background-color:#4a6fa5;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;z-index:100;box-shadow:0 2px 6px rgba(0,0,0,.2)}.mode-toggle-button:hover{background-color:#3a5a8c;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.rufus-mobile-preview-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;max-width:375px;margin:0 auto}.asin-card{display:flex;flex-direction:column;max-width:100%;width:100%;border:1px solid #d5d9d9;border-radius:8px;overflow:hidden;margin-bottom:12px;background-color:#fff;box-shadow:0 2px 5px rgba(15,17,17,.08);font-size:13px;font-family:Amazon Ember,Helvetica Neue,Roboto,Arial,sans-serif;padding:8px}.asin-card-content{display:flex;padding:10px;gap:12px;align-items:center}.asin-image-container{position:relative;width:128px;height:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;background-color:transparent}@media(max-width:480px){.asin-card{padding:.5rem}.delivery-info{font-size:.75rem;margin:1px 0 4px}}.asin-image{width:100%;height:100%;object-fit:contain;display:block}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 70%,rgba(0,0,0,.05));pointer-events:none}.asin-details{flex:1 1;display:flex;flex-direction:column;padding-left:2px}.asin-title{font-size:.95rem;font-weight:500;color:#0f1111;margin:0 0 4px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:left}@media(max-width:480px){.asin-title{font-size:.875rem;margin-bottom:2px}}.rating-container{display:flex;align-items:center;margin-bottom:4px;line-height:1}.rating-number{font-size:13px;font-weight:500;color:#0f1111;margin-right:5px}.stars-container{display:flex;align-items:center;margin:0 2px;gap:0;line-height:1}.review-count{font-size:13px;color:#6b7280;margin-left:5px}.tiny-stars{font-size:8px;color:#f59e0b;letter-spacing:-2px;line-height:1;display:inline-block}.stars{color:#facc15}.star-icon{color:#f59e0b;font-size:.45rem;margin:0;padding:0}.asin-price{font-size:1.15rem;font-weight:700;color:#0f1111;margin:7px 0;display:flex;align-items:baseline;gap:6px}.a-price{position:relative;display:inline-block;line-height:normal}.a-price-symbol{position:relative;top:-.75em;font-size:13px}.a-price-whole{font-size:28px!important;font-weight:700}.a-price-fraction{position:relative;top:-.75em;font-size:13px}.a-price[data-a-size=s]{font-size:.8em}.a-price[data-a-size=s] .a-price-fraction,.a-price[data-a-size=s] .a-price-symbol{top:-.75em;font-size:11px}.a-price[data-a-size=s] .a-price-whole{font-size:16px!important}.a-text-strike{text-decoration:line-through;color:#6b7280}.list-price-text{text-decoration:line-through;margin-left:3px}.list-label-text,.list-price-text{font-size:13px;color:#6b7280;position:relative;top:-.75em}.list-label-text{font-weight:400;margin-left:8px}.asin-price-list{font-size:.75rem;color:#6b7280;text-decoration:line-through;margin-left:4px;font-weight:400}.shipping-info{margin-top:2px;margin-bottom:0}.shipping-info,.stars{display:flex;align-items:center}.stars{margin:0 2px;gap:0}.shipping-method{font-size:.875rem;color:#0f1111;margin-left:4px}.a-icon{background-image:url("https://m.media-amazon.com/images/S/sash/u-2N-$HzSM3vUnQ.png");background-repeat:no-repeat;display:inline-block;vertical-align:top}.a-icon-prime{width:53px;height:15px;background-position:-181px -128px;vertical-align:initial;margin-bottom:-1.75px}.delivery-info{font-size:.8rem;color:#4b5563;margin:0 0 2px;text-align:left}.delivery-date{font-weight:700;color:#0f1111}.add-to-cart-button{background-color:#ffe100;border:none;border-radius:100px;padding:0 10px;height:28px;font-size:12px;line-height:16px;font-weight:400;color:#0f1111;cursor:pointer;margin-top:2px;display:flex;align-items:center;justify-content:center;width:auto;max-width:90px;transition:background-color .2s;font-family:Amazon Ember,Helvetica Neue,Roboto,Arial,sans-serif;white-space:nowrap}.add-to-cart-button:hover{background-color:#f59e0b}.asin-id{font-size:.75rem;color:#6b7280;margin-top:auto}.features-list{margin-top:.75rem;padding-left:1.25rem;font-size:.75rem;color:#4b5563}.features-list li{margin-bottom:.25rem;line-height:1.3}@media(max-width:480px){.features-list{margin-top:.5rem;padding-left:1rem}}.purchase-info{text-align:left;margin:3px 0;font-size:.7rem;color:#6b7280}.product-explanation{padding:4px 0;margin-top:-4px;margin-left:.5rem}.explanation-text,.product-explanation{font-family:Amazon Ember,Helvetica Neue,Roboto,Arial,sans-serif}.explanation-text{margin:0;font-size:13px;line-height:18px;color:#0f1111;font-weight:400;text-align:left;letter-spacing:0}@media(max-width:480px){.product-explanation{padding:6px 12px 10px}.explanation-text{font-size:.75rem;line-height:1.25;margin:0}}.markdown-container{width:100%;font-family:Amazon Ember,Helvetica Neue,Roboto,Arial,sans-serif;color:#000;background-color:#fff;border-radius:8px;overflow:hidden;padding:16px}.markdown-content{font-size:15px;line-height:20px;font-weight:400}.markdown-h1{font-size:24px;line-height:31px}.markdown-h1,.markdown-h2{color:#000;font-family:Amazon Ember,Helvetica Neue,Roboto,Arial,sans-serif;font-style:normal;font-weight:700;margin-top:8px;margin-bottom:8px}.markdown-h2{font-size:22px;line-height:28px}.markdown-h3{color:#000;font-family:Amazon Ember,Helvetica Neue,Roboto,Arial,sans-serif;font-size:18px;font-style:normal;font-weight:700;line-height:22px;margin-top:8px;margin-bottom:8px}.markdown-paragraph{font-style:normal;font-weight:400;margin-top:4px;margin-bottom:4px}.markdown-italic,.markdown-paragraph{color:#000;font-family:Amazon Ember,Helvetica Neue,Roboto,Arial,sans-serif;font-size:15px;line-height:20px}.markdown-italic{font-style:italic}.markdown-link{color:#2162a1;text-decoration:underline;font-family:Amazon Ember,Helvetica Neue,Roboto,Arial,sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:20px}.markdown-link:hover{color:#0c3353}.markdown-list{margin-top:4px;margin-bottom:4px;padding-left:16px;text-align:left}.markdown-ordered-list{list-style-type:decimal;text-align:left}.markdown-unordered-list{list-style-type:disc;text-align:left}.markdown-list-item{color:#000;font-family:Amazon Ember,Helvetica Neue,Roboto,Arial,sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:20px;margin-bottom:4px;text-align:left}.markdown-list .markdown-list{margin-top:4px;margin-bottom:0;padding-left:20px;text-align:left}.markdown-list .markdown-list .markdown-unordered-list{list-style-type:circle;text-align:left}.markdown-list .markdown-list .markdown-list .markdown-unordered-list{list-style-type:square;text-align:left}.markdown-container li,.markdown-container ol,.markdown-container ul,.markdown-list .markdown-list .markdown-ordered-list,.markdown-list .markdown-ordered-list{text-align:left}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.mobile-container{width:375px;height:812px;background:#fff;position:relative;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 2px hsla(0,0%,100%,.1);font-size:14px}.mobile-container,.mobile-screen{border-radius:36px}.mobile-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;color:#fff;border-radius:36px;pointer-events:none;border:2px solid #4a6fa5;box-shadow:0 0 20px rgba(74,111,165,.5);animation:pulse 2s ease-in-out infinite}.mobile-loading-overlay .loading-text{margin-top:16px;font-size:16px;font-weight:500;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.mobile-loading-overlay svg{color:#fff;-webkit-filter:drop-shadow(0 0 5px rgba(74,111,165,.8));filter:drop-shadow(0 0 5px rgba(74,111,165,.8))}.mobile-container:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:40px;background:linear-gradient(145deg,#333,#222);z-index:-1;box-shadow:0 20px 40px rgba(0,0,0,.4)}.mobile-container:after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:150px;height:30px;background-color:#222;border-bottom-left-radius:15px;border-bottom-right-radius:15px;z-index:10}.mobile-side-button{position:absolute;width:3px;height:60px;background-color:#444;right:-3px;top:120px;border-top-right-radius:2px;border-bottom-right-radius:2px}.mobile-side-button.volume-up{top:120px}.mobile-side-button.volume-down{top:190px}.mobile-side-button.power{left:-3px;top:150px}.mobile-message-wrapper.mobile-user-message .message-bubble{background-color:#4a6fa5;color:#fff;border-radius:18px 18px 4px 18px;padding:10px 12px;max-width:85%;margin-left:auto;box-shadow:0 2px 5px rgba(0,0,0,.1);font-size:13px}.mobile-message-wrapper.mobile-assistant-message .message-bubble{background-color:#f0f0f0;color:#333;border-radius:18px 18px 18px 4px;padding:10px 12px;max-width:85%;margin-right:auto;box-shadow:0 2px 5px rgba(0,0,0,.1);font-size:13px}.mobile-home-indicator{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:120px;height:5px;background-color:#999;border-radius:3px;z-index:10}.mobile-header{height:44px;background:#f6f6f6;display:flex;justify-content:flex-end;align-items:center;padding:0 12px}.progress-messages-container{width:100%;background-color:#fff;padding:0 16px;border-bottom:1px solid #f0f0f0;z-index:4;max-height:30vh;overflow-y:auto;position:relative;top:0}.mobile-content{overflow-y:auto;overflow-x:hidden;padding:8px 6px;scrollbar-width:none;position:relative}#dynamic-output,.mobile-content{flex:1 1;display:flex;flex-direction:column}#dynamic-output{overflow:hidden}.mobile-messages-container{flex:1 1;overflow-y:auto;padding:10px 8px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth;max-height:calc(100vh - 200px);height:calc(100% - 104px);scrollbar-width:none;-ms-overflow-style:none;width:100%}.mobile-message-wrapper{display:flex;margin-bottom:8px;width:100%}.mobile-preview-chat-input-container{position:-webkit-sticky;position:sticky;bottom:0;width:100%;background-color:#fff;padding:10px;border-top:1px solid #e0e0e0;z-index:5;scrollbar-width:thin;scrollbar-color:#aaa transparent}.mobile-preview-chat-input-container::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}.mobile-preview-chat-input-container::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:4px}.mobile-preview-chat-input-container::-webkit-scrollbar-track{background-color:transparent}.mobile-preview-chat-input-wrapper{display:flex;align-items:center;background-color:#f5f5f5;border-radius:20px;padding:8px 12px;position:relative;scrollbar-width:thin;scrollbar-color:#aaa transparent}.mobile-preview-chat-input-wrapper::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}.mobile-preview-chat-input-wrapper::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:4px}.mobile-preview-chat-input-wrapper::-webkit-scrollbar-track{background-color:transparent}.mobile-preview-chat-input-wrapper input{flex:1 1;border:none;background:transparent;padding:8px;font-size:14px;outline:none;scrollbar-width:thin;scrollbar-color:#aaa transparent}.mobile-preview-chat-input-wrapper input::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}.mobile-preview-chat-input-wrapper input::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:4px}.mobile-preview-chat-input-wrapper input::-webkit-scrollbar-track{background-color:transparent}.mobile-preview-chat-input{color:#111;background:#fff}.send-button{background:none;border:none;color:#4a6fa5;cursor:pointer;padding:0;margin-left:8px;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.send-button.disabled{color:#ccc;cursor:not-allowed}.typing-indicator{display:inline-flex;align-items:center;padding:12px 16px;background-color:#f0f0f0;border-radius:18px 18px 18px 4px;margin-right:auto}.typing-indicator span{height:8px;width:8px;float:left;margin:0 1px;background-color:#9e9ea1;display:block;border-radius:50%;opacity:.4}.typing-indicator span:first-of-type{animation:typing 1s 0s infinite}.typing-indicator span:nth-of-type(2){animation:typing 1s .2s infinite}.typing-indicator span:nth-of-type(3){animation:typing 1s .4s infinite}@keyframes typing{0%{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}to{opacity:.4;transform:translateY(0)}}.mobile-header-controls{display:flex;justify-content:space-between;width:100%;padding:0 8px}.mobile-header-left-controls,.mobile-header-right-controls{display:flex;gap:8px}.mobile-header-button{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid #e0e0e0;background-color:#f8f8f8;color:#333;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.mobile-header-button:hover{background-color:#f0f0f0;border-color:#d0d0d0}.mobile-header-button:active{background-color:#e8e8e8;transform:translateY(1px)}.mobile-header-button svg{font-size:12px;color:#666}.mobile-header-button:hover svg{color:#333}.view-toggle-button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 12px;border-radius:4px;border:none;background-color:#3a3d41;color:#d4d4d4;cursor:pointer;font-size:12px;transition:all .2s ease}.view-toggle-button:hover{background-color:#4a4d51}.view-toggle-button.active{background-color:#0e639c;color:#fff}.clear-conversation-button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 12px;border-radius:4px;border:none;background-color:#3a3d41;color:#d4d4d4;cursor:pointer;font-size:12px;transition:all .2s ease}.clear-conversation-button:hover{background-color:#4a4d51}.clear-button-text,.reset-button-text,.toggle-button-text{display:inline-block;margin-top:4px;font-size:10px}.code-view-container{display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:#fff;color:#333;border-radius:8px;margin:0 8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.code-view-header{display:flex;flex-direction:column;align-items:flex-start;padding:10px 15px;background-color:#f6f6f6;border-bottom:1px solid #e0e0e0}.code-view-header h3{margin:0 0 8px;font-size:14px;color:#333;font-weight:500;align-self:center}.code-view-actions{display:flex;gap:8px;width:100%;justify-content:center}.json-input{width:100%;height:100%;border:1px solid #e0e0e0;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;color:#333;background-color:#f8f8f8;padding:10px;box-sizing:border-box;resize:none;white-space:pre;overflow-wrap:normal;overflow:auto}.json-input:focus{outline:none;border-color:#0078d7;box-shadow:0 0 0 2px rgba(0,120,215,.2)}.json-input::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}.json-input::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:4px}.json-input::-webkit-scrollbar-track{background-color:transparent}.json-input .string{color:#ce9178}.json-input .number{color:#b5cea8}.json-input .boolean,.json-input .null{color:#569cd6}.json-input .key{color:#9cdcfe}.mobile-screen{border-radius:30px}.experiment-container{height:100%;width:100%;overflow-x:hidden;overflow-y:auto;background:linear-gradient(120deg,#23232a,#25252a);display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative}.experiment-info{position:absolute;top:15px;right:20px;text-align:right;z-index:10}.experiment-info h4{margin:0 0 5px;font-size:16px;color:#dadadb}.experiment-info p{margin:0;font-size:12px;color:#dadadb;font-family:monospace}.experiment-feedback-button{padding:4px 10px;background-color:#4a6fa5;border-radius:5px;font-size:11px;transition:background-color .2s}.experiment-feedback-button:hover{background-color:#3a5a8a}.experiment-layout{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:600px;margin:0 auto;padding:64px 16px 32px;box-sizing:border-box;background:rgba(30,30,36,.7);border-radius:24px;box-shadow:0 8px 40px rgba(0,0,0,.18)}.experiment-content{align-items:flex-start}.experiment-content,.experiment-phone-wrapper{width:100%;display:flex;justify-content:center}.experiment-phone-wrapper{position:relative;flex-direction:column;align-items:center;max-width:480px;margin:0 auto;padding:32px 0 0;box-sizing:border-box}.experiment-info-card{position:absolute;top:56px;right:56px;z-index:20;width:auto;min-width:280px;max-width:90vw;font-size:14px;padding:32px 32px 22px;border-radius:20px;box-shadow:0 6px 32px rgba(0,0,0,.22),0 1.5px 8px rgba(0,196,204,.08);color:#dadadb;display:flex;flex-direction:column;gap:22px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(40,40,60,.82);border:1.5px solid #3a3a4a;transition:transform .3s,opacity .3s,box-shadow .2s;margin-bottom:32px;align-items:flex-end}.experiment-info-card:hover{box-shadow:0 12px 48px rgba(0,0,0,.28),0 2px 12px rgba(0,196,204,.13);background:rgba(48,48,80,.92)}.experiment-info-card.hidden{transform:translateX(calc(100% + 20px));opacity:0;pointer-events:none}.experiment-info-card.visible{transform:translateX(0);opacity:1}.experiment-info-toggle,.experiment-info-toggle.show{position:absolute;top:-18px;right:18px;width:28px;height:28px;border-radius:50%;background:#303045;border:2px solid #3a3a4a;color:#dadadb;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.18);z-index:21;transition:background-color .2s,transform .2s,box-shadow .2s}.experiment-info-toggle:hover{background:#3a3a4a;transform:scale(1.1);box-shadow:0 4px 16px rgba(0,0,0,.22)}.experiment-info-toggle.show{width:auto;min-width:44px;height:40px;border-radius:999px;background:linear-gradient(90deg,#00c4cc,#4a6fa5);color:#fff;padding:0 18px 0 14px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;box-shadow:0 2px 8px rgba(0,196,204,.1);border:none;gap:10px;transition:background .2s,box-shadow .2s,transform .1s}.experiment-info-toggle.show:hover{background:linear-gradient(90deg,#00a8af,#3a5a8a);transform:translateY(-2px) scale(1.04);box-shadow:0 4px 16px rgba(0,0,0,.22)}.experiment-info-toggle.show span{font-size:16px;font-weight:600;color:#fff;letter-spacing:.01em;margin-left:4px}.experiment-info-content{width:100%;transition:opacity .2s}.experiment-info-card.hidden .experiment-info-content{display:none}.experiment-info-card.visible .experiment-info-content{display:block}.experiment-mobile-preview-wrapper{max-width:400px;min-height:600px;background:#25252a;box-shadow:0 4px 32px rgba(0,0,0,.18);border-radius:32px;padding:0;margin:0 auto}.error,.experiment-mobile-preview-wrapper,.loading{width:100%;display:flex;justify-content:center;align-items:center}.error,.loading{height:100%;font-size:18px;color:#666}.error{color:#d32f2f}.experiment-container input{background:#fff;border:1px solid #e0e0e0;color:#000}.chat-input-wrapper{background:#f6f6f6}.feedback-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.feedback-panel{background-color:#23232a;border-radius:16px;padding:32px;width:90%;max-width:500px;box-shadow:0 8px 32px rgba(0,0,0,.22);border:1.5px solid #303045;color:#dadadb;display:flex;flex-direction:column;gap:18px}.feedback-panel h3{margin-top:0;margin-bottom:8px;color:#dadadb;font-size:22px;font-weight:700}.feedback-panel p{margin-bottom:16px;color:#b0b0b5;font-size:15px}.star-rating{display:flex;margin-bottom:20px;justify-content:center}.star-icon{color:#ffc107;font-size:28px;margin:0 6px;cursor:pointer;transition:transform .1s,color .2s}.star-icon svg{-webkit-filter:drop-shadow(0 1px 2px rgba(0,0,0,.18));filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}.star-icon:hover{transform:scale(1.2);color:#ffe066}.feedback-comment label{display:block;margin-bottom:8px;font-size:14px;color:#b0b0b5}.feedback-comment textarea{width:100%;padding:12px;border:1.5px solid #303045;border-radius:6px;resize:vertical;font-family:inherit;font-size:15px;box-sizing:border-box;background:#25252a;color:#dadadb;transition:border-color .2s}.feedback-comment textarea::-webkit-input-placeholder{color:#888a92;opacity:1}.feedback-comment textarea::-moz-placeholder{color:#888a92;opacity:1}.feedback-comment textarea::-ms-input-placeholder{color:#888a92;opacity:1}.feedback-comment textarea::placeholder{color:#888a92;opacity:1}.feedback-actions{display:flex;justify-content:flex-end;gap:12px}.cancel-button,.submit-button{padding:9px 20px;border-radius:8px;font-size:15px;cursor:pointer;font-weight:600;transition:background .2s,color .2s,box-shadow .2s;border:none}.cancel-button{background:#303045;color:#dadadb;border:1.5px solid #3a3a4a}.cancel-button:hover:not(:disabled){background:#23232a;color:#fff}.submit-button{background:linear-gradient(90deg,#00c4cc,#4a6fa5);color:#fff;box-shadow:0 2px 8px rgba(0,196,204,.08)}.submit-button:hover:not(:disabled){background:linear-gradient(90deg,#00a8af,#3a5a8a)}.cancel-button:disabled,.submit-button:disabled{opacity:.6;cursor:not-allowed}.experiment-info-row{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;overflow-x:auto;margin-bottom:8px}.experiment-info-row:first-child .experiment-info-value{font-size:18px;font-weight:700;color:#fff;letter-spacing:.01em}.experiment-info-label{font-size:14px;font-weight:600;color:#8fd6e7;white-space:nowrap}.experiment-info-value{font-size:14px;white-space:nowrap;overflow-x:auto;text-overflow:ellipsis;max-width:100%;display:block;color:#dadadb}.experiment-info-content{margin-bottom:10px}.experiment-feedback-button{margin-top:10px;align-self:flex-end;padding:10px 24px;font-size:15px;border-radius:10px;background:linear-gradient(90deg,#00c4cc,#4a6fa5);color:#fff;border:none;font-weight:700;cursor:pointer;transition:background .2s,box-shadow .2s,transform .1s;box-shadow:0 2px 8px rgba(0,196,204,.1)}.experiment-feedback-button:hover{background:linear-gradient(90deg,#00a8af,#3a5a8a);transform:translateY(-2px) scale(1.04)}.experiment-info-details{margin-bottom:22px}@media(max-width:600px){.experiment-phone-wrapper{max-width:100vw;padding:16px 0 0}.experiment-mobile-preview-wrapper{max-width:100vw;min-height:400px;border-radius:18px}}.brand-store-container{font-family:Helvetica Neue,Arial,sans-serif;max-width:100%;margin:0 auto;color:#000;background-color:#fff}.brand-store-header{display:flex;align-items:center;justify-content:space-between;padding:15px 30px;background-color:#fff;border-bottom:1px solid #f0f0f0}.brand-logo img{height:30px;width:auto}.brand-nav{flex-grow:1;margin:0 40px}.main-nav{display:flex;list-style:none;margin:0;padding:0;justify-content:flex-start;gap:30px}.main-nav li{margin:0}.main-nav a{text-decoration:none;color:#000;font-weight:500;font-size:13px;letter-spacing:.5px;white-space:nowrap}.special-nav{position:relative}.special-nav:after{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background-color:red;position:absolute;top:-2px;right:-8px}.header-actions{gap:15px}.header-actions,.search-bar{display:flex;align-items:center}.search-bar{background-color:#f5f5f5;border-radius:20px;padding:5px 15px;width:180px}.search-bar input{border:none;background:transparent;width:100%;padding:5px;outline:none;font-size:13px}.search-bar button{background:transparent;border:none;cursor:pointer}.user-actions{display:flex;align-items:center;gap:20px}.user-actions a{text-decoration:none;color:#000;font-size:16px}.promo-banner{background-color:#000;color:#fff;text-align:center;padding:8px 0;font-size:12px;font-weight:600;letter-spacing:.5px}.dropdown-icon{margin-left:5px;font-size:10px}.app-exclusives-banner{display:flex;justify-content:center;align-items:center;padding:10px 0;background-color:#f5f5f5;font-size:13px;border-bottom:1px solid #e5e5e5}.arrow-button{background:none;border:none;font-size:16px;cursor:pointer;margin-left:10px}.hero-section{position:relative;height:800px;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden;background-color:#000}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-main-content{position:absolute;bottom:120px;left:140px;text-align:left;max-width:320px;z-index:1}.hero-tag{display:inline-block;background-color:#fff;color:#000;padding:5px 15px;font-size:12px;text-transform:uppercase;font-weight:600;margin-bottom:10px;letter-spacing:.5px}.hero-title-container{position:absolute;top:0;left:0;width:100%;z-index:1}.hero-title{font-size:80px;font-weight:800;margin:0;line-height:1;text-transform:uppercase;letter-spacing:2px;position:absolute;top:60px;left:30px}.hero-title-right{right:30px;left:auto}.hero-logo-container{position:absolute;width:100%;height:100%;z-index:1}.hero-logo{position:absolute;width:60px;height:auto}.hero-logo-left{left:100px;top:220px}.hero-logo-right{right:100px;top:220px}.hero-subtitle{font-size:16px;margin:0 0 15px;line-height:1.5;max-width:320px;text-align:left}.hero-buttons{display:flex;flex-direction:column;gap:15px;align-items:flex-start}.hero-button{background-color:#fff;color:#000;border:none;padding:6px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:flex-start;min-width:100px;cursor:pointer}.cta-button:hover{background-color:#e5e5e5}.hero-image{position:absolute;top:0;right:0;width:100%;height:100%;z-index:1}.hero-image img{width:100%;height:100%;object-fit:cover}.product-categories{padding:30px 20px}.category-tabs{display:flex;align-items:center;margin-bottom:20px;border-bottom:1px solid #e5e5e5;padding-bottom:10px}.tab{background:none;border:none;padding:8px 15px;font-size:16px;font-weight:600;cursor:pointer;margin-right:10px}.tab.active{border-bottom:2px solid #000}.view-all{margin-left:auto;text-decoration:none;color:#000;font-size:14px;font-weight:600}.product-carousel-section{padding:30px 0;width:100%;overflow:hidden;position:relative}.carousel-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px 20px}.carousel-header h2{font-size:24px;font-weight:600;margin:0}.carousel-controls{display:flex;gap:10px}.carousel-control{background:#f5f5f5;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:background-color .3s}.carousel-control:hover{background-color:#e0e0e0}.carousel-container{width:100%;overflow-x:hidden}.carousel-wrapper{width:100%;position:relative;display:flex;align-items:center}.carousel-nav-button{position:absolute;top:180px;width:40px;height:40px;border-radius:50%;background-color:hsla(0,0%,100%,.9);border:1px solid #e0e0e0;box-shadow:0 2px 5px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;z-index:10;transition:all .3s ease}.carousel-nav-button:hover{background-color:#f0f0f0;box-shadow:0 3px 8px rgba(0,0,0,.15)}.carousel-nav-left{left:10px}.carousel-nav-right{right:10px}.product-carousel{display:flex;gap:20px;padding:0 40px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;width:100%;flex:1 1}.product-carousel::-webkit-scrollbar{display:none}.product-carousel .product-card{flex-grow:0;flex-shrink:0;flex-basis:calc(25% - 15px);min-width:calc(25% - 15px);scroll-snap-align:start}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card,.product-image{position:relative}.product-image{margin-bottom:10px}.product-image img{width:100%;height:auto;display:block}.wishlist-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer;color:#000}.product-info{padding:5px 0}.product-price{font-weight:600;margin:0 0 5px}.product-title{font-size:14px;font-weight:400;margin:0 0 5px}.product-category{font-size:12px;color:#666;margin:0}.featured-collections{padding:30px 20px;border-top:1px solid #e5e5e5}.featured-collections h2{font-size:24px;font-weight:600;margin:0 0 20px}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.collection-card{position:relative;overflow:hidden;border-radius:4px;transition:transform .3s ease;display:flex;flex-direction:column;height:100%}.collection-card:hover{transform:translateY(-5px)}.collection-card .media-container{flex:1 1;overflow:hidden;position:relative;padding-bottom:100%}.collection-card img,.collection-card video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.collection-card h3{text-align:center;font-size:14px;font-weight:600;margin:10px 0 5px;text-transform:uppercase}.collection-card p{text-align:center;font-size:13px;margin:0 0 10px;color:#666}.collection-card .shop-now{display:block;text-align:center;text-decoration:none;color:#000;font-size:13px;font-weight:600;text-transform:uppercase;margin-top:5px;padding:5px 0;transition:all .2s ease}.collection-card .shop-now:hover{text-decoration:underline}.collection-info{padding:15px 0}.collection-info h3{font-size:16px;font-weight:600;margin:0 0 5px}.collection-info p{font-size:14px;margin:0 0 10px}.learn-more-button,.shop-now-button{background:none;border:none;padding:0;font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline}.popular-categories{padding:40px 20px;border-top:1px solid #e5e5e5;text-align:center}.popular-categories h2{font-size:28px;font-weight:600;margin:0 0 30px;text-transform:uppercase;letter-spacing:1px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto}.category-card{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;text-align:center;background-color:#fff}.category-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.category-card .media-container{position:relative;overflow:hidden;padding-bottom:100%}.category-card img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.category-card:hover img{transform:scale(1.05)}.category-card h3{padding:15px 10px;margin:0;font-size:18px;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.5px}.brand-store-footer{background-color:#f5f5f5;padding:40px 20px;margin-top:30px}.footer-columns{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;margin-bottom:40px}.footer-column h4{font-size:14px;font-weight:600;margin:0 0 15px}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:10px}.footer-column a{text-decoration:none;color:#666;font-size:13px}.footer-column a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #e5e5e5}.copyright p{font-size:12px;color:#666;margin:0}.legal-links{display:flex;gap:20px}.legal-links a{text-decoration:none;color:#666;font-size:12px}.legal-links a:hover{text-decoration:underline}@media(max-width:1200px){.collection-grid,.product-grid{grid-template-columns:repeat(3,1fr)}.product-carousel .product-card{flex-grow:0;flex-shrink:0;flex-basis:calc(33.33% - 14px);min-width:calc(33.33% - 14px)}}@media(max-width:900px){.collection-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.product-carousel .product-card{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 10px);min-width:calc(50% - 10px)}.footer-columns{grid-template-columns:repeat(3,1fr)}.carousel-header{flex-direction:column;align-items:flex-start;gap:10px}}@media(max-width:600px){.category-links,.collection-grid,.product-grid{grid-template-columns:1fr}.product-carousel .product-card{flex-grow:0;flex-shrink:0;flex-basis:calc(100% - 40px);min-width:calc(100% - 40px)}.footer-columns{grid-template-columns:1fr 1fr}.hero-content{left:20px}.hero-title{font-size:40px}}.experiments-container{padding:32px;margin:0;background-color:#1e1e24;min-height:calc(100vh - 60px)}.experiments-component .experiments-header{margin-bottom:32px;text-align:center}.experiments-header h1{font-size:2.5rem;font-weight:700;margin:0;color:#fff;font-family:Amazon Ember,Helvetica Neue,Helvetica,Arial,sans-serif}.search-container{display:flex;gap:16px;margin-bottom:32px;padding:24px;border-radius:12px;max-width:1200px;margin-left:auto;margin-right:auto}.search-type-selector{width:180px}.experiments-component .search-type-dropdown,.experiments-select{width:100%;height:48px;border:1px solid #3a3a40;border-radius:8px;padding:0 16px;font-size:14px;background-color:#333;color:#fff;cursor:pointer;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.experiments-select{margin-bottom:0!important}.search-type-dropdown:hover{border-color:#00c4cc}.search-type-dropdown:focus{outline:none;border-color:#00c4cc;box-shadow:0 0 0 2px rgba(0,196,204,.2)}.experiments-component .search-input-container{display:flex;flex:1 1;align-items:center;gap:8px}.experiments-component .search-input{flex:1 1;height:48px;border:1px solid #3a3a40;border-radius:8px;padding:0 20px;font-size:14px;background-color:#333;color:#fff;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.experiments-component .search-input:focus{outline:none;border-color:#00c4cc;box-shadow:0 0 0 2px rgba(0,196,204,.2)}.experiments-component .search-button{width:40px;height:40px;background-color:#00c4cc;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;line-height:0;flex-shrink:0}.experiments-component .search-button:hover:not(:disabled){background-color:#00a8af;transform:scale(1.05)}.experiments-component .search-button:disabled{background-color:#3a3a40;cursor:not-allowed;opacity:.7}.experiments-component .icon-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.error-message{background-color:rgba(220,53,69,.1);color:#dc3545;padding:16px;border-radius:8px;margin-bottom:24px;border:1px solid rgba(220,53,69,.2);display:flex;align-items:center;gap:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.experiments-table-container{margin-top:32px;background:#23232a;border-radius:20px;box-shadow:0 6px 32px rgba(0,0,0,.22),0 1.5px 6px rgba(0,196,204,.08);overflow-x:auto;padding:0 0 20px;max-width:1800px;margin-left:auto;margin-right:auto;border:1.5px solid #2a2a38}.experiments-table{width:100%;border-collapse:initial;border-spacing:0;color:#dadadb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:transparent;border-radius:20px;overflow:hidden;table-layout:auto;font-size:1.08rem}.experiments-table th,.experiments-table thead tr{background:linear-gradient(90deg,#23232a 60%,#1e1e24);box-shadow:0 2px 8px rgba(0,196,204,.04)}.experiments-table th{position:-webkit-sticky;position:sticky;top:0;z-index:2;padding:18px;font-size:1.08rem;font-weight:700;color:#00c4cc;text-align:left;border-bottom:2px solid #31313a;border-top-right-radius:20px;letter-spacing:.01em}.experiments-table th,.experiments-table th:first-child{border-top-left-radius:20px}.experiments-table th:last-child{border-top-right-radius:20px;text-align:right}.experiments-table td{padding:16px 18px;font-size:1.08rem;border-bottom:1px solid #31313a;background:#26262e;vertical-align:middle;text-align:left;transition:background .2s;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.experiments-table td:last-child{text-align:right}.experiments-table tbody tr:nth-child(2n) td{background:#23232a}.experiment-row:hover td{background:#232f3e;box-shadow:0 4px 18px rgba(0,196,204,.1);position:relative;z-index:1}.id-cell{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1.01rem;color:#7fd7d7;background:rgba(0,196,204,.1);border-radius:6px;padding:8px 14px;font-weight:600;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.experiment-row td:first-child{font-weight:700;color:#fff}.experiment-row td:nth-child(2){font-weight:700}.load-button{background:#00c4cc;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:8px}.load-button:hover{background:#00a8af;box-shadow:0 4px 12px rgba(0,196,204,.18)}.experiments-feedback-button{background:transparent;border:1.5px solid #3a3a40;color:#00c4cc;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;font-size:1.01rem;font-weight:500;justify-content:center}.experiments-feedback-button:hover{background:rgba(0,196,204,.1);border-color:#00c4cc}.chevron-icon{font-size:1em}.feedback-row td{background:#23232a;padding:0;border-bottom:none}.feedback-metrics{background:#23232a;border-radius:0 0 16px 16px;padding:24px 32px;margin:0;border:none}@media(max-width:1200px){.experiments-table-container{max-width:99vw;padding-left:4px;padding-right:4px}.experiments-table td,.experiments-table th{padding:12px 8px;font-size:.98rem;max-width:180px}.id-cell{max-width:180px}}@media(max-width:900px){.experiments-table td,.experiments-table th{padding:10px 6px;font-size:.93rem;max-width:120px}.feedback-metrics{padding:16px 8px}.id-cell{max-width:120px}}@media(max-width:768px){.experiments-component.experiments-container{padding:8px}.experiments-component .search-container{flex-direction:column;padding:10px}.search-type-selector{width:100%}.experiment-content{grid-template-columns:1fr;gap:10px}.experiment-actions{flex-direction:column;width:100%}.experiments-feedback-button,.load-button{width:100%}.experiments-table td,.experiments-table th{font-size:.89rem;max-width:80px;padding:8px 4px}.id-cell{max-width:80px}}.experiment-card,.experiment-content,.experiment-date,.experiment-design-id,.experiment-header,.experiment-info,.experiment-info-group,.experiment-info-label,.experiment-name:before,.experiments-list{all:unset}.component-designer-container{padding:0;display:flex;flex-direction:column;height:100vh;box-sizing:border-box;width:100%;max-width:100%;margin:0;background-color:#1e1e1e;color:#d4d4d4}.editor-section{width:60%;background-color:#1e1e1e}.editor-section,.preview-section{display:flex;flex-direction:column;height:100%;min-width:200px}.preview-section{width:40%;background-color:#252526}.preview-container{background:#1e1e1e;padding:20px;overflow:auto;flex:2 1;height:100%;color:#d4d4d4}.props-editor{flex:1 1;background-color:#1e1e1e;border-top:1px solid #444;overflow:auto;display:flex;flex-direction:column;min-height:150px}.props-editor-header{background-color:#252526;padding:4px 16px;font-size:11px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border-bottom:1px solid #444;color:#ccc;font-weight:500;text-align:center;height:28px;line-height:18px}.props-editor-content{padding:10px;overflow:auto;flex:1 1}.prop-item{display:flex;margin-bottom:8px;align-items:center}.prop-name{width:40%;color:#9cdcfe;padding-right:10px}.prop-name,.prop-value-input{font-size:12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.prop-value-input{width:60%;background-color:#3c3c3c;border:1px solid #555;color:#d4d4d4;padding:4px 8px;border-radius:2px}.prop-value-input:focus{outline:1px solid #007acc;border-color:#007acc}.update-props-button{align-self:flex-end;margin-top:10px;padding:6px 12px;background-color:#007acc;color:#fff;border:none;border-radius:2px;cursor:pointer;font-size:12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.landing-chat-box{background:#25252a;box-shadow:0 4px 12px rgba(0,0,0,.15);align-items:center;border:1px solid #333;position:relative}.landing-chat-textarea{width:100%;font-family:Inter,SF Pro Display,Segoe UI,Arial,sans-serif;font-size:1.1rem;padding:16px 20px;border-radius:14px;box-sizing:border-box;min-height:60px}.landing-chat-send-btn{right:12px;bottom:12px;width:32px;height:32px;background-color:#00c4cc;padding:0;transition:background-color .2s}.landing-chat-send-btn:hover{background-color:#00b0b7}.landing-chat-send-btn:disabled{background-color:#555}.spinner{width:20px;height:20px}.path{stroke:#fff}.example-prompts-container{display:flex;flex-wrap:wrap;gap:8px;margin:12px auto 16px;justify-content:center;background-color:transparent;padding:10px;max-width:900px}.example-prompt-button{background-color:#0e639c;color:#fff;border:none;border-radius:16px;padding:6px 14px;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,.3)}.example-prompt-button:hover{background-color:#17b}.example-prompt-button:disabled{opacity:.5;cursor:not-allowed}.create-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.landing-chat-input-form{max-width:1200px;margin:10px auto;padding:0 20px}.form-container{margin-bottom:20px}.result-container{display:flex;flex-direction:row;gap:0;margin-top:10px;width:100%;flex:1 1;border:1px solid #1e1e1e;border-radius:0;overflow:hidden;background-color:#1e1e1e;box-shadow:0 4px 20px rgba(0,0,0,.3);position:relative}.resizer{width:10px;height:100%;background-color:#333;position:absolute;left:60%;top:0;cursor:col-resize;z-index:100;transition:background-color .2s;margin-left:-5px;opacity:.7}.resizer.resizing,.resizer:hover{background-color:#007acc}.monaco-editor-container{background:#1e1e1e;color:#d4d4d4;overflow:hidden;flex:1 1;min-height:0;position:relative;text-align:left;display:flex;flex-direction:column}.monaco-editor-header{background-color:#1e1e1e;color:#ccc;padding:4px 15px;font-size:11px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border-bottom:1px solid #333;display:flex;align-items:center;height:18px}.file-name{font-weight:500}.file-path{color:#858585;margin-left:5px;font-size:11px}.monaco-editor .margin,.monaco-editor .monaco-editor-background{background-color:#1e1e1e}.monaco-editor{height:100%!important}.monaco-editor-container>div{height:100%}.editor-tabs{display:flex;background-color:#252526;border-bottom:1px solid #444;height:28px}.editor-tab{padding:4px 12px;background-color:#2d2d2d;color:#ccc;border:none;border-right:1px solid #444;font-size:11px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;cursor:pointer;line-height:20px}.editor-tab.active{background-color:#1e1e1e;color:#fff;border-bottom:2px solid #007acc;position:relative}.editor-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background-color:#1e1e1e;z-index:1}.preview-header{background-color:#252526;padding:4px 16px;font-size:11px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border-bottom:1px solid #444;color:#ccc;font-weight:500;text-align:center;height:28px;line-height:18px}.keyword{color:#569cd6}.string{color:#ce9178}.comment{color:#6a9955}.function{color:#dcdcaa}.variable{color:#9cdcfe}.tag{color:#f92672}.attribute{color:#a6e22e}.code-container::-webkit-scrollbar{width:10px;height:10px}.code-container::-webkit-scrollbar-track{background:#1e1e1e}.code-container::-webkit-scrollbar-thumb{background:#424242;border-radius:5px}.code-container::-webkit-scrollbar-thumb:hover{background:#4f4f4f}.error-message{color:red;margin-top:10px;font-weight:700}.mpFNxL1Izlstm4xo\+ZQrnw\=\={display:flex;flex-direction:column;height:100vh;width:100%;position:relative;align-items:center;overflow:hidden;padding-top:40px}._2eFRCFIbpGOuXxYH\+\+LGdg\=\={background:linear-gradient(135deg,hsla(0,0%,100%,.22) 60%,rgba(200,200,255,.1));border-radius:32px;border:1.5px solid hsla(0,0%,100%,.35);box-shadow:0 12px 36px 0 rgba(0,0,0,.22),0 1.5px 8px 0 rgba(0,0,0,.1);padding:24px 16px 16px;margin:80px auto 0;max-width:280px;width:92%;display:flex;flex-direction:column;align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}._0zgTDBln87OKRfF-3NGBug\=\={background:#fff;border-radius:18px;box-shadow:0 6px 24px rgba(0,0,0,.13);padding:20px;margin-bottom:16px;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.WHKLuPh666nxj5w2ocFLcg\=\={max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.fWmhONvqyJYcVV8zyuNoQw\=\={width:100%;display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-bottom:10px;padding:0 2px}.r5pfTAp\+fPGYO4yIdBpVDg\=\={font-size:.92rem;font-weight:500;color:#232323;text-align:left;margin-bottom:2px}.JR1-TJp9r8MFrZM4sxKMvg\=\={display:flex;align-items:center;background:rgba(255,215,80,.18);border-radius:12px;padding:2px 8px 2px 6px;font-size:.88rem;color:#f5a623;font-weight:600;gap:4px;margin:0 0 2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.JWE\+pwCmgDUV59u1zG9m9Q\=\={font-size:1.18rem;font-weight:900;color:#232323;margin-left:0;text-align:left;letter-spacing:.5px}.Ru\+mdkJSbTz4Nk-sIAaSVg\=\={width:100%;height:1.5px;background:linear-gradient(90deg,hsla(0,0%,78.4%,.1),hsla(0,0%,47.1%,.13));margin:8px 0 0;border-radius:1px}.Znuc-z2zaxaYWYdTEmUFhQ\=\={font-size:1.18rem;color:#fff;margin:24px 0 28px;font-weight:700;text-align:left;line-height:1.6;max-width:95%;padding:0 12px}.lXyIurd3qTl\+CTVjf19QGA\=\={flex:1 1;overflow-y:auto;width:100%;overflow-x:hidden;padding-bottom:16px;position:relative;display:flex;flex-direction:column}.lXyIurd3qTl\+CTVjf19QGA\=\=::-webkit-scrollbar{display:none}.lXyIurd3qTl\+CTVjf19QGA\=\={scrollbar-width:none;-ms-overflow-style:none}.lXyIurd3qTl\+CTVjf19QGA\=\=>div:last-child{position:relative;z-index:1}.rkglYkK8h0HTXsxv9LFHGA\=\={margin-top:10px;display:flex;flex-direction:column;gap:6px;padding-bottom:16px;align-items:stretch}.QY4yOZ6cZGtf-TKdzhyS7w\=\={margin-top:24px;min-height:48px;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.6);font-size:15px}.BhNDmFaC15ultdEgs\+n9rw\=\={display:flex;align-items:flex-end;max-width:85%;padding:14px 18px;border-radius:16px;margin-bottom:12px;font-size:15px;line-height:1.6;box-shadow:0 2px 8px rgba(0,0,0,.1);word-break:break-word;background:none}.WZH\+L2FXuxwTtbD2gfMSVQ\=\={align-self:flex-start;border-top-left-radius:4px;margin-right:48px;flex-direction:row}.fcbDQjSEkhgQEtF\+eY2qVA\=\=,.WZH\+L2FXuxwTtbD2gfMSVQ\=\={background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#fff;font-weight:700;transition:background .2s}.fcbDQjSEkhgQEtF\+eY2qVA\=\={display:flex!important;flex-direction:row-reverse!important;align-self:flex-end;border-top-right-radius:4px;margin-left:48px}.G2j\+sila58qOWdDBMH805Q\=\={width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 0 12px;box-shadow:0 1px 4px rgba(0,0,0,.08);flex-shrink:0;font-size:17px}._4CZZCSXEv5WQHMwP7qr9NA\=\={background:linear-gradient(135deg,#ffd54f 60%,#ffe082);color:#232323;margin:0 0 0 20px}.xjr-Lz6gTnDqOSb7zaDyyg\=\={background:#e3f2fd;color:#1976d2;margin:0 12px 0 0}.teEu7daYaNKxocPswQ68Zw\=\={background-color:hsla(0,0%,100%,.3);border:1px solid hsla(0,0%,100%,.2);animation:NXw7-fnM0r3cL-Nw1PtIeg\=\= 2s infinite}@keyframes NXw7-fnM0r3cL-Nw1PtIeg\=\={0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.2)}70%{box-shadow:0 0 0 4px hsla(0,0%,100%,0)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}.pLmw\+GHXvqZI\+4LhUVTcyQ\=\={width:100%;padding:16px 0 0;background:none;display:flex;flex-direction:column;align-items:center;margin-bottom:20px;position:relative;min-height:120px}.CDolng4KIjtufN5vEyUsjg\=\=,.TPfHf\+aFACRZZ1SWgnU97g\=\=,.xG-dX5ebB9e9z4NxCzEGtg\=\={display:none}.Bo23tJDAmPKNEAsErZNaww\=\={width:120px;height:5px;background-color:#999;border-radius:3px;margin:12px auto 0}.DI625Nw8p4VM6Kj8AQKQ1w\=\={position:absolute;top:16px;left:16px;background-color:rgba(0,0,0,.3);border:none;color:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2100;font-size:20px}.l-ivgReKHsaNPJzhOa7ilg\=\={display:flex;align-items:center;justify-content:flex-end;text-align:right}.SOU5-N4bkK4qpfP70QZQ2g\=\={display:flex;align-items:flex-start;justify-content:flex-start;text-align:left}._5CTLLQ4sErMFHNeweEuw7w\=\=,.rN0Z9mfnKnb-v-Ih\+PqdYQ\=\={flex:1 1;white-space:pre-line}.rN0Z9mfnKnb-v-Ih\+PqdYQ\=\={color:#fff;font-weight:700}.XlZvQD06\+DDXiJKEU1Ox-w\=\={flex:1 1;white-space:pre-line;color:#b0b0b0;font-weight:400}.gz9JNb78yRONKnXqvyY34A\=\={display:flex;flex-direction:column;gap:12px;padding:12px 16px;width:100%;box-sizing:border-box;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;position:absolute;bottom:0;left:0;right:0;margin-top:24px}.gz9JNb78yRONKnXqvyY34A\=\=::-webkit-scrollbar{display:none}.RLOQUgyvrmgxm6rVUXrQtA\=\={display:flex;flex-direction:row;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;align-items:center}.RLOQUgyvrmgxm6rVUXrQtA\=\=::-webkit-scrollbar{display:none}.TdRLJ5X9pBqtsVtQtAEBWg\=\={background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;padding:8px 16px;color:#fff;font-size:14px;text-align:left;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:nowrap;flex-shrink:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;max-width:280px}.TdRLJ5X9pBqtsVtQtAEBWg\=\=:hover{background:hsla(0,0%,100%,.25);transform:translateY(-1px)}.TAYHVUzeOWTN6s23RQcafg\=\={color:#fff;font-size:16px;font-weight:600;margin:0 0 8px;text-align:left;width:100%}.oPQ83iFwIUANmnjOdlJeiA\=\={display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;padding:8px 16px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-shrink:0;white-space:nowrap;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;margin-right:8px}.oPQ83iFwIUANmnjOdlJeiA\=\=:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.4)}.SYWEB1tftRbQVgP0uSst8w\=\={font-size:16px}._8HC\+g8-CEradvDSHdjM-HQ\=\={width:100%;height:100%;box-sizing:border-box;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;pointer-events:auto}@media(min-width:601px){._8HC\+g8-CEradvDSHdjM-HQ\=\={position:absolute}}.HC9jYyYW17HlOr8tntHacw\=\={display:flex;flex-direction:row;width:100%;margin:0 0 24px;padding:0 16px;justify-content:space-between}.fm-Ti1zb1SbXrw9f-WFVAg\=\=,.PRl-2bVeoMeCaoiRn0fEcA\=\={display:flex;flex-direction:column;width:48%}.eHG0V8Hj7sV9GfM-MS207g\=\=,.PwF9BDC-HkyOxwGfzP3bmg\=\={color:#fff;font-size:16px;text-align:left;margin-bottom:10px;font-weight:400;display:flex;align-items:center;gap:8px}.AGvSsktc31KzXpocA0MMUg\=\={color:#7fcc7f;font-weight:700}.jR7L8a6IFBGC5rWVXWZR7Q\=\={color:#ff6b6b;font-weight:700}.yvpAUNAydX5DPTzbrw4ZKg\=\={display:flex;justify-content:center;align-items:center;width:100%;padding:12px 16px;margin:8px 0}.kfXLxFGN3hpMCiLV8Kk33g\=\={color:hsla(0,0%,100%,.6);font-size:14px;font-style:italic;text-align:center;font-weight:400;line-height:1.4}.-tYlToczuGvwJ0lV3psWFg\=\={position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;background:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:flex-end;justify-content:center;padding:20px;animation:Tg17U2FmlaN46XI\+nBK8aA\=\= .3s ease-out;pointer-events:auto}.JhlK\+p\+pNH9vl6ZSxMyLAA\=\={display:flex;align-items:center;gap:12px;max-width:600px;margin:0 auto}.E\+UZFftQLsLJ\+SF6PYNzBg\=\={flex:1 1;padding:12px 16px;border-radius:24px;border:2px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.95);color:#333;font-size:16px;outline:none;transition:all .2s ease}.E\+UZFftQLsLJ\+SF6PYNzBg\=\=:focus{border-color:#007aff;background:#fff;box-shadow:0 0 0 3px rgba(0,122,255,.2)}.E\+UZFftQLsLJ\+SF6PYNzBg\=\=::-webkit-input-placeholder{color:rgba(0,0,0,.5)}.E\+UZFftQLsLJ\+SF6PYNzBg\=\=::-moz-placeholder{color:rgba(0,0,0,.5)}.E\+UZFftQLsLJ\+SF6PYNzBg\=\=::-ms-input-placeholder{color:rgba(0,0,0,.5)}.E\+UZFftQLsLJ\+SF6PYNzBg\=\=::placeholder{color:rgba(0,0,0,.5)}._5WRGDljdutyyvYgELvEGvg\=\={padding:12px 20px;background:#007aff;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:60px}._5WRGDljdutyyvYgELvEGvg\=\=:hover:not(:disabled){background:#0056cc;transform:scale(1.05)}._5WRGDljdutyyvYgELvEGvg\=\=:disabled{background:rgba(0,122,255,.5);cursor:not-allowed;transform:none}@keyframes Tg17U2FmlaN46XI\+nBK8aA\=\={0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.RnfcLrk7naQM62AW2NAq7g\=\={--search-image-height:380px;--search-image-height-anim:420px;--search-image-width:80%;--search-image-radius:24px;--bottom-container-padding-bottom:40px;--tagline-container-height:70px;--bottom-action-bar-margin:16px 0;--matches-title-margin-bottom:12px;display:flex;flex-direction:column;align-items:center;padding:40px 10px 10px}.vJp2DLmLz8INnDmyghcSBQ\=\={display:flex;flex-direction:column;align-items:center;margin-bottom:15px;max-width:500px;width:100%;position:relative}.zA5Dzax4hEJS7iUrQmOGoA\=\={margin:10px 0;color:#333;font-size:16px;font-weight:600}.QSYwHUQFqqKOkALEUvy7DQ\=\={width:100%;padding:12px 44px 12px 16px;border-radius:8px;border:1px solid #444;background-color:#333;font-size:14px;color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.2);background:#333 url('data:image/svg+xml;utf8,<svg fill="none" stroke="%23fff" stroke-width="3.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6 9l6 6 6-6"/></svg>') no-repeat right 18px center/20px 20px;height:48px;line-height:24px;min-height:48px;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.QSYwHUQFqqKOkALEUvy7DQ\=\=:hover{border-color:#666;background-color:#444;box-shadow:0 2px 8px rgba(0,0,0,.3)}.QSYwHUQFqqKOkALEUvy7DQ\=\=:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px rgba(33,150,243,.2);background-color:#444}.QSYwHUQFqqKOkALEUvy7DQ\=\= option{padding:12px;font-size:14px;background-color:#333;color:#fff}.QSYwHUQFqqKOkALEUvy7DQ\=\= option:hover{background-color:#444}.QSYwHUQFqqKOkALEUvy7DQ\=\=:focus option{background-color:#333;color:#fff;padding:12px 16px}.QSYwHUQFqqKOkALEUvy7DQ\=\= option:checked{background-color:#2196f3;color:#fff}._9gPiCXu260wPI2fYD40lwQ\=\={width:375px;height:812px;position:relative;border-radius:36px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3)}.kvrNamxum-XfnTPLru1TtQ\=\={width:100%;height:100%;display:flex;flex-direction:column;padding:0;box-sizing:border-box;position:relative;overflow:hidden;background-size:cover;background-position:50%;background-repeat:no-repeat}.Ya4Z\+9FiHAI9TfJtE7ANEA\=\={z-index:20!important}.o2uXbL4j1\+GlDJoIB3u27Q\=\={position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;-webkit-filter:blur(10px);filter:blur(10px);z-index:1;opacity:0;transition:opacity 1s ease-in-out}._6LCpVsAhDlska8A1MX7JhA\=\={opacity:1;animation:X\+NPKgh7Uv\+hOjz-doLPzA\=\= 1s ease-in-out forwards}._5mHyRem6tv8VWfabhIZ3Ug\=\={opacity:1}@keyframes X\+NPKgh7Uv\+hOjz-doLPzA\=\={0%{opacity:0}to{opacity:1}}.QRJ19SXlX2472bVpv3WDfg\=\={position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.2);pointer-events:none;z-index:2}.OPw6Hfw5-biUhiG\+bDx6Zw\=\={top:60px;display:flex;flex-direction:column;align-items:center;padding:0 16px;overflow-y:auto}._2IZjRmWAfXFPSKlbhKixwQ\=\=,.OPw6Hfw5-biUhiG\+bDx6Zw\=\={position:absolute;left:0;right:0;bottom:0;z-index:4;overflow-x:visible;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.3) 70%,transparent)}._2IZjRmWAfXFPSKlbhKixwQ\=\={padding:16px 0;padding-bottom:var(--bottom-container-padding-bottom)}.WFuxsxQwlQdBGD8AIIyx\+g\=\={height:var(--tagline-container-height)}.D2tF9pPkHkz28mf8UflEIw\=\=,.WFuxsxQwlQdBGD8AIIyx\+g\=\={width:100%;display:flex;align-items:center;overflow:visible;padding:0 16px}.D2tF9pPkHkz28mf8UflEIw\=\={position:relative;margin-bottom:16px;min-height:60px}.lSlj0yQD3a338aJo3-msuA\=\={margin:0;text-align:left;width:100%}.XDMi0tDqJcajvZj-NthVRQ\=\={color:#fff;font-size:16px;font-weight:700;margin:0;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;max-width:100%;padding:0;text-overflow:ellipsis}.QrdCSWshsEb-Z3Z62uEIng\=\={display:flex;align-items:center;gap:12px;margin-bottom:12px;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:4px 8px;mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent)}.QrdCSWshsEb-Z3Z62uEIng\=\=::-webkit-scrollbar{display:none}.JXDU0XpyH5LBU\+w2JQUURg\=\={display:flex;justify-content:flex-start;flex-shrink:0}.-z5kZBWLdSneO2S6Jldbaw\=\={display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;padding:8px 16px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.-z5kZBWLdSneO2S6Jldbaw\=\=:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.4)}.CuggCW6pJ9NDweNINnU8xg\=\={font-size:16px}.IM\+4uCneg2-d4lhMKYAyQQ\=\={color:#fff;font-size:14px;font-weight:500}.EbHyYK5YpUSRusqiv2ohwA\=\={position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid hsla(0,0%,100%,.1);display:flex;gap:8px;z-index:100}.ToYtM1Rth0RFJ1Qt\+0HpjA\=\={flex:1 1;padding:12px 16px;border-radius:20px;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.1);color:#fff;font-size:14px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.ToYtM1Rth0RFJ1Qt\+0HpjA\=\=::-webkit-input-placeholder{color:hsla(0,0%,100%,.7)}.ToYtM1Rth0RFJ1Qt\+0HpjA\=\=::-moz-placeholder{color:hsla(0,0%,100%,.7)}.ToYtM1Rth0RFJ1Qt\+0HpjA\=\=::-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.ToYtM1Rth0RFJ1Qt\+0HpjA\=\=::placeholder{color:hsla(0,0%,100%,.7)}.ToYtM1Rth0RFJ1Qt\+0HpjA\=\=:focus{outline:none;border-color:hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.15)}.Y42Vh3aPbaMPhiYpVlf0Tg\=\={background:none;border:none;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:20px;transition:all .2s ease}.Y42Vh3aPbaMPhiYpVlf0Tg\=\=:hover:not(:disabled){background:hsla(0,0%,100%,.1)}.Y42Vh3aPbaMPhiYpVlf0Tg\=\=:disabled{opacity:.5;cursor:not-allowed}._3bSrIGCkbn4pykIer5BM-g\=\={display:flex;justify-content:space-around;align-items:center;background-color:rgba(50,40,30,.8);padding:15px 0 20px;position:absolute;bottom:0;left:0;right:0;border-radius:0 0 36px 36px;z-index:2}.xytv4M\+Y80es4IJkt\+QQxA\=\={display:flex;flex-direction:column;align-items:center;cursor:pointer}._07yut3Z97CAkRkOX5Ec2Qg\=\={color:#fff;font-size:22px;margin-bottom:5px}._5es4QElqzmJRkkXtx1oaBg\=\={color:#fff;font-size:12px;font-weight:500}._36z7Tc7JASE-6a8JtkOq8Q\=\={position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:120px;height:5px;background-color:#fff;border-radius:3px;opacity:.5}.vw-j\+3Mk6d\+oJ\+\+G0BMEoQ\=\={background:#222;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.18);padding:28px 24px 20px;margin-bottom:32px;margin-top:48px;display:flex;flex-direction:column;align-items:flex-start;max-width:420px;width:100%;overflow:visible!important;position:relative;z-index:100}.KRlgEvXvkDp3efPZ2P1Pag\=\={color:#fff;font-size:18px;font-weight:700;margin-bottom:12px;letter-spacing:.01em;width:100%}.YVUCJRcb1tJWFsrPMNu2PA\=\={display:flex;align-items:center;width:100%;gap:12px;position:relative}.Urp8KDwh4qZGdxHkc20zBw\=\={width:48px;height:48px;object-fit:cover;border-radius:8px;margin-right:0;box-shadow:0 2px 8px rgba(0,0,0,.12);background:#111;border:1px solid #333;flex-shrink:0}.Ya4Z\+9FiHAI9TfJtE7ANEA\=\={top:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:transparent}._6CM17PVjPxSlYWKB3zWWsQ\=\=,.Ya4Z\+9FiHAI9TfJtE7ANEA\=\={position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}._6CM17PVjPxSlYWKB3zWWsQ\=\=:after,._6CM17PVjPxSlYWKB3zWWsQ\=\=:before{content:"";position:absolute;top:0;width:20px;height:100%;animation:VAc8KZGncgpk9ekuMzdhjw\=\= 1.8s ease-in-out infinite}._6CM17PVjPxSlYWKB3zWWsQ\=\=:before{left:0;background:linear-gradient(90deg,rgba(110,80,255,.7),rgba(110,80,255,0))}._6CM17PVjPxSlYWKB3zWWsQ\=\=:after{right:0;background:linear-gradient(270deg,rgba(255,100,180,.7),rgba(255,100,180,0))}.LrZcLBQAxtQ65f7CBgxQ3g\=\={font-size:1.5rem;font-family:SF Pro Display,Segoe UI,Arial,sans-serif;font-weight:700;letter-spacing:.02em;color:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;position:relative;padding:16px;background-color:rgba(0,0,0,.3);border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.2);z-index:11;animation:_04M6ybCC7p2OtP9\+J7meDQ\=\= 2s ease-in-out infinite}.LrZcLBQAxtQ65f7CBgxQ3g\=\=:after{content:"|";animation:HkefWGZ1qpX3e9mmB0Kgow\=\= 1s steps(1) infinite;color:#fff;margin-left:2px;font-weight:400;position:absolute}@keyframes HkefWGZ1qpX3e9mmB0Kgow\=\={0%,to{opacity:1}50%{opacity:0}}@keyframes VAc8KZGncgpk9ekuMzdhjw\=\={0%,to{opacity:.6;-webkit-filter:blur(8px);filter:blur(8px)}50%{opacity:.8;-webkit-filter:blur(12px);filter:blur(12px)}}@keyframes _04M6ybCC7p2OtP9\+J7meDQ\=\={0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.UBA-FL6JxRj4iR83QEatew\=\=,.wuRZSBtvWMUkwMd27H6vKg\=\={position:absolute;left:0;width:100%;height:10px;z-index:10}.UBA-FL6JxRj4iR83QEatew\=\={top:0;background:linear-gradient(180deg,rgba(140,100,255,.7),rgba(140,100,255,0));animation:axcvucfavr0FAKKwwfAUAQ\=\= 2.4s ease-in-out infinite}.wuRZSBtvWMUkwMd27H6vKg\=\={bottom:0;background:linear-gradient(0deg,rgba(255,100,180,.7),rgba(255,100,180,0));animation:_5t2AFLOFXmkJ0XclHoHr6A\=\= 2.4s ease-in-out .6s infinite}@keyframes axcvucfavr0FAKKwwfAUAQ\=\={0%,to{opacity:.3;height:10px;-webkit-filter:blur(5px);filter:blur(5px)}50%{opacity:.7;height:20px;-webkit-filter:blur(10px);filter:blur(10px)}}@keyframes _5t2AFLOFXmkJ0XclHoHr6A\=\={0%,to{opacity:.3;height:10px;-webkit-filter:blur(5px);filter:blur(5px)}50%{opacity:.7;height:20px;-webkit-filter:blur(10px);filter:blur(10px)}}._0EpVDzv\+WBPq\+XGdoeeNBg\=\={position:relative;flex:1 1;min-width:0}.hIPoXUe\+0WB0Q8p6Q1e\+Fw\=\={z-index:10}.hIPoXUe\+0WB0Q8p6Q1e\+Fw\=\=,.VvlgL2uJ1cgZ2ehpQ6ZcrA\=\={position:absolute;top:60px;left:0;width:100%;display:flex;justify-content:center}.VvlgL2uJ1cgZ2ehpQ6ZcrA\=\={right:0;z-index:3;padding:0 16px;box-sizing:border-box}.JaMAL1G36j8BZAer9AuBNA\=\=,.VvlgL2uJ1cgZ2ehpQ6ZcrA\=\={align-items:center;transition:all 1.2s cubic-bezier(.34,1.56,.64,1)}.JaMAL1G36j8BZAer9AuBNA\=\={position:relative;display:flex;justify-content:center;width:100%;margin-bottom:16px}._9trDCr5m8N1eLnBqzruwpA\=\={width:var(--search-image-width);height:var(--search-image-height);object-fit:cover;border-radius:var(--search-image-radius);display:block;margin:0 auto;transition:all 1.2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 20px rgba(0,0,0,.15)}.VvlgL2uJ1cgZ2ehpQ6ZcrA\=\=.EfPF1bd9oZ8scOOINrRDLg\=\={animation:ny44ZhB-G5iOp\+PKI8VHUQ\=\= 1.2s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes ny44ZhB-G5iOp\+PKI8VHUQ\=\={0%{top:50%;transform:translateY(-50%)}to{top:60px;transform:translateY(0)}}.MxrsWgHtdclyfUAm8wTgMw\=\={width:var(--search-image-width);height:var(--search-image-height);object-fit:cover;border-radius:var(--search-image-radius);display:block;margin:0 auto;transition:all 1.2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 20px rgba(0,0,0,.15)}.VvlgL2uJ1cgZ2ehpQ6ZcrA\=\=.EfPF1bd9oZ8scOOINrRDLg\=\= .MxrsWgHtdclyfUAm8wTgMw\=\={animation:JSgJVYPEQerh4XHqrgQsIA\=\= 1.2s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes JSgJVYPEQerh4XHqrgQsIA\=\={0%{width:100%;height:100%;border-radius:0}to{width:var(--search-image-width);height:var(--search-image-height-anim);border-radius:var(--search-image-radius)}}.VvlgL2uJ1cgZ2ehpQ6ZcrA\=\=.TELkyr\+YCqEZfz2RAwzYUg\=\={top:50%;transform:translateY(-50%)}.VvlgL2uJ1cgZ2ehpQ6ZcrA\=\=.TELkyr\+YCqEZfz2RAwzYUg\=\= .MxrsWgHtdclyfUAm8wTgMw\=\={width:85%;height:400px}.DKdrh-Mm-Cxpeb34qj6jAQ\=\={position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:5;background:transparent}._0D8r4ky3DY8aRtbC29mang\=\={width:100%!important;height:100%!important;object-fit:contain;border-radius:0;box-shadow:none;background:transparent}.eYdeZoDbgJ3QanJGL7NLVg\=\={background:#fff;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.18);padding:24px;display:flex;align-items:center;justify-content:center;max-width:320px}.HP6xuDVSyVJKmd\+iInoQOg\=\={max-width:180px;max-height:120px;object-fit:contain;border-radius:12px}.gVUilrivCa-oDNtXNeCMJA\=\={display:flex;flex-direction:column;align-items:flex-start;margin-left:20px;margin-top:0;gap:6px}._7g95kNk\+s40df5KDmC9GaQ\=\={font-size:1.1rem;font-weight:700;color:#222;margin-bottom:2px;line-height:1.2;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._3ZvHxokJdtUr71qgetIO\+Q\=\={font-size:1.3rem;font-weight:800;color:#222;margin-bottom:2px}.oBQgZvE7C0iU8fG7VsEXwA\=\={display:flex;align-items:center;font-size:1rem;color:#f5a623;font-weight:600;gap:4px}.kaIHWy0d1U9m\+\+crTZx30w\=\={color:#f5a623;font-size:1.1em;margin-right:2px}.FSQ30POmDRBNbUaQs4BA\+A\=\={font-size:.98rem;color:#555;margin-top:4px;font-weight:400;max-width:220px;line-height:1.3;opacity:.85}.BXNArdKbQY2N41xvFeYbBg\=\={position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:2;pointer-events:none;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);background:rgba(90,65,30,.38);border-radius:18px;border:1.5px solid hsla(0,0%,100%,.13);box-shadow:0 4px 32px 0 rgba(0,0,0,.12)}.fVs8jZomTYeW1u8IQx6ShA\=\={position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column}.FT2zp-4OR8aXMZeThqR0qg\=\={display:flex;gap:8px;overflow-x:auto;padding:4px 8px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent)}.FT2zp-4OR8aXMZeThqR0qg\=\=::-webkit-scrollbar{display:none}._7cFR-ZJUdlYWGLO1EBAAwQ\=\={background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;padding:8px 12px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:nowrap;flex-shrink:0}._7cFR-ZJUdlYWGLO1EBAAwQ\=\=:hover:not(:disabled){background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.4)}._7cFR-ZJUdlYWGLO1EBAAwQ\=\=:disabled{opacity:.5;cursor:not-allowed}.hKtZzw7Uqj59JWeou0T\+hg\=\={margin:16px 0 8px;padding:0 4px}.Jr3fJn4xpo5msQbFUx5BSw\=\={color:#fff;font-size:14px;font-weight:600;margin:0 0 8px 4px;opacity:.9}._67AMdfBytIUhvVaEtJ7iag\=\={max-height:200px;overflow-y:auto;padding:12px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px;scrollbar-width:none;-ms-overflow-style:none}._67AMdfBytIUhvVaEtJ7iag\=\=::-webkit-scrollbar{display:none}.Ok5Ov3c-dOJSq3lvYP19dw\=\={max-width:80%;padding:8px 12px;border-radius:16px;font-size:14px;line-height:1.4;word-wrap:break-word}._5r5WW9ZHEJr1DoIjNrONRA\=\={align-self:flex-end;background:rgba(0,122,255,.9);color:#fff;border-bottom-right-radius:4px}._8ADyTKbgi94eE79h3AodMA\=\={align-self:flex-start;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-bottom-left-radius:4px}.jQp\+Lp5QyULLY96-jnNwyg\=\={display:block}.zpwo9qR0rPH9GIq4kve7Eg\=\={position:absolute;top:16px;left:16px;background-color:rgba(0,0,0,.3);border:none;color:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;font-size:20px}._6o2TBynKPdLvd-yFz\+MSkw\=\={position:absolute;bottom:-50px;left:16px;right:16px}._6o2TBynKPdLvd-yFz\+MSkw\=\=,.Bg4cKu-Yy4snjitEbMnOSg\=\={display:flex;justify-content:flex-start;padding:0;min-height:40px}.Bg4cKu-Yy4snjitEbMnOSg\=\={position:relative;width:100%;margin-bottom:20px}._9CAADoccko9MaEDAjxR7qA\=\=,.sh1\+3xUoWT8JCxuizSacUQ\=\={background:transparent;color:#fff;padding:0;border-radius:0;font-size:20px;font-weight:500;text-align:left;margin:0;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.8)}.fXiABHBTEaMfcLKJdGqGYA\=\={position:relative;width:100%;margin-bottom:30px}.Ka5EBvX0GCv4m6VxB3wPlw\=\={margin:var(--bottom-action-bar-margin)}.Ka5EBvX0GCv4m6VxB3wPlw\=\=,.VyZXGKtMGDYB-vJO3EtOJQ\=\={display:flex;flex-direction:row;align-items:center;gap:12px;padding:0 4px}.VyZXGKtMGDYB-vJO3EtOJQ\=\={position:relative;width:100%;margin:30px 0}.vFrsz4V3LWwsCcLoyt4DJg\=\={display:flex;gap:8px;overflow-x:auto;padding:4px 0;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;flex:1 1}.vFrsz4V3LWwsCcLoyt4DJg\=\=::-webkit-scrollbar{display:none}.OkY14pqviJOf9Tw0A9kqnw\=\={margin-bottom:var(--matches-title-margin-bottom);padding:0 4px}.cRAj417urGnudASmKkRSgw\=\={position:relative;width:100%;margin-bottom:16px;padding:0 4px}.yx2mDk2gqDuY83fPpEolrQ\=\={color:#fff;font-size:16px;font-weight:600;margin:0;text-align:left;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media(max-height:740px)and (max-width:400px){.RnfcLrk7naQM62AW2NAq7g\=\={--search-image-height:260px;--search-image-height-anim:260px;--search-image-width:75%;--search-image-radius:20px;--bottom-container-padding-bottom:20px;--tagline-container-height:60px;--bottom-action-bar-margin:8px 0;--matches-title-margin-bottom:8px}.OPw6Hfw5-biUhiG\+bDx6Zw\=\={top:40px;padding:0 12px}.JaMAL1G36j8BZAer9AuBNA\=\={margin-bottom:12px}.Bg4cKu-Yy4snjitEbMnOSg\=\={margin-bottom:16px;min-height:35px}._9CAADoccko9MaEDAjxR7qA\=\={font-size:18px}.cRAj417urGnudASmKkRSgw\=\=,.D2tF9pPkHkz28mf8UflEIw\=\=,.fXiABHBTEaMfcLKJdGqGYA\=\=,.VyZXGKtMGDYB-vJO3EtOJQ\=\={margin-bottom:12px}}@media(max-width:768px){.OPw6Hfw5-biUhiG\+bDx6Zw\=\={top:50px;padding:0 12px}.JaMAL1G36j8BZAer9AuBNA\=\={margin-bottom:14px}.Bg4cKu-Yy4snjitEbMnOSg\=\={margin-bottom:18px}._9CAADoccko9MaEDAjxR7qA\=\={font-size:18px;line-height:1.2}.cRAj417urGnudASmKkRSgw\=\=,.fXiABHBTEaMfcLKJdGqGYA\=\={margin-bottom:14px}.D2tF9pPkHkz28mf8UflEIw\=\={margin-bottom:14px;min-height:50px}.VyZXGKtMGDYB-vJO3EtOJQ\=\={margin:14px 0}}.p6a9dddRjvjDNTtu3y0yFQ\=\={animation:blKf2XhEyz6wVsZWOolf1g\=\= .6s ease-out forwards;opacity:0;transform:translateY(20px)}._3pFmSvgoApmyNmQfP09skw\=\={position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;pointer-events:auto}.g1Gz1cNfKLdEUG1balzA6g\=\={position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;background:transparent;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:flex-end;justify-content:center;padding:20px;animation:o4mFUXULHxRKOuZUAV-arQ\=\= .3s ease-out;pointer-events:auto}.k5GwzeFJOXBJkR\+VAPgREg\=\={display:flex;align-items:center;gap:12px;max-width:600px;margin:0 auto}.S0s6cans91\+WfDz12MKEMQ\=\={flex:1 1;padding:12px 16px;border-radius:24px;border:2px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.95);color:#333;font-size:16px;outline:none;transition:all .2s ease}.S0s6cans91\+WfDz12MKEMQ\=\=:focus{border-color:#007aff;background:#fff;box-shadow:0 0 0 3px rgba(0,122,255,.2)}.S0s6cans91\+WfDz12MKEMQ\=\=::-webkit-input-placeholder{color:rgba(0,0,0,.5)}.S0s6cans91\+WfDz12MKEMQ\=\=::-moz-placeholder{color:rgba(0,0,0,.5)}.S0s6cans91\+WfDz12MKEMQ\=\=::-ms-input-placeholder{color:rgba(0,0,0,.5)}.S0s6cans91\+WfDz12MKEMQ\=\=::placeholder{color:rgba(0,0,0,.5)}.M7yIV3sOflQCX-Qk8prxnw\=\={padding:12px 20px;background:#007aff;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:60px}.M7yIV3sOflQCX-Qk8prxnw\=\=:hover:not(:disabled){background:#0056cc;transform:scale(1.05)}.M7yIV3sOflQCX-Qk8prxnw\=\=:disabled{background:rgba(0,122,255,.5);cursor:not-allowed;transform:none}@keyframes o4mFUXULHxRKOuZUAV-arQ\=\={0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blKf2XhEyz6wVsZWOolf1g\=\={to{opacity:1;transform:translateY(0)}}.xray-mobile-container{position:fixed;top:0;left:0;width:100vw;height:100svh!important;height:-webkit-fill-available!important;height:100dvh!important;height:100vh!important;background:#1a1a1a;z-index:9999;overflow-y:auto!important;-webkit-overflow-scrolling:touch;margin:0!important;padding:0!important}.xray-mobile-container,.xray-mobile-container *{box-sizing:border-box!important}.xray-mobile-container .App,.xray-mobile-container .container{margin:0!important;padding:0!important;width:100vw!important;height:100vh!important;background:transparent!important}.xray-mobile-container .container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.xray-mobile-container .phoneFrame{max-width:none!important;max-height:none!important;border-radius:0!important;border:none!important;box-shadow:none!important;transform:none!important}.xray-mobile-container .backgroundImage,.xray-mobile-container .phoneFrame{width:100vw!important;height:100vh!important;min-width:100vw!important;min-height:100vh!important;margin:0!important;padding:0!important;overflow:visible!important}.xray-mobile-container .backgroundImage{border-radius:0!important}.xray-mobile-container .app-layout,.xray-mobile-container .app-main,.xray-mobile-container .content-wrapper,.xray-mobile-container .main-content{margin:0!important;padding:0!important;width:100vw!important;height:100vh!important}.xray-mobile-container .searchImageContainer{position:absolute!important;top:10%!important;left:50%!important;transform:translateX(-50%)!important;width:90%!important;max-width:none!important}.xray-mobile-container .cascadingContentMobile{position:absolute!important;top:50px!important;left:0!important;right:0!important;bottom:0!important;padding:0 12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;overflow-y:auto!important;overflow-x:visible!important}.xray-mobile-container .bottomContainer{position:absolute!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;padding:60px 16px 20px!important}.xray-mobile-container .askButtonText,.xray-mobile-container .taglineText{font-size:14px!important}.xray-mobile-container .relatedQuestionButton{font-size:12px!important;padding:8px 12px!important}.xray-mobile-container button{min-height:44px!important;min-width:44px!important}@media(max-width:768px){.xray-mobile-container{width:100vw!important;height:100vh!important;height:100dvh!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;padding:0!important}.xray-mobile-container input,.xray-mobile-container select,.xray-mobile-container textarea{font-size:16px!important}.xray-mobile-container *{scrollbar-width:none;-ms-overflow-style:none}.xray-mobile-container ::-webkit-scrollbar{display:none}.xray-mobile-container *{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.xray-mobile-container input,.xray-mobile-container textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.xray-mobile-container{height:100vh;height:-webkit-fill-available;height:100dvh}.xray-mobile-container .bottomContainer{padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}.xray-mobile-container .cardsContainer{padding:0 16px!important}.xray-mobile-container .searchImageContainerMobile{margin-bottom:12px!important}.xray-mobile-container .imageCaptionContainerMobile{position:relative!important;width:100%!important;margin-bottom:16px!important}.xray-mobile-container .imageCaptionMobile{font-size:18px!important;line-height:1.2!important}.xray-mobile-container .matchesTitleMobile,.xray-mobile-container .productCardsSectionMobile{margin-bottom:12px!important}.xray-mobile-container .taglineContainerMobile{margin-bottom:12px!important;min-height:50px!important}.xray-mobile-container .bottomActionBarMobile{margin:12px 0!important}}.scroll-styles{scrollbar-width:thin;scrollbar-color:#3c3c3c #1e1e1e}.scroll-styles::-webkit-scrollbar{width:8px;height:8px}.scroll-styles::-webkit-scrollbar-track{background:#1e1e1e}.scroll-styles::-webkit-scrollbar-thumb{background-color:#3c3c3c;border-radius:4px;border:2px solid #1e1e1e}.scroll-styles::-webkit-scrollbar-thumb:hover{background-color:#4e4e4e}.rio-device-content{display:flex;flex-direction:column;height:100%;width:100%;background-color:#fff;position:relative;overflow:hidden;color:#000;text-align:left}.rio-search-container{padding:8px 16px;background-color:#fff;flex-shrink:0;z-index:10}.rio-statusbar-container{color:#000}.rio-searchbar-container{width:100%}.rio-products-container{flex:1 1;overflow-y:auto;padding:0 8px;-webkit-overflow-scrolling:touch;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.rio-products-container::-webkit-scrollbar{display:none}.rio-tabbar-container{width:100%;position:relative;z-index:10}.rio-tabbar-container .TabBar.Rio .NavTabBar{padding-bottom:12px!important}.rio-tabbar-container .TabBar.Rio{margin:0!important;gap:0!important}.rio-product-video{width:100%!important;height:280px!important;object-fit:cover!important;border-radius:0!important;margin:0!important;padding:0!important;display:block}.mosaic-container{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:0 16px!important;margin:16px 0!important;width:calc(100% - 32px)!important}.mosaic-image{width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:12px!important;display:block!important;background-color:#f5f5f5}video[data-component=ProductVideo]{object-fit:cover!important;border-radius:0!important}.rio-video-container,video[data-component=ProductVideo]{width:100%!important;height:280px!important;margin:0!important;padding:0!important}.rio-video-container{overflow:hidden;position:relative}.rio-device-content video{width:100%!important;height:280px!important;object-fit:cover!important;border-radius:0!important;margin:0!important;padding:0!important}.voila-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;position:relative;overflow:hidden;background-color:#f5f5f7}.voila-container{width:320px;height:600px;transition:all .3s ease;margin:0 10px}.mobile-frame{background-color:#fff;border-radius:36px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);width:100%;height:100%;position:relative}.transcript-container{flex:1 1;overflow-y:auto;padding:45px 10px 15px;display:flex;flex-direction:column;height:calc(100% - 40px);justify-content:flex-start;margin-top:-30px}.mobile-screen{height:100%;width:100%;flex-direction:column;overflow:hidden;position:relative}.mobile-screen,.status-bar{background-color:#fff;display:flex}.status-bar{justify-content:space-between;padding:5px 15px;font-size:14px;border-bottom:1px solid #e0e0e0;position:-webkit-sticky;position:sticky;top:0;z-index:10;height:25px;align-items:center}.clear-button{background:transparent;border:none;color:#5856d6;font-size:12px;cursor:pointer;z-index:20;padding:2px 10px;display:flex;align-items:center;justify-content:center;border-radius:2px;gap:4px;margin:0}.clear-button span{font-size:12px;font-weight:400}.clear-button:hover{background-color:rgba(88,86,214,.1)}.status-bar-time{font-weight:700;font-size:12px;display:flex;align-items:center}.status-bar-icons{display:flex;gap:8px;align-items:center;height:100%}.voila-content{flex:1 1;background-color:#f9f9f9;height:calc(100% - 30px)}.conversation-bubble{max-width:80%;padding:10px 15px;margin-bottom:12px;border-radius:18px;font-size:14px;line-height:1.4;word-wrap:break-word;position:relative;z-index:1;animation:fadeIn .3s ease-in-out;box-shadow:0 1px 2px rgba(0,0,0,.1)}.conversation-bubble.user{background-color:#e1e1e6;color:#000;align-self:flex-end;margin-left:auto;border-bottom-right-radius:4px}.conversation-bubble.assistant{background-color:#5856d6;color:#fff;align-self:flex-start;margin-right:auto;border-bottom-left-radius:4px}.brand-display{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#8e8e93;padding-bottom:50px}.brand-name{font-size:42px;font-weight:600;margin-bottom:8px;color:#5856d6}.brand-tagline{font-size:18px;color:#8e8e93;font-weight:300}.voila-wrapper .checkbox-option{margin:10px 0}.voila-wrapper .checkbox-wrapper{display:flex;align-items:center;cursor:pointer;height:24px}.voila-wrapper .checkbox-option input[type=checkbox]{margin-right:8px;cursor:pointer;width:16px;height:16px;position:relative;top:-1px}.voila-wrapper .checkbox-wrapper label{cursor:pointer;margin:0;padding:0;line-height:1;display:flex;align-items:center;position:relative;top:2px}.control-panel{position:absolute;left:0;top:0;bottom:0;width:350px;padding:24px;background-color:#fff;border-right:1px solid #e0e0e0;overflow-y:auto;overflow-x:hidden;box-shadow:2px 0 15px rgba(0,0,0,.1);transition:transform .3s ease;z-index:100;transform:translateX(-95%)}.control-panel.pinned,.control-panel:hover{transform:translateX(0);box-shadow:2px 0 15px rgba(0,0,0,.2)}.control-panel{border-right:2px solid #0071e3}.control-panel:after{content:"Settings";position:absolute;right:-70px;top:50%;width:70px;height:120px;background-color:#0071e3;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:0 6px 6px 0;transform:translateY(-50%);box-shadow:2px 0 5px rgba(0,0,0,.1);-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;font-size:16px;font-weight:500;cursor:pointer}.control-panel-header{margin-bottom:20px}.pin-button{background-color:transparent;border:none;color:#0071e3;font-size:18px;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.pin-button:hover{background-color:rgba(0,113,227,.1)}.pin-button:active{background-color:rgba(0,113,227,.2)}.control-panel h2{font-size:28px;margin-bottom:24px;color:#1d1d1f;font-weight:600;border-bottom:1px solid #d1d1d6;padding-bottom:16px}.control-panel-section{margin-bottom:32px;background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.voila-wrapper .control-panel-section h3{font-size:20px;margin-bottom:16px;color:#1d1d1f;font-weight:600}.voila-wrapper .control-panel-section label{display:block;margin-bottom:8px;font-weight:500;color:#1d1d1f}.voila-wrapper .system-prompt-textarea{width:100%;height:400px;padding:8px;background-color:#fff;color:#333;border:1px solid hsla(0,0%,80%,.5);border-radius:8px;margin-top:8px;resize:vertical;font-family:inherit;box-shadow:0 2px 6px rgba(0,0,0,.05);transition:border-color .2s ease}.voila-wrapper .system-prompt-textarea:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 2px rgba(0,113,227,.2)}.voila-wrapper input[type=range],.voila-wrapper select{width:100%;padding:10px;margin-bottom:16px;border:1px solid #d1d1d6;border-radius:8px;background-color:#fff;font-size:14px}.voila-wrapper select{-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist;color:#333}select:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 2px rgba(0,113,227,.2)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#d1d1d6;border-radius:3px;padding:0;margin-top:8px}.voila-wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#0071e3;cursor:pointer;border:none;box-shadow:0 0 5px rgba(0,0,0,.2)}.button-section{display:flex;flex-direction:column;gap:12px;margin-top:24px}.control-button{background-color:#000;color:#fff;border:none;border-radius:4px;padding:12px 16px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;box-shadow:0 2px 5px rgba(0,0,0,.1)}.control-button:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.control-button:active{background-color:#000;transform:translateY(0)}.reset-button,.save-button{background-color:#000}.reset-button:hover{background-color:#333}@media(max-width:1024px){.emulator-container{flex-direction:column;gap:20px}}.settings-saved{color:#34c759;margin-left:10px;font-weight:500;opacity:0;transition:opacity .3s;display:inline-block;padding:8px 12px;background-color:rgba(52,199,89,.1);border-radius:6px}.settings-saved.visible{opacity:1}@media(max-width:768px){.voila-container{width:350px;height:600px}.control-panel{width:300px;border-right:none;border-bottom:1px solid #d1d1d6;box-shadow:0 2px 10px rgba(0,0,0,.05)}}.voila-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px;height:100%;width:100%;padding:20px;background-color:#f5f5f5;color:#000}.voila-transcript-device{flex:0 0 auto;height:812px;margin-left:30px}.voila-mobile-frame{width:375px;height:812px;border-radius:40px;box-shadow:0 4px 30px rgba(0,0,0,.1)}.voila-mobile-frame,.voila-mobile-screen{position:relative;background-color:#fff;overflow:hidden}.voila-mobile-screen{width:100%;height:100%;display:flex;flex-direction:column}.voila-status-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 22px 0;height:44px;background-color:#fff;font-size:14px;font-weight:600;color:#000}.voila-status-bar-time{font-weight:600}.voila-status-bar-icons{display:flex;gap:5px}.voila-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#fff;z-index:10;position:relative}.voila-header h1{margin:0;font-size:17px;color:#000;font-weight:600;text-align:center;width:100%}.voila-ios-call-button{width:60px;height:60px;font-size:24px;transition:all .2s ease;box-shadow:0 4px 12px rgba(88,86,214,.3)}.voila-status-indicator{display:flex;align-items:center}.voila-status-dot{width:10px;height:10px;border-radius:50%;background-color:#ccc;margin-right:6px}.voila-status-dot.active{background-color:#4caf50}.voila-status-text{font-size:12px;color:#666}.voila-device-content{display:flex;flex-direction:column;height:100%;position:relative;background-color:#fff;scrollbar-width:none;-ms-overflow-style:none}.voila-device-content::-webkit-scrollbar{display:none}.voila-content{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;position:relative;background-color:#fff;scrollbar-width:none;-ms-overflow-style:none}.voila-content::-webkit-scrollbar{display:none}.voila-transcript-container{flex-grow:1;padding:15px;overflow-y:auto;background-color:#fff;display:flex;flex-direction:column;height:100%;scrollbar-width:none;-ms-overflow-style:none}.voila-transcript-container::-webkit-scrollbar{display:none}.voila-transcript-header{font-size:18px;font-weight:600;text-align:center;padding:10px 0;border-bottom:1px solid #e0e0e0;margin-bottom:15px;color:#5856d6}.voila-transcript-messages{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-bottom:15px;scrollbar-width:none;-ms-overflow-style:none}.voila-transcript-messages::-webkit-scrollbar{display:none}.voila-transcript-empty{text-align:center;color:#888;font-style:italic;margin-top:30px}.voila-transcript-item{max-width:85%;padding:10px 14px;border-radius:18px;position:relative;word-break:break-word;line-height:1.4}.voila-transcript-user{background-color:#5856d6;color:#fff;border-bottom-right-radius:4px}.voila-transcript-agent{background-color:#f0f0f0;color:#333;border-bottom-left-radius:4px}.voila-message-role{font-size:12px;font-weight:600;text-align:left}.voila-message-content{font-size:14px;text-align:left}.voila-product-display{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;padding:40px 0}.voila-product-info-display{text-align:left;align-items:left;justify-content:center;min-height:300px}.voila-animate-slide-in{animation:slideInFromLeft .5s ease-out forwards}@keyframes slideInFromLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.voila-product-info-display{width:100%;justify-content:flex-start;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,sans-serif;display:flex;flex-direction:column;align-items:center;height:auto;overflow-y:auto;padding:24px 20px 120px;scrollbar-width:none;-ms-overflow-style:none}.voila-product-info-display::-webkit-scrollbar{display:none}.voila-tabbar-container{position:absolute;bottom:0;left:0;right:0;background-color:#f8f8f8;z-index:10;border-top:1px solid #e0e0e0;height:49px;display:flex;align-items:center;width:100%;justify-content:center}.voila-tabbar-container>*{width:100%}.voila-voice-control-area{display:flex;justify-content:center;width:100%;position:absolute;bottom:60px;left:0;right:0;z-index:20;pointer-events:none;padding:10px 0}.voila-voice-control-buttons{gap:16px}.voila-call-button,.voila-voice-control-buttons{display:flex;justify-content:center;align-items:center}.voila-call-button{border:none;outline:none;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.15);pointer-events:auto}.voila-call-button:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.2)}.voila-call-button:active{transform:scale(.95)}.voila-controls{gap:20px}.voila-brand-name{font-size:42px;color:#5856d6;margin-bottom:10px}.voila-brand-tagline{font-size:18px;color:#666}.voila-products-grid{display:grid;grid-template-columns:1fr;gap:20px;width:100%;padding:10px}.voila-product-card{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease;padding:15px}.product-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.voila-product-image{height:180px;margin-bottom:16px;overflow:hidden;background-color:#fff}.voila-product-image img{width:100%;height:100%;padding:10px;transition:transform .3s ease;border-radius:0}.product-image img:hover{transform:scale(1.03)}.product-details{width:90%;padding:0;text-align:center;animation:fadeIn .5s ease-in}.product-details h3{font-size:19px;font-weight:500;margin:8px 0 6px;color:#1d1d1f;letter-spacing:-.2px;line-height:1.3}.voila-product-price{font-size:15px;font-weight:400;color:#86868b;margin-bottom:8px;letter-spacing:-.1px}.voila-product-rating{display:flex;align-items:center;justify-content:center;margin-bottom:8px;width:100%}.voila-star-icon{color:#ff9500;margin-right:2px;font-size:14px}.voila-rating-text{font-size:14px;color:#666;margin-left:5px}.voila-product-bought{font-size:14px;color:#666;font-weight:500}.voila-brand-display{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;padding:40px;position:relative;background:radial-gradient(circle at center,rgba(88,86,214,.1) 0,hsla(0,0%,100%,0) 40%);animation:ambient-pulse 12s ease-in-out infinite alternate}.voila-brand-name{font-size:56px;font-weight:700;background:linear-gradient(135deg,#007aff,#5856d6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px;letter-spacing:-.5px;animation:fadeIn .8s ease-in-out}.voila-brand-name,.voila-brand-tagline{font-family:-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,sans-serif}.voila-brand-tagline{font-size:24px;font-weight:400;color:#8e8e93;letter-spacing:.5px;animation:fadeIn 1s ease-in-out .3s both;opacity:0}@keyframes ambient-pulse{0%{background:radial-gradient(circle at center,rgba(88,86,214,.1) 0,hsla(0,0%,100%,0) 40%)}50%{background:radial-gradient(circle at center,rgba(88,86,214,.13) 0,hsla(0,0%,100%,0) 42%)}to{background:radial-gradient(circle at center,rgba(88,86,214,.09) 0,hsla(0,0%,100%,0) 38%)}}.voila-product-header{width:100%;text-align:left;margin-bottom:20px}.voila-product-title{font-size:28px;font-weight:600;margin:0;display:flex;align-items:center}.voila-product-model{color:#888;font-weight:400;margin-left:10px}.voila-product-price{font-size:18px;color:#333;margin:8px 0}.voila-product-rating{color:#ff9500;font-size:16px}.voila-product-image{display:flex;justify-content:center;align-items:center;width:100%;height:60%;margin:20px 0}.voila-product-image img{max-width:100%;max-height:100%;object-fit:contain}@keyframes pulse-user{0%{transform:scale(.92);opacity:.6}50%{transform:scale(1.08);opacity:.9}to{transform:scale(.92);opacity:.6}}@keyframes pulse-ai{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.05);opacity:.8}to{transform:scale(.95);opacity:.5}}@keyframes pulse-connecting{0%{transform:scale(.9);opacity:.4}50%{transform:scale(1.1);opacity:.7}to{transform:scale(.9);opacity:.4}}.voila-circle-display{width:150px;height:150px;border-radius:50%;background-color:rgba(0,122,255,.4);box-shadow:0 0 20px rgba(0,122,255,.2);display:flex;justify-content:center;align-items:center;animation:pulse-ai 2s cubic-bezier(.4,0,.2,1) infinite;position:relative}.circle-display:after{content:"";position:absolute;width:70%;height:70%;border-radius:50%;background-color:rgba(0,122,255,.2);animation:pulse-ai 2s cubic-bezier(.4,0,.2,1) infinite reverse}.voila-circle-display.user-speaking{background-color:rgba(0,122,255,.6);animation:pulse-user .8s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 30px rgba(0,122,255,.3)}.voila-circle-display.user-speaking:after{background-color:rgba(0,122,255,.3);animation:pulse-user .8s cubic-bezier(.4,0,.2,1) infinite reverse}.voila-circle-display.ai-speaking{background-color:rgba(88,86,214,.5);animation:pulse-ai 1.2s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 30px rgba(88,86,214,.3)}.voila-circle-display.ai-speaking:after{background-color:rgba(88,86,214,.25);animation:pulse-ai 1.2s cubic-bezier(.4,0,.2,1) infinite reverse}@keyframes pulse-thinking{0%{transform:scale(.98);opacity:.7}25%{transform:scale(1.02);opacity:.8}50%{transform:scale(.98);opacity:.7}75%{transform:scale(1.02);opacity:.8}to{transform:scale(.98);opacity:.7}}.circle-display.thinking{background-color:rgba(255,149,0,.5);animation:pulse-thinking 2s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 30px rgba(255,149,0,.3)}.circle-display.thinking:after{background-color:rgba(255,149,0,.25);animation:pulse-thinking 2s cubic-bezier(.4,0,.2,1) infinite reverse}.voila-circle-display.connecting{background-color:rgba(52,199,89,.5);animation:pulse-connecting 1.5s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 30px rgba(52,199,89,.3)}.voila-circle-display.connecting:after{background-color:rgba(52,199,89,.25);animation:pulse-connecting 1.5s cubic-bezier(.4,0,.2,1) infinite reverse}.voila-order-details{position:absolute;bottom:0;left:0;right:0;background-color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -2px 10px rgba(0,0,0,.1);padding:15px;transform:translateY(100%);transition:transform .3s ease;max-height:60%;overflow-y:auto;z-index:20}.order-details.visible{transform:translateY(0)}.order-details h2{margin-top:0;font-size:16px;color:#333;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.order-details h2 button{background:none;border:none;font-size:16px;cursor:pointer;color:#999}.order-item{margin-bottom:10px;padding:10px;background-color:#f9f9f9;border-radius:8px}.order-item-name{font-weight:700;margin-bottom:5px}.voila-order-item-details{color:#666;font-size:13px}.voila-controls{align-items:center;padding:20px 0;background-color:#fff}.voila-ios-call-button{width:70px;height:70px;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;font-size:28px;background-color:#5856d6;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(88,86,214,.3)}.ios-call-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.25)}.ios-call-button:active:not(:disabled){transform:scale(.95)}.ios-call-button:disabled{opacity:.7;cursor:not-allowed}.ios-call-button.active{background-color:#ff3b30;transform:scale(1.05);box-shadow:0 4px 12px rgba(255,59,48,.4);transition:all .3s ease}.ios-call-button.active:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(255,59,48,.5)}.ios-call-button.active:active{transform:scale(.95)}.ios-call-button.connecting{animation:button-pulse 1.5s infinite;background-color:#5856d6}@keyframes button-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.voila-mute-button{width:45px;height:45px;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;font-size:18px;background-color:#f2f2f7;color:#3a3a3c;margin:0 20px;cursor:pointer;transition:all .2s}.voila-mute-button.muted{background-color:#ff9500;color:#fff}.voila-speaking-indicator{text-align:center;font-size:14px;color:#8e8e93;padding:10px 0;font-weight:500;letter-spacing:.2px}.voila-speaking-indicator.active{color:#007aff}.voila-transcript-container:after{content:"";display:table;clear:both;width:375px}.voila-main{display:flex;flex-direction:column;flex:1 1;min-height:0}.voila-transcripts{flex:1 1;overflow-y:auto;padding:16px;background-color:#fff;border-radius:8px;margin-bottom:16px;box-shadow:inset 0 2px 4px rgba(0,0,0,.05);min-height:300px;max-height:500px}.voila-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999;text-align:center;padding:40px 0}.voila-placeholder-icon{font-size:48px;margin-bottom:16px;color:#ccc}.voila-placeholder-text{font-size:16px}.voila-connecting{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;gap:16px;color:#666}.voila-transcript-item{margin-bottom:16px;padding:12px 16px;border-radius:8px;max-width:80%}.voila-transcript-user{background-color:#9ab0b7;align-self:flex-end;margin-left:auto}.voila-transcript-agent{background-color:#9594d7;align-self:flex-start;margin-right:auto}.voila-transcript-item.interim{opacity:.7}.voila-message-role{font-weight:700;margin-bottom:4px;font-size:14px}.voila-message-content{font-size:16px;line-height:1.5;word-break:break-word}.voila-order{background-color:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.voila-order-header{font-weight:700;font-size:18px;margin-bottom:12px;color:#333;border-bottom:1px solid #eee;padding-bottom:8px}.voila-order-items{display:flex;flex-direction:column;gap:12px}.voila-order-item{display:flex;flex-direction:column;padding:8px;background-color:#f9f9f9;border-radius:6px}.voila-item-name{font-weight:500;margin-bottom:4px}.voila-item-details{display:flex;justify-content:space-between;font-size:14px;color:#666}.voila-item-instructions{font-size:13px;font-style:italic;color:#777;margin-top:4px}.voila-order-total{display:flex;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid #eee;font-weight:700}.voila-controls{gap:12px;padding:16px 0}.voila-button,.voila-controls{display:flex;justify-content:center}.voila-button{align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;background-color:#f0f0f0;color:#333}.voila-button:hover{background-color:#e0e0e0}.voila-button:disabled{opacity:.6;cursor:not-allowed}.voila-button.start-call{background-color:#4caf50;color:#fff;padding:12px 24px}.voila-button.start-call:hover:not(:disabled){background-color:#43a047}.voila-button.end-call{background-color:#f44336;color:#fff}.voila-button.end-call:hover{background-color:#e53935}.voila-button.muted{background-color:#ff9800;color:#fff}.voila-button.muted:hover{background-color:#fb8c00}@media(max-width:1200px){.voila-container{flex-direction:column;padding:12px;gap:20px}.voila-transcript-device{height:500px;width:375px}.voila-controls{flex-direction:column}.voila-transcript-item{max-width:90%}}:root{--primary-color:#adadea;--secondary-color:#4a4a4a;--background-dark:#131320;--background-darker:#1d1d2f;--text-primary:#fff;--text-secondary:#9a9ac1;--border-color:#666;--card-background:rgba(20,20,35,0.7);--card-border:#6bb6ff;--transition-speed:0.3s;--font-family:"Amazon Ember","Helvetica Neue",Helvetica,Arial,sans-serif}.apps-page-container{width:100%;min-height:100vh;background-color:var(--background-dark);color:var(--text-primary);padding:2rem;box-sizing:border-box;font-family:var(--font-family)}.apps-content{opacity:1;transform:translateY(0)}.apps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.apps-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0;font-family:var(--font-family)}.search-container{position:relative}.search-input{width:100%;padding:.75rem 1rem;border-radius:50px;background:var(--secondary-color);color:var(--text-primary);font-size:1rem;font-family:var(--font-family);transition:all var(--transition-speed)}.search-input,.search-input:active,.search-input:focus{border:0!important;outline:0!important;box-shadow:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.search-input::-webkit-input-placeholder{color:var(--text-primary)}.search-input::-moz-placeholder{color:var(--text-primary)}.search-input::-ms-input-placeholder{color:var(--text-primary)}.search-input::placeholder{color:var(--text-primary)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:2rem;max-width:1200px;margin-left:auto;margin-right:auto}@media(min-width:1024px){.apps-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px)and (max-width:1023px){.apps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.apps-grid{grid-template-columns:1fr}}.app-card{background:var(--card-background);border-radius:.75rem;padding:2rem;border:1px solid var(--card-border);transition:all var(--transition-speed);position:relative;overflow:hidden;cursor:pointer;height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.app-card:hover{transform:translateY(-10px);border-color:var(--primary-color);box-shadow:0 15px 40px rgba(0,0,0,.3);background:rgba(20,20,35,.85)}.app-icon-container{margin-bottom:1.5rem;display:flex;justify-content:center}.app-icon{color:var(--primary-color);background:rgba(173,173,234,.1);transition:all var(--transition-speed)}.app-card:hover .app-icon{transform:scale(1.1);color:#9999d6}.app-details{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.app-name{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.app-description,.app-name{font-family:var(--font-family);text-align:center}.app-description{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0;font-weight:400;opacity:.9}.app-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-speed)}.app-card:hover .app-card-overlay{opacity:1}.app-open-button{background:var(--primary-color);color:var(--background-dark);border:none;padding:.75rem 1.5rem;border-radius:50px;font-size:1rem;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-speed);box-shadow:0 4px 20px rgba(173,173,234,.3)}.app-open-button:hover{transform:scale(1.05);background:#9999d6;box-shadow:0 8px 30px rgba(173,173,234,.5)}@media(max-width:768px){.apps-header{flex-direction:column;align-items:flex-start}.search-container{width:100%}.apps-grid{grid-template-columns:1fr}.apps-page-container{padding:1rem}}.magia-landing{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.magia-landing-container{max-width:1200px;margin:0 auto;padding:2rem}.magia-hero{text-align:center;padding:4rem 0 6rem}.magia-hero-icon{font-size:4rem;margin-bottom:2rem;color:gold;animation:float 3s ease-in-out infinite}.magia-hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.magia-highlight{background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.magia-hero-subtitle{font-size:1.25rem;margin-bottom:3rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.magia-chat-container{max-width:900px;margin:0 auto 3rem}.magia-chat-form{width:100%}.magia-chat-input-wrapper{position:relative;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid hsla(0,0%,100%,.2);padding:1rem;transition:all .3s ease}.magia-chat-input-wrapper:focus-within{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);box-shadow:0 8px 32px rgba(0,0,0,.1)}.magia-chat-textarea{width:100%;background:transparent;border:none;outline:none;color:#fff;font-size:1.1rem;resize:none;font-family:inherit;line-height:1.5;margin-bottom:.5rem;transition:all .2s ease}.magia-chat-textarea:focus{outline:none}.magia-chat-textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.7)}.magia-chat-textarea::-moz-placeholder{color:hsla(0,0%,100%,.7)}.magia-chat-textarea::-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.magia-chat-textarea::placeholder{color:hsla(0,0%,100%,.7)}.magia-landing-chat-controls{display:flex;justify-content:center;align-items:center;gap:.5rem}.magia-send-btn,.magia-voice-btn,.magia-voice-call-btn{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .2s ease}.magia-voice-btn{background:hsla(0,0%,100%,.2);color:#fff}.magia-voice-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.05)}.magia-voice-btn.listening{background:#ff4757;animation:pulse 1.5s infinite}.magia-voice-call-btn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.magia-voice-call-btn:hover:not(:disabled){background:linear-gradient(45deg,#5a6fd8,#6a4190);transform:scale(1.05);box-shadow:0 4px 15px rgba(102,126,234,.4)}.magia-voice-call-btn.connecting{background:gold;color:#333}.magia-voice-call-btn.active{background:#ff4757;animation:pulse 1.5s infinite}.magia-voice-call-btn:disabled{opacity:.5;cursor:not-allowed}.magia-send-btn{background:linear-gradient(45deg,gold,#ffed4e);color:#333}.magia-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px rgba(255,215,0,.4)}.magia-send-btn:disabled{opacity:.5;cursor:not-allowed}.magia-loading-spinner{animation:spin 1s linear infinite}.magia-templates{margin-bottom:4rem}.magia-templates-label{text-align:center;font-size:1.1rem;margin-bottom:1.5rem;opacity:.9}.magia-templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:800px;margin:0 auto}.magia-template-pill{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;padding:1rem;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:500}.magia-template-pill:hover:not(:disabled){background:hsla(0,0%,100%,.2);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.magia-template-pill:disabled{opacity:.5;cursor:not-allowed}.magia-template-icon{font-size:1.5rem}.magia-template-name{flex:1 1}.magia-features{padding:4rem 0;text-align:center}.magia-features-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem}.magia-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.magia-feature-card{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:2rem;transition:all .3s ease}.magia-feature-card:hover{background:hsla(0,0%,100%,.15);transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.1)}.magia-feature-icon{font-size:2.5rem;margin-bottom:1.5rem;color:gold}.magia-feature-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.magia-feature-description{opacity:.9;line-height:1.6}.magia-prompts{padding:4rem 0;text-align:center}.magia-prompts-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.magia-prompts-subtitle{font-size:1.2rem;opacity:.9;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.magia-prompts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:3rem}.magia-prompt-card{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:left;position:relative;overflow:hidden}.magia-prompt-card:hover{background:hsla(0,0%,100%,.15);transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.15);border-color:hsla(0,0%,100%,.3)}.magia-prompt-card:hover .magia-prompt-action{opacity:1;transform:translateY(0)}.magia-prompt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.magia-prompt-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(45deg,gold,#ffed4e);color:#333;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600}.magia-prompt-category{background:hsla(0,0%,100%,.2);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.magia-prompt-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#fff;line-height:1.3}.magia-prompt-description{color:hsla(0,0%,100%,.8);font-size:.95rem;line-height:1.5;margin-bottom:1rem}.magia-prompt-action{display:flex;align-items:center;gap:.5rem;color:gold;font-size:.9rem;font-weight:500;opacity:0;transform:translateY(10px);transition:all .3s ease}.magia-prompt-action span{text-transform:uppercase;letter-spacing:.5px}.magia-prompt-icon{background:linear-gradient(45deg,gold,#ffed4e)!important;color:#333!important}.magia-cta{text-align:center;padding:4rem 0}.magia-cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.magia-cta-subtitle{font-size:1.2rem;opacity:.9;margin-bottom:2.5rem}.magia-cta-button{background:linear-gradient(45deg,gold,#ffed4e);color:#333;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem}.magia-cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(255,215,0,.4)}@media(max-width:768px){.magia-landing-container{padding:1rem}.magia-hero{padding:2rem 0 4rem}.magia-hero-title{font-size:2.5rem}.magia-hero-subtitle{font-size:1.1rem}.magia-templates-grid{grid-template-columns:1fr}.magia-cta-title,.magia-features-title,.magia-prompts-title{font-size:2rem}.magia-features-grid{grid-template-columns:1fr;gap:1.5rem}.magia-prompts-grid{grid-template-columns:1fr;gap:1rem}.magia-chat-input-wrapper{padding:.75rem}.magia-chat-textarea{font-size:1rem}}@media(max-width:480px){.magia-hero-title{font-size:2rem}.magia-hero-icon{font-size:3rem}.magia-cta-title,.magia-features-title{font-size:1.75rem}.magia-template-pill{padding:.75rem;font-size:.9rem}.magia-feature-card{padding:1.5rem}}@media(prefers-reduced-motion:reduce){.magia-hero-icon,.magia-loading-spinner,.magia-voice-btn.listening{animation:none}.magia-cta-button:hover,.magia-feature-card:hover,.magia-template-pill:hover{transform:none}}.magia-quick-prompts{margin-top:16px;padding:16px;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.magia-quick-prompts-label{font-size:14px;font-weight:600;color:hsla(0,0%,100%,.8);margin-bottom:12px;text-align:center}.magia-quick-prompts-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.magia-quick-prompt-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:hsla(0,0%,100%,.9);font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:140px;justify-content:flex-start}.magia-quick-prompt-btn:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.1));border-color:hsla(0,0%,100%,.3);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.magia-quick-prompt-btn:active{transform:translateY(0);box-shadow:0 4px 15px rgba(0,0,0,.3)}.magia-quick-prompt-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.magia-quick-prompt-icon{font-size:16px;color:gold;flex-shrink:0}.magia-quick-prompt-text{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.magia-quick-prompts-list{flex-direction:column}.magia-quick-prompt-btn{min-width:auto;width:100%;justify-content:center}}.magia-chat-textarea:focus,.magia-cta-button:focus,.magia-quick-prompt-btn:focus,.magia-send-btn:focus,.magia-template-pill:focus,.magia-voice-btn:focus{outline:2px solid gold;outline-offset:2px}.MagiaDetailPage{position:relative;height:100%;width:100%;min-height:100%;padding:12px;background-color:#fff;color:#0f1111;font-family:Amazon Ember,Arial,sans-serif}.MagiaDetailPage>.ColorBlock,.MagiaDetailPage>.EasedGradient,.MagiaDetailPage>.GrayBlock{position:absolute;width:auto;left:0;right:0;top:calc(var(--safe-area-inset-top, 0px)*-1 + -52px);height:calc(var(--safe-area-inset-top, 0px) + 64px);display:none;background-color:#fff}.MagiaDetailPage>.ColorBlock,.MagiaDetailPage>.GrayBlock{background-color:#fff;display:none}.MagiaDetailPage>.ColorBlock{opacity:0;transition:opacity .5s linear,background-color .2s linear}.MagiaDetailPage>.EasedGradient{background-color:#fff}.MagiaDetailPage .Content>.EasedGradient{position:absolute;left:-12px;right:-12px;bottom:-12px;width:auto;height:200px;background-color:#fff;display:none}.MagiaDetailPage.ContextPage{background-color:#fff}.MagiaDetailPage.ContextPage .Content{padding:0}.MagiaDetailPage.ContextPage .Content>.EasedGradient{display:block}.MagiaDetailPage.ContextPage .StickyFooter{display:none}.MagiaDetailPage .Content{position:relative;display:flex;flex-direction:column;gap:12px;padding-top:20px;padding-bottom:12px}.MagiaDetailPage .Content>.Details{margin-top:-12px}.MagiaDetailPage .Ad{position:relative}.MagiaDetailPage .TopBlock{position:relative;display:flex;flex-direction:column;gap:12px;margin-left:-12px;margin-right:-12px;padding:0 12px;border-top-left-radius:12px;border-top-right-radius:12px}.MagiaDetailPage .SecondaryBlock{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:-4px;margin-top:-8px;text-align:left}.MagiaDetailPage .TitleBlock{height:44px;text-align:left}.MagiaDetailPage .Title{transition-property:margin-left;transition-duration:.3s;transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.MagiaDetailPage .BrandLogo{position:absolute;width:44px;height:44px;border-radius:50%;background-size:cover;background-position:50%;transition-property:transform,opacity;transition-duration:.3s,.3s;transition-timing-function:cubic-bezier(.25,.46,.45,.94),linear;transition-delay:.1s;transform:scale3d(.5);opacity:0}.MagiaDetailPage .BrandLogo .Img{width:100%;height:100%;border-radius:inherit;background-color:#fff}.MagiaDetailPage .BrandLogo .EasedGradient{position:absolute;width:100%;height:100%;opacity:.04;border-radius:inherit}.MagiaDetailPage .TitleBlock[data-has-brand-logo=true] .BrandLogo{transform:scale3d(1);opacity:1}.MagiaDetailPage .TitleBlock[data-has-brand-logo=true] .Title{margin-left:52px}.MagiaDetailPage.ContextBottomSheet .Content{padding-top:20px;padding-bottom:calc(max(var(--safe-area-inset-bottom, 12px),12px) + 44px)}.MagiaDetailPage.ContextBottomSheet .Content>.Ad{display:none}.MagiaDetailPage.ContextBottomSheet .TopBlock{box-shadow:none;padding-top:0}.MagiaDetailPage.ContextBottomSheet .CustomerReviewOverview{margin-top:-44px}.MagiaDetailPage.ContextBottomSheet .CustomerReviewOverview:before{height:44px}.MagiaDetailPage .TitleBlock{position:relative;display:flex;flex-direction:row;gap:12px;align-items:center;padding-bottom:8px}.MagiaDetailPage .Title .SponsoredLabel{display:none}.MagiaDetailPage .Title .ProductTitle{-webkit-line-clamp:2;font-size:16px;line-height:1.3;height:auto;max-height:41.6px}.MagiaDetailPage .Title .AlternateAttributes{display:none}.MagiaDetailPage .SocialProofing{margin-top:8px;position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content;font-size:0}.MagiaDetailPage .Reviews .AverageRating{font-weight:500}.MagiaDetailPage .SalesVelocity{font-size:14px;color:#565959}.MagiaDetailPage .SalesVelocity b{color:#0f1111;font-weight:400}.MagiaDetailPage .SecondaryActions{position:relative;display:flex;flex-direction:row;justify-content:end;align-items:center;margin-right:-12px;margin-top:-44px}.MagiaDetailPage .SecondaryActionButton{position:relative;display:flex;justify-content:center;align-items:center;width:44px;height:32px;cursor:pointer}.MagiaDetailPage .SecondaryActionButton svg{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.MagiaDetailPage .SecondaryActionButton:active svg{transform:scale(.8)}.MagiaDetailPage .DetailSections{display:flex;flex-direction:column;gap:12px;padding-top:12px}.MagiaDetailPage .ProductDescription,.MagiaDetailPage .ProductFeatures,.MagiaDetailPage .ReviewSummary,.MagiaDetailPage .SimilarProducts{position:relative;font-size:16px;line-height:1.5;text-align:left}.MagiaDetailPage .ProductDescription .ProductDescription{line-height:1.4;color:#0f1111;text-align:left}.MagiaDetailPage .ProductFeatures,.MagiaDetailPage .ProductFeatures ul{padding-left:18px;margin:0}.MagiaDetailPage .ProductFeatures li{text-indent:0}.MagiaDetailPage .ReviewSummary{text-align:left}.MagiaDetailPage .ReviewInsights{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.MagiaDetailPage .ReviewInsight{position:relative;font-size:12px;line-height:16px;padding:8px 6px;border-radius:4px;background-color:#fff;box-shadow:inset 0 0 0 1.5px #565959;overflow:hidden}.MagiaDetailPage .ReviewInsight:before{content:"";position:absolute;inset:0;pointer-events:none;background-color:rgba(86,89,89,.08)}.MagiaDetailPage .ReviewInsight[data-sentiment=positive]{box-shadow:inset 0 0 0 1.5px #067d62}.MagiaDetailPage .ReviewInsight[data-sentiment=positive]:before{background-color:rgba(6,125,98,.08)}.MagiaDetailPage .ReviewInsight[data-sentiment=mixed]{box-shadow:inset 0 0 0 1.5px #565959}.MagiaDetailPage .ReviewInsight[data-sentiment=mixed]:before{background-color:rgba(86,89,89,.08)}.MagiaDetailPage .ReviewInsight[data-sentiment=negative]{box-shadow:inset 0 0 0 1.5px #d13212}.MagiaDetailPage .ReviewInsight[data-sentiment=negative]:before{background-color:rgba(209,50,18,.08)}.MagiaDetailPage .ImageBlock{position:relative}.MagiaDetailPage .ImageBlockItem{position:relative;width:auto;min-width:58.3333333333%;max-width:calc(100% - 32px);height:300px;max-height:400px;transition-property:min-width;transition-duration:.5s;transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.MagiaDetailPage .ImageBlockItem:only-child{min-width:calc(100% - 24px);max-width:calc(100% - 24px)}.MagiaDetailPage .ImageBlockItem .Card{width:auto;border-radius:12px}.MagiaDetailPage .ImageBlockItem .Card .CardContent{width:auto;height:100%}.MagiaDetailPage .ImageBlockItem .Card .CardContent .MosaicGrid{padding:8px}.MagiaDetailPage .ImageBlockItem .Card .CardContent .MosaicGrid .Image{min-width:20px}.MagiaDetailPage .ImageBlockItem .CardContent>.Image{height:100%;width:auto}.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer{padding-top:0;height:100%;width:auto;text-align:center}.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer .Img{display:inline-block;inset:0;position:relative;width:auto}.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer .Img[data-bleed=B],.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer .Img[data-bleed=None],.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer .Img[data-bleed=T],.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer .Img[data-bleed=TB]{min-width:66.6666666667%}.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer .Img[data-bleed=None]{padding:var(--padding);width:100%;height:100%}.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer .Img[data-bleed=None][data-aspect-ratio=Portrait]{width:auto}.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer .Img[data-bleed=LRTB]{width:100%;height:100%;object-fit:cover}.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer .Img[data-bleed=LRTB][data-aspect-ratio=Portrait]{width:auto}.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer .Img[data-bleed=LR]{width:100%;height:100%}.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer .Img[data-bleed=TB]{width:auto;height:100%;padding:var(--padding);padding-top:0;padding-bottom:0;object-fit:cover}.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer .Img[data-bleed=TB][data-aspect-ratio=Portrait]{object-fit:contain}.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer .Img[data-bleed=LTB],.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer .Img[data-bleed=RTB]{width:100%;height:100%;object-fit:cover}.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer .Img[data-bleed=LTB][data-aspect-ratio=Portrait],.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer .Img[data-bleed=RTB][data-aspect-ratio=Portrait]{object-fit:contain}.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer .Img[data-bleed=T][data-aspect-ratio=Portrait]{height:100%;padding:var(--padding);padding-top:0;object-position:50% 0}.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer .Img[data-bleed=B]{padding:var(--padding);padding-bottom:0;height:100%;object-position:50% 100%}.MagiaDetailPage .ImageBlockItem .CardContent>.Image .ImageContainer .Img[data-bleed=B][data-aspect-ratio=Portrait]{padding-top:var(--padding);height:100%;object-position:50% 100%}.MagiaDetailPage .ImageBlock>.EasedGradient{position:absolute;left:0;top:0;width:100%;height:auto;padding-top:100%;opacity:.04;transition:opacity .1s linear;pointer-events:none!important}.MagiaDetailPage .ImageBlock .CarouselIndicators{padding-top:0;height:32px}.MagiaDetailPage[data-loading=true] .Carousel .CarouselIndicators{transition:opacity .1s linear;opacity:0}.MagiaDetailPage .Loading{padding-top:0;height:32px;pointer-events:none;transform:translateY(-100%);position:absolute}.MagiaDetailPage .Heading{padding:0}.MagiaDetailPage .OfferBlock,.MagiaDetailPage .Twister{position:relative;text-align:left}.MagiaDetailPage .OfferBlock{display:flex;flex-direction:column;gap:8px;transition:opacity .1s}.MagiaDetailPage .PrimaryPrice .SavingsDiscount,.MagiaDetailPage .PrimaryPrice .StyledPrice{font-size:36px;line-height:1}.MagiaDetailPage .PrimaryPrice .SavingsDiscount .Fraction,.MagiaDetailPage .PrimaryPrice .SavingsDiscount .Symbol,.MagiaDetailPage .PrimaryPrice .StyledPrice .Fraction,.MagiaDetailPage .PrimaryPrice .StyledPrice .Symbol{font-size:16px;top:0}.MagiaDetailPage .PrimaryPrice .SavingsDiscount{font-weight:300}.MagiaDetailPage .DeliveryPromise .Prime{width:52px;height:20px}.MagiaDetailPage .DeliveryMessage{display:block;margin-top:8px;white-space:normal;font-size:16px;margin-left:0!important}.MagiaDetailPage .DeliveryMessage b{font-weight:700}.MagiaDetailPage .Fulfillment,.MagiaDetailPage .Merchant,.MagiaDetailPage .Returns{position:relative;font-size:16px;text-align:left}.MagiaDetailPage .Fulfillment .Label,.MagiaDetailPage .Merchant .Label,.MagiaDetailPage .Returns .Label{position:absolute;color:#565959}.MagiaDetailPage .Fulfillment .Value,.MagiaDetailPage .Merchant .Value,.MagiaDetailPage .Returns .Value{display:block;margin-left:100px}.MagiaDetailPage .Availability{position:relative;font-size:16px;color:#067d62}.MagiaDetailPage .DetailPageButtons{position:relative;display:flex;flex-direction:column;gap:12px;padding:12px 0}.MagiaDetailPage .ImageBlock .Image,.MagiaDetailPage .OfferBlock,.MagiaDetailPage .SecondaryBlock,.MagiaDetailPage .TitleBlock{transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;transition-duration:.3s}.MagiaDetailPage[data-loading=true][data-has-loaded=true] .ImageBlock .Image,.MagiaDetailPage[data-loading=true][data-has-loaded=true] .OfferBlock,.MagiaDetailPage[data-loading=true][data-has-loaded=true] .SecondaryBlock,.MagiaDetailPage[data-loading=true][data-has-loaded=true] .TitleBlock{transition-delay:.1s;transition-duration:.2s;opacity:.5;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.MagiaDetailPage .CustomerReviewOverview{position:relative;font-size:16px;text-align:left}.MagiaDetailPage .CustomerReviewOverview:before{content:"";display:block;position:relative;pointer-events:none;width:0;height:calc(var(--safe-area-inset-top, 0px) + 60px)}.MagiaDetailPage .CustomerReviewOverview{margin-top:calc(-60px - var(--safe-area-inset-top, 0px))}.MagiaDetailPage .RatingAverage{position:relative;display:flex;align-items:center;gap:8px}.MagiaDetailPage .RatingCount{font-size:14px;color:#565959}.MagiaDetailPage .CustomerReviews{text-align:left}.MagiaDetailPage .CustomerReviews .CustomerReviewItem{width:83.3333333333%}.MagiaDetailPage .CustomerReviews .CustomerReview{height:100%;padding:12px}.MagiaDetailPage .CustomerImages,.MagiaDetailPage .TopReviews{text-align:left}.MagiaDetailPage .CustomerImages .CustomerImageItem{position:relative;width:58.3333333333%;padding-top:58.3333333333%}.MagiaDetailPage .CustomerImages .CustomerImageItem .Img{width:100%;height:100%;object-fit:cover}.MagiaDetailPage .CustomerImages .CustomerImageItem .Card{position:absolute;top:0;width:100%;height:100%;background-size:cover}.MagiaDetailPage .Content>.Details{position:relative;display:flex;flex-direction:column;gap:8px;padding:0}.MagiaDetailPage .Content>.Details:not(:first-child)>:after{content:"";position:absolute;left:0;right:0;top:0;bottom:auto;border-radius:8px;background-color:rgba(15,17,17,.08);box-shadow:inset 0 0 0 1px rgba(15,17,17,.08);opacity:0;transition:opacity .2s linear}.MagiaDetailPage .Content>.Details:not(:first-child)>*>*{transition-property:opacity,transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.25,.46,.45,.94);transform:translateY(20px);opacity:0}.MagiaDetailPage .Content>.Details:not(:first-child)>:nth-child(2)>*{transition-delay:.05s}.MagiaDetailPage .Content>.Details:not(:first-child)>:nth-child(3)>*{transition-delay:.1s}.MagiaDetailPage .Content>.Details:not(:first-child)>:nth-child(4)>*{transition-delay:.15s}.MagiaDetailPage[data-loading=true][data-has-loaded=false]{min-height:800px}.MagiaDetailPage[data-loading=true][data-has-loaded=false] .Content>.Details:not(:first-child)>:after{opacity:.5;animation-name:loading;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;bottom:0}.MagiaDetailPage[data-loading=true][data-has-loaded=false] .Content>.Details:not(:first-child)>*>*{transition-duration:0s;transition-delay:0s;opacity:0;transform:translateY(20px)}.MagiaDetailPage[data-has-loaded=true] .Content>.Details:not(:first-child)>*>*{opacity:1;transform:translateY(0);transform:none}.MagiaDetailPage .ASINs{padding:12px 0 0}.MagiaDetailPage .StickyFooter{position:fixed;left:0;right:0;bottom:0;z-index:1}.MagiaDetailPage .ButtonFooter{position:relative;bottom:0;display:flex;flex-direction:row;gap:12px;justify-content:stretch;align-items:stretch;width:auto;padding:12px;padding-bottom:max(12px,var(--safe-area-inset-bottom,12px))}.MagiaDetailPage .ButtonFooter .Button{width:50%;flex-grow:1}.MagiaDetailPage .ButtonFooter .FooterScrim{position:absolute;left:0;right:0;bottom:0;height:100%}.MagiaDetailPage .ButtonFooter .FooterScrim .GradientScrim{opacity:.92}.MagiaDetailPage-HeartFilledIcon,.MagiaDetailPage-HeartIcon,.MagiaDetailPage-Plus,.MagiaDetailPage-ShareIcon,.MagiaDetailPage-SparkleIcon,.MagiaDetailPage-WarningIcon{width:20px;height:20px;background-size:contain;background-position:50%;background-repeat:no-repeat;display:inline-block}.MagiaDetailPage-HeartIcon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>')}.MagiaDetailPage-HeartFilledIcon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="%23000000" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>')}.MagiaDetailPage-ShareIcon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg>')}.MagiaDetailPage-SparkleIcon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>')}.MagiaDetailPage-Plus{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>')}.MagiaDetailPage-WarningIcon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>')}@keyframes loading{0%{opacity:.5}33%{opacity:1}67%{opacity:.5}to{opacity:.5}}.magia-detail-page-demo-detail-page{-webkit-scrollbar:none;-webkit-scrollbar-track:none;-webkit-scrollbar-thumb:none;scrollbar-width:none;-ms-overflow-style:none}.magia-detail-page-demo-detail-page::-webkit-scrollbar{display:none}.magia-detail-page-demo-tab-bar-container{color:#000}@font-face{font-family:Amazon Ember;src:url("https://fonts.rio.amazon.dev/amazon-ember-light.woff2") format("woff2");font-weight:200}@font-face{font-family:Amazon Ember;src:url("https://fonts.rio.amazon.dev/amazon-ember-regular.woff2") format("woff2");font-weight:400}@font-face{font-family:Amazon Ember;src:url("https://fonts.rio.amazon.dev/amazon-ember-italic.woff2") format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Amazon Ember;src:url("https://fonts.rio.amazon.dev/amazon-ember-medium.woff2") format("woff2");font-weight:500}@font-face{font-family:Amazon Ember;src:url("https://fonts.rio.amazon.dev/amazon-ember-bold.woff2") format("woff2");font-weight:700}@font-face{font-family:Amazon Ember;src:url("https://fonts.rio.amazon.dev/amazon-ember-bold-italic.woff2") format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Amazon Bookerly;src:url("https://fonts.rio.amazon.dev/amazon-bookerly-bold.woff2") format("woff2");font-weight:700}@font-face{font-family:Amazon Ember Modern;src:url("https://fonts.rio.amazon.dev/amazon-ember-modern-display-light.woff2") format("woff2");font-weight:300}@font-face{font-family:Amazon Ember Modern;src:url("https://fonts.rio.amazon.dev/amazon-ember-modern-display-regular.woff2") format("woff2");font-weight:400}@font-face{font-family:Amazon Ember Modern;src:url("https://fonts.rio.amazon.dev/amazon-ember-modern-display-medium.woff2") format("woff2");font-weight:500}@font-face{font-family:Amazon Ember Modern;src:url("https://fonts.rio.amazon.dev/amazon-ember-modern-display-bold.woff2") format("woff2");font-weight:700}@font-face{font-family:Amazon Ember Modern Display;src:url("https://fonts.rio.amazon.dev/amazon-ember-modern-display-bold.woff2") format("woff2");font-weight:700}@font-face{font-family:Amazon Ember Modern Text;src:url("https://fonts.rio.amazon.dev/amazon-ember-modern-text-light.woff2") format("woff2");font-weight:300}@font-face{font-family:Amazon Ember Modern Text;src:url("https://fonts.rio.amazon.dev/amazon-ember-modern-text-regular.woff2") format("woff2");font-weight:400}@font-face{font-family:Amazon Ember Modern Text;src:url("https://fonts.rio.amazon.dev/amazon-ember-modern-text-medium.woff2") format("woff2");font-weight:500}@font-face{font-family:Amazon Ember Modern Text;src:url("https://fonts.rio.amazon.dev/amazon-ember-modern-text-bold.woff2") format("woff2");font-weight:700}.magia-wrapper{display:flex;height:100vh;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;position:relative;overflow:hidden;background-color:#f5f5f7}.emulator-container{gap:40px;background:transparent}.emulator-container,.magia-main-content{display:flex;justify-content:center;align-items:center;padding:20px}.magia-main-content{width:calc(100vw - 400px);height:100vh;transition:width .3s ease}.magia-wrapper:has(.magia-chat-panel.collapsed) .magia-main-content{width:calc(100vw - 50px)}.magia-device-container{flex-direction:column;gap:20px}.magia-device-container,.magia-device-wrapper{display:flex;justify-content:center;align-items:center}.magia-content-area{flex:1 1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.magia-content-area::-webkit-scrollbar{display:none}.magia-device-layout{height:100%;display:flex;flex-direction:column}.magia-status-bar,.magia-tab-bar{color:#000;flex-shrink:0}.magia-search-bar{position:relative;flex-shrink:0}.magia-search-loading{position:absolute;top:50%;right:12px;transform:translateY(-50%);display:flex;align-items:center;gap:6px;background:hsla(0,0%,100%,.95);padding:4px 8px;border-radius:12px;font-size:12px;color:#0084ff;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.magia-search-spinner{width:14px;height:14px;border:2px solid rgba(0,132,255,.3);border-top-color:#0084ff;border-radius:50%;animation:searchSpin 1s linear infinite}.magia-chat-controls{padding:12px 12px 80px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid #dee2e6;box-shadow:0 -2px 10px rgba(0,0,0,.05);flex-shrink:0;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}.magia-chat-controls,.magia-chat-input-container{display:flex;flex-direction:column;gap:8px;position:relative}.magia-chat-input-container{width:100%}.magia-resizable-input-area{display:flex;flex-direction:column;width:100%;min-height:80px;max-height:200px;resize:vertical;overflow:hidden;border:1px solid #e9ecef;border-radius:12px;background:#fff;order:1}.magia-resizable-input-area:hover{border-color:#0084ff}.magia-resizable-input-area:focus-within{border-color:#0084ff;box-shadow:0 0 0 3px rgba(0,132,255,.15)}.magia-input-toolbar{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:hsla(0,0%,100%,.9);border:1px solid #e9ecef;border-bottom:none;border-radius:12px 12px 0 0;font-size:12px;color:#6c757d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}.magia-input-toolbar.generating{background:rgba(0,132,255,.1);border-color:rgba(0,132,255,.3);color:#0084ff}.magia-toolbar-status{display:flex;align-items:center;gap:6px;font-weight:500}.magia-toolbar-spinner{width:12px;height:12px;border:1.5px solid rgba(0,132,255,.3);border-top-color:#0084ff;border-radius:50%;animation:spin 1s linear infinite}.magia-toolbar-info{font-size:11px;opacity:.8}.magia-example-prompts{padding:8px 12px;background:rgba(248,249,250,.9);border:1px solid #e9ecef;border-top:none;border-radius:0 0 12px 12px;font-size:11px;color:#6c757d;order:3;position:relative;z-index:1}.magia-example-prompts-label{font-weight:600;margin-bottom:4px;color:#495057;text-align:left}.magia-example-prompts-list{display:flex;flex-wrap:wrap;gap:8px}.magia-example-prompt{background:hsla(0,0%,100%,.8);border:1px solid rgba(0,132,255,.2);border-radius:16px;padding:4px 8px;cursor:pointer;transition:all .2s ease;font-size:10px;color:#0084ff;font-weight:500}.magia-example-prompt:hover{background:rgba(0,132,255,.1);border-color:rgba(0,132,255,.4);transform:translateY(-1px)}.magia-example-prompt:active{transform:translateY(0);background:rgba(0,132,255,.15)}.magia-button-row{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:8px 0;min-height:58px;order:2}.magia-chat-input{flex:1 1;padding:12px 18px;border-radius:0 0 12px 12px;border:1px solid #e9ecef;border-top:none;font-size:14px;outline:none;background:#fff;color:#333;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.magia-chat-input:focus{border-color:#0084ff;box-shadow:0 0 0 3px rgba(0,132,255,.15),0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.magia-chat-input::-webkit-input-placeholder{color:#6c757d;font-style:italic}.magia-chat-input::-moz-placeholder{color:#6c757d;font-style:italic}.magia-chat-input::-ms-input-placeholder{color:#6c757d;font-style:italic}.magia-chat-input::placeholder{color:#6c757d;font-style:italic}.magia-send-button,.magia-settings-button,.magia-voice-button{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease;font-size:14px}.magia-send-button{background-color:#0084ff;color:#fff}.magia-send-button:hover{background-color:#06c;transform:scale(1.05)}.magia-voice-button{background-color:#4caf50;color:#fff}.magia-voice-button:hover{background-color:#45a049;transform:scale(1.05)}.magia-voice-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.magia-settings-button{background-color:#6c757d;color:#fff;position:relative}.magia-settings-button:hover{background-color:#5a6268;transform:scale(1.05)}.magia-settings-button:active{transform:scale(.95)}.magia-settings-button.active{background-color:#495057;box-shadow:0 0 0 2px rgba(108,117,125,.3)}.magia-call-controls{display:flex;justify-content:space-around;width:100%;gap:15px}.ios-call-button,.mute-button{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s ease}.ios-call-button{background-color:#4caf50;color:#fff}.ios-call-button.active{background-color:#f44336}.mute-button{background-color:#f0f0f0;color:#333}.mute-button.muted{background-color:#ff9800;color:#fff}.magia-chat-container{flex:1 1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:10px;text-align:left}.magia-message{max-width:85%;padding:10px 15px;border-radius:18px;margin-bottom:8px;word-wrap:break-word;position:relative}.magia-message-user{align-self:flex-end;background-color:#0084ff;color:#fff;border-bottom-right-radius:5px}.magia-message-ai{align-self:flex-start;background-color:#f0f0f0;color:#333;border-bottom-left-radius:5px}.magia-message-content{font-size:14px;line-height:1.4}.magia-chat-panel{position:absolute;right:0;top:0;bottom:0;width:400px;display:flex;flex-direction:column;background-color:#fff;border-left:1px solid #e0e0e0;box-shadow:-2px 0 10px rgba(0,0,0,.1);transition:width .3s ease;z-index:100;height:100vh;overflow:hidden}.magia-chat-panel.collapsed{width:50px}.magia-chat-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa}.magia-chat-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.magia-toggle-button{background:none;border:none;font-size:18px;cursor:pointer;color:#666;padding:5px;display:flex;align-items:center;justify-content:center}.magia-toggle-button:hover{color:#333}.magia-chat-panel.collapsed .magia-chat-container,.magia-chat-panel.collapsed .magia-chat-controls,.magia-chat-panel.collapsed .magia-chat-header h3{display:none}.magia-chat-panel.collapsed .magia-chat-header{justify-content:center;padding:15px 0}.magia-control-panel{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;margin:4px 6px;overflow-y:auto;animation:slideDown .3s ease-out;box-shadow:0 2px 8px rgba(0,0,0,.1)}.magia-control-panel .control-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:8px 8px 0 0}.magia-control-panel .control-panel-header h2{margin:0;font-size:14px;font-weight:600;color:#495057}.magia-control-panel .close-button{background:none;border:none;color:#6c757d;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;font-size:18px;font-weight:700;line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.magia-control-panel .close-button:hover{background-color:#e9ecef;color:#495057}.magia-control-panel .close-button:active{background-color:#dee2e6;transform:scale(.95)}.magia-control-panel .magia-section-header{padding:10px 15px;background-color:#fff;border-bottom:1px solid #f0f0f0}.magia-control-panel .magia-section-header h3{margin:0;font-size:13px;font-weight:600;color:#495057;display:flex;align-items:center}.magia-control-panel .control-panel-section>div{padding:6px 15px}.magia-control-panel .system-prompt-textarea{margin:8px 15px;width:calc(100% - 30px);min-height:60px;font-size:11px}.magia-control-panel .demo-designs{padding:8px 15px}.magia-control-panel .demo-card{padding:8px;margin-bottom:6px}.magia-control-panel .demo-header h5{font-size:12px}.magia-control-panel .demo-description{font-size:10px}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:400px;opacity:1}}.control-panel-section{border-bottom:1px solid #e9ecef}.control-panel-section:last-child{border-bottom:none}.magia-section-header{padding:12px 15px;background-color:#fff;border-bottom:1px solid #e9ecef;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.magia-section-header:hover{background-color:#f8f9fa}.magia-section-header h4{margin:0;font-size:14px;font-weight:600;color:#495057;display:flex;align-items:center}.system-prompt-textarea{width:100%;height:400px;padding:4px;border:1px solid #ced4da;border-radius:4px;font-size:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;resize:vertical}.system-prompt-textarea:focus{border-color:#0084ff;box-shadow:0 0 0 2px rgba(0,132,255,.2);outline:none}.system-prompt-textarea[readonly]{background-color:#f8f9fa;color:#6c757d}.control-panel-section>div{padding:8px 15px}.control-panel-section label{display:block;font-size:12px;font-weight:600;color:#495057;margin-bottom:4px}.control-panel-section select{width:100%;padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:12px;background-color:#fff;color:#495057;appearance:auto;-webkit-appearance:menulist;-moz-appearance:menulist}.control-panel-section select:focus{border-color:#0084ff;box-shadow:0 0 0 2px rgba(0,132,255,.2);outline:none}.control-panel-section select:disabled{background-color:#f8f9fa;color:#6c757d}.control-panel-section input[type=range]{width:100%;margin-top:4px}.demo-designs{padding:10px 15px}.demo-card{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;padding:10px;margin-bottom:8px;transition:all .2s ease}.demo-card.clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.demo-card.clickable:hover{border-color:#0084ff;box-shadow:0 2px 8px rgba(0,132,255,.15);transform:translateY(-1px);background-color:#f8f9ff}.demo-card.clickable:active{transform:translateY(0);box-shadow:0 1px 4px rgba(0,132,255,.2)}.demo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.demo-header h5{margin:0;font-size:13px;font-weight:600;color:#495057}.demo-actions{display:flex;gap:4px}.demo-button{width:24px;height:24px;border-radius:4px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;transition:all .2s ease}.demo-button.preview{background-color:#0084ff;color:#fff}.demo-button.preview:hover{background-color:#06c;transform:scale(1.1)}.demo-description{margin:0;font-size:11px;color:#6c757d;line-height:1.3}.magia-generated-designs{margin-top:16px;padding:12px;background:hsla(0,0%,100%,.05);border-radius:8px;border:1px solid hsla(0,0%,100%,.1)}.magia-generated-designs h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#333;text-align:center}.magia-design-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.magia-design-button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;height:50px;padding:6px 8px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;color:#495057;font-size:12px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.magia-design-button:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#0084ff;color:#0084ff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,132,255,.2)}.magia-design-button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,132,255,.3)}.magia-design-button .design-number{font-weight:700;font-size:16px;color:#0084ff;margin-bottom:2px}.magia-design-button .design-time{font-size:10px;opacity:.7;font-weight:500}.magia-design-button:hover .design-time{opacity:1}.magia-simple-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;border-radius:inherit}.magia-dots{display:flex;gap:8px;align-items:center}.magia-dot{width:12px;height:12px;border-radius:50%;animation:magiaDotsAnimation 1.4s ease-in-out infinite both}.magia-dot:first-child{background-color:#ff6b6b;animation-delay:-.32s}.magia-dot:nth-child(2){background-color:#4ecdc4;animation-delay:-.16s}.magia-dot:nth-child(3){background-color:#45b7d1;animation-delay:0s}@keyframes magiaDotsAnimation{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}@keyframes magiaLoadingPulse{0%{opacity:.08;transform:scale(1)}33%{opacity:.4;transform:scale(1.16)}67%{opacity:.08;transform:scale(1)}to{opacity:.08;transform:scale(1)}}.magia-wrapper.generating [class*=Loading]{position:relative!important;display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;width:100%!important;gap:8px!important;padding-top:8px!important;opacity:1!important;transition:opacity .16s linear,transform .16s ease-out!important}.magia-wrapper.generating [class*=Loading].On{opacity:1!important}.magia-wrapper.generating [class*=Loading] .Dot,.magia-wrapper.generating [class*=Loading] [class*=Dot]{position:relative!important;width:12px!important;height:12px!important;border-radius:50%!important;transition:background-color .1s linear,opacity .1s linear!important;animation-name:magiaLoadingPulse!important;animation-duration:1.4s!important;animation-timing-function:ease-in-out!important;animation-iteration-count:infinite!important;animation-fill-mode:both!important;animation-play-state:running!important}.magia-wrapper.generating [class*=Loading] .Dot:first-child,.magia-wrapper.generating [class*=Loading] [class*=Dot]:first-child{background-color:#ff6b6b!important;animation-delay:-.32s!important}.magia-wrapper.generating [class*=Loading] .Dot:nth-child(2),.magia-wrapper.generating [class*=Loading] [class*=Dot]:nth-child(2){background-color:#4ecdc4!important;animation-delay:-.16s!important}.magia-wrapper.generating [class*=Loading] .Dot:nth-child(3),.magia-wrapper.generating [class*=Loading] [class*=Dot]:nth-child(3){background-color:#45b7d1!important;animation-delay:0s!important}.magia-wrapper:not(.generating) [class*=Loading] .Dot,.magia-wrapper:not(.generating) [class*=Loading] [class*=Dot]{animation-play-state:paused!important}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;overflow-x:hidden}.talk-view-container{display:flex;flex-direction:column;height:100vh;width:100%;background:#37383b;overflow:hidden;overflow-x:hidden;color:#000}.talk-view-main-content{display:flex;flex:1 1;width:100%;height:100%;padding:24px;gap:24px;align-items:stretch;box-sizing:border-box;min-width:0;overflow:hidden}.talk-view-chat,.talk-view-device-wrapper{min-width:0;border-radius:12px}.talk-view-chat,.talk-view-device-wrapper{flex:1 1;min-height:0;display:flex;flex-direction:column;box-shadow:0 4px 12px rgba(0,0,0,.2);background:#25252a;overflow:hidden}.talk-view-header{height:64px;justify-content:space-between;padding:20px;background:#2d2d32;border-bottom:1px solid #37383b}.talk-view-header,.talk-view-header-status{display:flex;align-items:center;position:relative}.talk-view-header-status{gap:14px;font-size:15px;color:#fff;font-weight:500;padding-left:24px}.talk-view-header-status:before{content:"";width:12px;height:12px;border-radius:50%;background:#4caf50;display:inline-block;position:absolute;left:0;top:50%;transform:translateY(-50%);box-shadow:0 0 8px 2px rgba(76,175,80,.25)}.talk-view-header-status.connecting:before{background:#ffa726;animation:pulse 1.5s infinite;box-shadow:0 0 8px 2px rgba(255,167,38,.25)}.talk-view-header-status.error:before{background:#f44336;box-shadow:0 0 8px 2px rgba(244,67,54,.18)}.talk-view-header-status.ended:before{background:#9e9e9e;box-shadow:none}.talk-view-header-status.active:before{background:#4caf50;box-shadow:0 0 12px 3px rgba(76,175,80,.35)}.talk-view-header-status .status-text{font-weight:600;font-size:15px;line-height:1.2;color:#fff;background:rgba(76,175,80,.12);border-radius:12px;padding:2px 12px;margin-right:2px;letter-spacing:.01em;transition:background .2s}.talk-view-header-status.connecting .status-text{background:rgba(255,167,38,.12)}.talk-view-header-status.error .status-text{background:rgba(244,67,54,.12)}.talk-view-header-status.ended .status-text{background:hsla(0,0%,62%,.12)}.talk-view-header-status .status-description{font-weight:400;font-size:14px;color:hsla(0,0%,100%,.7);line-height:1.2;padding-left:0;position:static}.talk-view-header-controls{display:flex;align-items:center;gap:16px}.talk-view-call-btn{display:flex;align-items:center;gap:8px;padding:8px 20px;border-radius:20px;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.2)}.talk-view-call-btn-start{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.talk-view-call-btn-end{background:linear-gradient(135deg,#f44336,#e53935);color:#fff}.talk-view-call-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.talk-view-call-btn:active{transform:translateY(1px);box-shadow:0 2px 4px rgba(0,0,0,.2)}.talk-view-transcript-area{flex:1 1;overflow-y:auto;background:transparent;display:flex;flex-direction:column}.talk-view-transcript-item{margin-bottom:12px;padding:12px 18px;border-radius:10px;background:#292929;color:#fff;word-break:break-word;font-size:15px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.talk-view-transcript-empty{color:#888;text-align:center;margin-top:24px;font-size:16px}.talk-view-device-wrapper{background:#25252a;box-shadow:0 4px 12px rgba(0,0,0,.2);overflow:hidden}.talk-view-device-inner,.talk-view-device-wrapper{flex:1 1;min-height:0;display:flex;align-items:center;justify-content:center}.talk-view-device-inner{min-width:0;padding:24px;height:100%}.talk-view-device-wrapper>*{position:static;top:auto;left:auto;transform:none;max-width:100%;max-height:100%}.talk-view-device-content{display:flex;flex-direction:column;height:100%;position:relative;background:#fff}.talk-view-content{flex-grow:1;overflow-y:auto;background:#fff;position:relative}.talk-view-tabbar-container{position:absolute;bottom:0;left:0;right:0;background-color:#f8f8f8;z-index:10;border-top:1px solid #e0e0e0;height:49px;display:flex;align-items:center;width:100%;justify-content:center}.talk-view-tabbar-container>*{width:100%}.talk-view-image-caption{background:#222;color:#fff;padding:24px 16px;font-size:20px;text-align:center;border-top-left-radius:16px;border-top-right-radius:16px;margin-bottom:0;min-height:80px;max-height:180px;overflow-y:auto;box-shadow:0 2px 8px rgba(0,0,0,.12)}.talk-view-device-main{flex:1 1;overflow:hidden}.talk-view-tabbar{display:flex;justify-content:space-around;width:100%}.talk-view-tabbar-item{display:flex;flex-direction:column;align-items:center;opacity:.6;cursor:pointer;transition:opacity .2s}.talk-view-tabbar-item.active{opacity:1}.talk-view-call-button{display:flex;justify-content:center;align-items:center;border:none;outline:none;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.15);pointer-events:auto;width:60px;height:60px;background-color:#5856d6;color:#fff;font-size:24px}.talk-view-call-button:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.2)}.talk-view-call-button:active{transform:scale(.95)}.talk-view-call-button.active{background-color:#ff3b30;transform:scale(1.05);box-shadow:0 4px 12px rgba(255,59,48,.4)}.talk-view-call-button.active:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(255,59,48,.5)}.talk-view-call-button.active:active{transform:scale(.95)}.talk-view-microphone-container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.talk-view-call-btn-wrapper,.talk-view-status-wrapper{display:none!important}.talk-view-microphone-icon,.talk-view-microphone-icon.active{display:none}.talk-view-image-preview{display:flex;flex-direction:column;height:100%;width:100%;background:rgba(0,0,0,.8);position:relative}.preview-image{width:100%;height:100%;object-fit:contain;border-radius:8px}.preview-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.talk-view-btn{display:flex;align-items:center;gap:8px;font-size:16px;padding:10px 22px;border-radius:24px;border:none;cursor:pointer;font-weight:500;transition:background .2s,color .2s,box-shadow .2s}.talk-view-btn.visual-search{background:#007aff;color:#fff}.talk-view-btn.visual-search:active,.talk-view-btn.visual-search:hover{background:#005bb5}.talk-view-btn.retake{background:#f5f5f5;color:#333;border:1px solid #ddd}.talk-view-btn.retake:active,.talk-view-btn.retake:hover{background:#e0e0e0}.talk-view-device-content .talk-view-content{overflow:hidden;position:relative}.preview-image{border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}@media(max-height:740px){.preview-image{height:calc(100% - 70px)}.retake-button,.search-button{padding:10px 20px;font-size:14px}}.talk-view-camera-container{position:relative;width:100%;height:100%;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center}.talk-view-camera-video{width:100%;height:100%;object-fit:cover;-webkit-filter:brightness(1.1) contrast(1.1) saturate(1.1);filter:brightness(1.1) contrast(1.1) saturate(1.1);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.talk-view-camera-status{bottom:40px;transform:translateX(-50%);font-size:14px;background-color:rgba(0,0,0,.7);padding:8px 16px;border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid hsla(0,0%,100%,.1);text-shadow:0 1px 2px rgba(0,0,0,.5)}.talk-view-camera-error,.talk-view-camera-status{position:absolute;left:50%;color:#fff;text-align:center;z-index:10}.talk-view-camera-error{top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);padding:16px 24px;border-radius:8px;max-width:80%;box-shadow:0 4px 12px rgba(0,0,0,.2)}.camera-fullscreen{position:relative;width:100%;height:100%;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center}.camera-video{width:100%;height:100%;object-fit:cover}.camera-capture-btn{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);background:#fff;border:none;border-radius:50%;width:72px;height:72px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:all .2s ease}.camera-capture-btn:hover{transform:translateX(-50%) scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.4)}.camera-capture-btn:active{transform:translateX(-50%) scale(.95);box-shadow:0 2px 8px rgba(0,0,0,.3)}.camera-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:#fff;padding:16px 24px;border-radius:8px;text-align:center;max-width:80%;box-shadow:0 4px 12px rgba(0,0,0,.2)}.camera-capture-container{position:relative;height:100%}.camera-capture-toggle-control{display:flex;justify-content:center;align-items:center;position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:100;padding:10px 16px;background-color:rgba(20,20,22,.85);color:#fff;border-radius:24px;cursor:pointer;font-size:14px;gap:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid hsla(0,0%,100%,.1);transition:all .2s ease-in-out}.camera-capture-toggle-icon{font-size:18px}.camera-capture-toggle-icon.enabled{color:#00c4cc}.camera-capture-toggle-icon.disabled{color:#999}.camera-capture-toggle-text{font-weight:500}.camera-capture-auto-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background-color:rgba(0,0,0,.8);color:#fff;padding:20px 40px;border-radius:16px;font-size:24px;font-weight:700;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.2)}.camera-capture-countdown{font-size:48px;color:#00c4cc}.camera-capture-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:camera-capture-fadeIn .3s ease-out}.camera-capture-warning-modal{background-color:hsla(0,0%,100%,.95);padding:32px 28px;border-radius:16px;max-width:400px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.25);border:1px solid hsla(0,0%,100%,.2);animation:camera-capture-scaleIn .3s ease-out;overflow:hidden}.camera-capture-warning-header{position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#00c4cc,#7d2ae8);border-top-left-radius:16px;border-top-right-radius:16px}.camera-capture-warning-icon-container{width:64px;height:64px;border-radius:50%;background-color:rgba(0,196,204,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.camera-capture-warning-icon{font-size:28px;color:#00c4cc}.camera-capture-warning-title{color:#222;font-size:24px;font-weight:700;margin-bottom:16px}.camera-capture-warning-text{color:#555;margin:0 0 24px;line-height:1.6;font-size:15px}.camera-capture-warning-buttons{display:flex;justify-content:center;gap:12px}.camera-capture-warning-btn{padding:12px 24px;margin:10px;border-radius:12px;border:none;cursor:pointer;font-weight:600;font-size:15px;transition:all .2s ease;letter-spacing:.3px}.camera-capture-warning-btn-cancel{background-color:rgba(0,0,0,.05);color:#333;box-shadow:0 2px 4px rgba(0,0,0,.05)}.camera-capture-warning-btn-enable{background:linear-gradient(90deg,#00c4cc,#7d2ae8);color:#fff;box-shadow:0 4px 12px rgba(0,196,204,.3)}.camera-capture-controls-container{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:2;display:flex;justify-content:center;align-items:center;gap:16px}.camera-capture-button{width:70px;height:70px;border-radius:50%;background-color:hsla(0,0%,100%,.3);border:4px solid #fff;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.3)}.camera-capture-button-inner{width:54px;height:54px;border-radius:50%;background-color:#fff}.camera-capture-disabled-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center;color:#555}.camera-capture-disabled-icon-container{width:96px;height:96px;border-radius:50%;background-color:rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.camera-capture-disabled-icon{font-size:40px;color:#bbb}.camera-capture-disabled-title{font-size:22px;font-weight:600;color:#333;margin-bottom:12px}.camera-capture-disabled-text{font-size:15px;line-height:1.5;max-width:280px;color:#777}@keyframes camera-capture-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes camera-capture-scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.tvpr-container{background:rgba(20,24,48,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;padding:16px;overflow:hidden}.tvpr-container,.tvpr-content{position:relative;display:flex;flex-direction:column;height:100%}.tvpr-content{z-index:1}.tvpr-search-caption{text-align:center;margin-bottom:16px;padding:0;background:none;border-radius:0}.tvpr-caption-large{font-size:20px;color:#fff;font-weight:400;margin:18px 0 10px;line-height:1.3;text-align:left;letter-spacing:.01em}.tvpr-caption-large b,.tvpr-caption-large strong{font-weight:700;color:#fff}.tvpr-search-caption p{margin:0;font-size:14px;color:hsla(0,0%,100%,.9)}.tvpr-cards-container{width:100%;margin-bottom:16px;position:relative}.tvpr-cards-scroll{display:flex;flex-direction:row;overflow-x:auto;gap:12px;width:100%;padding:12px 16px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-scroll-snap-type:x proximity;-ms-scroll-snap-type:x proximity;scroll-snap-type:x proximity;align-items:center}.tvpr-cards-scroll::-webkit-scrollbar{display:none}.tvpr-camera-preview-wrapper{display:flex;justify-content:center;margin-bottom:18px}.tvpr-camera-preview{position:relative;border-radius:24px;border:2.5px solid #fff;overflow:hidden;width:260px;height:260px;box-shadow:0 4px 24px rgba(0,0,0,.3);background:rgba(30,30,40,.7);display:flex;align-items:center;justify-content:center}.tvpr-captured-image{width:100%;height:100%;object-fit:cover;border-radius:24px}.tvpr-camera-close-btn{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.4);border-radius:50%;color:#fff;border:none;font-size:22px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background .2s}.tvpr-camera-close-btn:hover{background:rgba(0,0,0,.7)}.tvpr-section-title{color:hsla(0,0%,100%,.7);font-size:14px;font-weight:500;margin:0 0 12px;text-align:left;letter-spacing:.01em}.tvpr-card{background:hsla(0,0%,100%,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;box-shadow:0 4px 16px rgba(0,0,0,.18);border:1.5px solid hsla(0,0%,100%,.18);width:270px;min-width:270px;height:130px;margin-right:10px;transform:scale(.92);transition:all .3s cubic-bezier(.4,2,.6,1)}.tvpr-card.active{background:hsla(0,0%,100%,.28);box-shadow:0 8px 28px rgba(0,0,0,.28);transform:scale(1.12);z-index:2}.tvpr-card:not(.active){opacity:.85;-webkit-filter:blur(.5px) grayscale(.1);filter:blur(.5px) grayscale(.1)}.tvpr-image-container{width:90px;height:90px;flex-shrink:0;overflow:hidden;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:12px;margin:10px}.tvpr-image-container img{width:80%;height:80%;object-fit:contain}.tvpr-details{display:flex;flex-direction:column;justify-content:space-between;flex:1 1;padding:12px 18px 12px 6px}.tvpr-title{font-size:12px;font-weight:600;margin:0 0 4px;color:#fff;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;max-height:2.6em;text-align:left}.tvpr-price{font-size:26px;font-weight:800;color:#fff}.tvpr-list-price{text-decoration:line-through;color:#bbb;font-size:15px;margin-left:8px}.tvpr-prime-badge{background:#232f3e;color:gold;border-radius:6px;padding:2px 8px;font-size:13px;margin-top:4px;display:inline-block}.tvpr-rating-row{display:flex;align-items:center;color:#fff;text-align:left}.tvpr-stars{color:gold;margin-right:4px}.tvpr-rating-value{font-size:15px;color:#fff;font-weight:500}.tvpr-review-count{font-size:13px;color:hsla(0,0%,100%,.7);margin-left:4px}.tvpr-heart-icon{color:#fff;font-size:15px;margin-left:4px}.tvpr-active-details{background:hsla(0,0%,100%,.1);border-radius:16px;padding:16px;margin-top:8px}.tvpr-info h3{margin:0 0 8px;font-size:16px;font-weight:600}.tvpr-tagline{font-size:14px;color:hsla(0,0%,100%,.9);margin:0 0 12px}.tvpr-pros-cons{display:flex;flex-direction:column;gap:8px}.tvpr-cons,.tvpr-pros{display:flex;flex-direction:column;gap:4px}.tvpr-con-item,.tvpr-pro-item{font-size:13px;color:hsla(0,0%,100%,.9);display:flex;align-items:flex-start;gap:4px}.tvpr-pro-mark{color:#4caf50;font-weight:700}.tvpr-con-mark{color:#f44336;font-weight:700}.tvpr-blur-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.tvpr-blur-bg-img{width:100%;height:100%;object-fit:cover;-webkit-filter:blur(18px) brightness(.5) saturate(1.2);filter:blur(18px) brightness(.5) saturate(1.2);opacity:.55}@media(max-width:500px){.tvpr-camera-preview{width:90vw;height:90vw;max-width:320px;max-height:320px}.tvpr-card{width:200px;min-width:200px;height:100px}}@media(max-height:740px)and (max-width:400px){.tvpr-card{width:220px;min-width:220px;height:95px}.tvpr-image-container{width:80px;height:80px;margin:7.5px}.tvpr-details{padding:8px 14px 8px 3px}.tvpr-title{font-size:11px}.tvpr-price{font-size:20px}.tvpr-price-cents,.tvpr-rating-value{font-size:12px}}.tvpd-container{position:relative;height:100%;display:flex;flex-direction:column;background-color:#fff;overflow:hidden}.tvpd-back-button{position:absolute;top:16px;left:16px;z-index:10;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.tvpd-scrollable-content{flex:1 1;overflow-y:auto;padding:48px 16px 16px;scrollbar-width:none;-ms-overflow-style:none}.tvpd-scrollable-content::-webkit-scrollbar{display:none}.tvpd-captured-image-section{margin-bottom:16px;border-radius:12px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}.tvpd-captured-image{width:100%;height:auto;display:block}.tvpd-product-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.12);margin-bottom:16px;display:flex;flex-direction:column}.tvpd-image-section{width:100%;padding-top:100%;position:relative;background:#f5f5f5}.tvpd-product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.tvpd-info-section{padding:20px 20px 16px}.tvpd-product-title{font-size:18px;font-weight:600;margin-bottom:8px;line-height:1.4}.tvpd-rating-row{display:flex;align-items:center;margin-bottom:8px}.tvpd-rating-pill{display:flex;align-items:center;background:#f0f0f0;padding:4px 10px;border-radius:16px;font-size:15px;margin-right:8px}.tvpd-review-count{color:#666;font-size:13px;margin-left:6px}.tvpd-price-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.tvpd-original-price{color:#888;text-decoration:line-through;font-size:15px;margin-right:6px}.tvpd-price{font-size:22px;font-weight:700;color:#b12704;margin-right:8px}.tvpd-prime-badge{background:#232f3e;color:gold;font-size:13px;border-radius:6px;padding:2px 8px;margin-right:8px;font-weight:600;letter-spacing:.5px}.tvpd-add-button{background:#ffd814;color:#232f3e;border:none;border-radius:50%;width:36px;height:36px;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.1);cursor:pointer;transition:background .2s}.tvpd-add-button:hover{background:#f7ca00}.tvpd-divider{height:1px;background:#e0e0e0;margin:0}.tvpd-description{font-size:16px;line-height:1.6;color:#333;margin-bottom:16px;padding:0 20px;font-weight:400;text-align:left}.tvpd-description b{font-weight:700;color:#232f3e}.tvpd-pros-cons-row{display:flex;gap:16px;padding:0 16px;margin-bottom:24px}.tvpd-cons-column,.tvpd-pros-column{flex:1 1;display:flex;flex-direction:column;gap:8px}.tvpd-con-item,.tvpd-pro-item{display:flex;align-items:flex-start;font-size:14px;line-height:1.4}.tvpd-pro-mark{color:#067d62}.tvpd-con-mark,.tvpd-pro-mark{margin-right:8px;font-weight:700}.tvpd-con-mark{color:#b12704}.tvpd-no-pros-cons-message{width:100%;text-align:center;padding:16px;color:#666;font-size:14px}.tvpd-response-container{padding:0 16px;margin-bottom:16px;text-align:left}.tvpd-message-bubble{max-width:85%;padding:12px 16px;border-radius:16px;margin-bottom:8px;font-size:14px;line-height:1.5}.tvpd-response-bubble{background:#f0f0f0;color:#333}.tvpd-assistant-align{margin-right:auto}.tvpd-message-text-current{white-space:pre-wrap}.tvpd-message-text-history{color:#666}.tvpd-bottom-container{padding:0 16px;background:#fff;overflow-x:visible}.tvpd-related-questions-container{margin-bottom:16px;min-width:0}.tvpd-ask-header-text{font-size:16px;font-weight:600;margin-bottom:12px;text-align:left}.tvpd-questions-row{display:flex;flex-wrap:nowrap;gap:10px;margin-bottom:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;white-space:nowrap;width:100%;min-width:0}.tvpd-questions-row::-webkit-scrollbar{display:none}.tvpd-ask-button{display:flex;align-items:center;gap:8px;padding:8px 18px;background:#181a20;color:#fff;border:1.5px solid #fff;border-radius:22px;font-size:15px;cursor:pointer;transition:background-color .2s,border-color .2s;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.1)}.tvpd-ask-button:hover{background:#23262f;border-color:#ffd814}.tvpd-ask-button-icon{font-size:18px}.tvpd-related-question-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;background:#23262f;border:none;border-radius:22px;font-size:15px;color:#fff;cursor:pointer;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:background .2s;white-space:nowrap;text-align:center}.tvpd-related-question-button:hover{background:#393c49}.tvpd-related-question-button:disabled{opacity:.6;cursor:not-allowed}.tvpd-keyboard-container{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -2px 4px rgba(0,0,0,.1);z-index:1000}.tvpd-mobile-input-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;z-index:1000}.tvpd-mobile-input-container{width:100%;padding:16px;background:#fff;display:flex;gap:8px}.tvpd-mobile-input{flex:1 1;padding:12px;border:1px solid #e0e0e0;border-radius:20px;font-size:16px;outline:none}.tvpd-mobile-submit-button{padding:0 20px;background:#007185;color:#fff;border:none;border-radius:20px;font-size:16px;cursor:pointer}.tvpd-mobile-submit-button:disabled{opacity:.6;cursor:not-allowed}.dyoc-landing{min-height:100vh;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;font-family:Amazon Ember,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.dyoc-landing-container{max-width:1200px;margin:0 auto;padding:2rem}.dyoc-hero{text-align:center;padding:4rem 0 6rem}.dyoc-hero-icon{font-size:4rem;margin-bottom:2rem;color:#f97316;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dyoc-hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;color:#fff}.dyoc-highlight{background:linear-gradient(45deg,#f97316,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dyoc-hero-subtitle{font-size:1.25rem;margin-bottom:3rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;color:#fff}.dyoc-chat-container{max-width:900px;margin:0 auto 3rem}.dyoc-chat-form{width:100%}.dyoc-chat-input-wrapper{position:relative;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid hsla(0,0%,100%,.2);padding:1rem;transition:all .3s ease}.dyoc-chat-input-wrapper:focus-within{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);box-shadow:0 8px 32px rgba(0,0,0,.1)}.dyoc-chat-textarea{width:100%;background:transparent;border:none;outline:none;color:#fff!important;font-size:1.1rem;resize:none;font-family:inherit;line-height:1.5;margin-bottom:.5rem;transition:all .2s ease}.dyoc-chat-textarea:focus{outline:none}.dyoc-chat-textarea::-webkit-input-placeholder{color:hsla(0,0%,100%,.7)}.dyoc-chat-textarea::-moz-placeholder{color:hsla(0,0%,100%,.7)}.dyoc-chat-textarea::-ms-input-placeholder{color:hsla(0,0%,100%,.7)}.dyoc-chat-textarea::placeholder{color:hsla(0,0%,100%,.7)}.dyoc-landing-chat-controls{display:flex;justify-content:center;align-items:center;gap:.5rem}.dyoc-send-btn,.dyoc-voice-btn,.dyoc-voice-call-btn{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .2s ease}.dyoc-voice-btn{background:hsla(0,0%,100%,.2);color:#fff}.dyoc-voice-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.05)}.dyoc-voice-btn.listening{background:#ff4757;animation:pulse 1.5s infinite}.dyoc-voice-call-btn{background:linear-gradient(45deg,#06b6d4,#3b82f6);color:#fff}.dyoc-voice-call-btn:hover:not(:disabled){background:linear-gradient(45deg,#0891b2,#2563eb);transform:scale(1.05);box-shadow:0 4px 15px rgba(6,182,212,.4)}.dyoc-voice-call-btn.connecting{background:#f97316;color:#fff}.dyoc-voice-call-btn.active{background:#ff4757;animation:pulse 1.5s infinite}.dyoc-voice-call-btn:disabled{opacity:.5;cursor:not-allowed}.dyoc-send-btn{background:linear-gradient(45deg,#f97316,#fb923c);color:#fff}.dyoc-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px rgba(249,115,22,.4)}.dyoc-send-btn:disabled{opacity:.5;cursor:not-allowed}.dyoc-loading-spinner{animation:spin 1s linear infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dyoc-quick-prompts{margin-top:16px;padding:16px;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.dyoc-quick-prompts-label{font-size:14px;font-weight:600;color:hsla(0,0%,100%,.8);margin-bottom:12px;text-align:center}.dyoc-quick-prompts-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.dyoc-quick-prompt-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:hsla(0,0%,100%,.9);font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:140px;justify-content:flex-start}.dyoc-quick-prompt-btn:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.1));border-color:hsla(0,0%,100%,.3);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.dyoc-quick-prompt-btn:active{transform:translateY(0);box-shadow:0 4px 15px rgba(0,0,0,.3)}.dyoc-quick-prompt-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.dyoc-quick-prompt-icon{font-size:16px;color:#f97316;flex-shrink:0}.dyoc-quick-prompt-text{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dyoc-features{padding:4rem 0;text-align:center}.dyoc-features-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#333}.dyoc-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.dyoc-feature-card{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:2rem;transition:all .3s ease}.dyoc-feature-card:hover{background:hsla(0,0%,100%,.15);transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.1)}.dyoc-feature-icon{font-size:2.5rem;margin-bottom:1.5rem;color:#f97316}.dyoc-feature-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#333}.dyoc-feature-description{opacity:.9;line-height:1.6;color:#333}.dyoc-prompts{padding:4rem 0;text-align:center}.dyoc-prompts-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#333}.dyoc-prompts-subtitle{font-size:1.2rem;opacity:.9;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;color:#333}.dyoc-prompts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:3rem}.dyoc-prompt-card{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:left;position:relative;overflow:hidden}.dyoc-prompt-card:hover{background:hsla(0,0%,100%,.15);transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.15);border-color:hsla(0,0%,100%,.3)}.dyoc-prompt-card:hover .dyoc-prompt-action{opacity:1;transform:translateY(0)}.dyoc-prompt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dyoc-prompt-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(45deg,#f97316,#fb923c);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600}.dyoc-prompt-category{background:hsla(0,0%,100%,.2);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.dyoc-prompt-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#fff;line-height:1.3}.dyoc-prompt-description{color:hsla(0,0%,100%,.8);font-size:.95rem;line-height:1.5;margin-bottom:1rem}.dyoc-prompt-action{display:flex;align-items:center;gap:.5rem;color:#f97316;font-size:.9rem;font-weight:500;opacity:0;transform:translateY(10px);transition:all .3s ease}.dyoc-prompt-action span{text-transform:uppercase;letter-spacing:.5px}.dyoc-cta{text-align:center;padding:4rem 0}.dyoc-cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#333}.dyoc-cta-subtitle{font-size:1.2rem;opacity:.9;margin-bottom:2.5rem;color:#333}.dyoc-cta-button{background:linear-gradient(45deg,#f97316,#fb923c);color:#fff;border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem}.dyoc-cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(249,115,22,.4)}@media(max-width:768px){.dyoc-landing-container{padding:1rem}.dyoc-hero{padding:2rem 0 4rem}.dyoc-hero-title{font-size:2.5rem}.dyoc-hero-subtitle{font-size:1.1rem}.dyoc-quick-prompts-list{flex-direction:column}.dyoc-quick-prompt-btn{min-width:auto;width:100%;justify-content:center}.dyoc-cta-title,.dyoc-features-title,.dyoc-prompts-title{font-size:2rem}.dyoc-features-grid{grid-template-columns:1fr;gap:1.5rem}.dyoc-prompts-grid{grid-template-columns:1fr;gap:1rem}.dyoc-chat-input-wrapper{padding:.75rem}.dyoc-chat-textarea{font-size:1rem}}@media(max-width:480px){.dyoc-hero-title{font-size:2rem}.dyoc-hero-icon{font-size:3rem}.dyoc-cta-title,.dyoc-features-title{font-size:1.75rem}.dyoc-quick-prompt-btn{padding:.75rem;font-size:.9rem}.dyoc-feature-card{padding:1.5rem}}@media(prefers-reduced-motion:reduce){.dyoc-hero-icon,.dyoc-loading-spinner,.dyoc-voice-btn.listening{animation:none}.dyoc-cta-button:hover,.dyoc-feature-card:hover,.dyoc-quick-prompt-btn:hover{transform:none}}.dyoc-chat-textarea:focus,.dyoc-cta-button:focus,.dyoc-quick-prompt-btn:focus,.dyoc-send-btn:focus,.dyoc-voice-btn:focus{outline:2px solid #f97316;outline-offset:2px}.dyoc-component-wrapper{width:100%;height:100%;display:flex;flex-direction:column;background:#f8f9fa;border-radius:8px;overflow:hidden;color:#333}.dyoc-component-container{flex:1 1;padding:20px;display:flex;align-items:center;justify-content:center;min-height:300px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin:10px;color:#333}.dyoc-text-primary{color:#333!important}.dyoc-text-secondary{color:#666!important}.dyoc-text-muted{color:#999!important}.dyoc-bg-light{background-color:#fff!important}.dyoc-bg-gray{background-color:#f8f9fa!important}.dyoc-component-container *{color:inherit}.dyoc-component-container div,.dyoc-component-container h1,.dyoc-component-container h2,.dyoc-component-container h3,.dyoc-component-container h4,.dyoc-component-container h5,.dyoc-component-container h6,.dyoc-component-container label,.dyoc-component-container p,.dyoc-component-container span{color:#333}.dyoc-component-container input,.dyoc-component-container select,.dyoc-component-container textarea{color:#333;background-color:#fff}.dyoc-component-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#666;font-size:14px}.dyoc-component-loading svg{color:#007bff}.dyoc-component-error{background:#fee;border:1px solid #fcc;border-radius:8px;padding:20px;color:#c33;max-width:500px}.dyoc-component-error h3{margin:0 0 12px;color:#a00}.dyoc-component-error p{margin:8px 0}.dyoc-component-error details{margin-top:16px}.dyoc-component-error summary{cursor:pointer;font-weight:600;margin-bottom:8px}.dyoc-component-error pre{background:#f5f5f5;padding:12px;border-radius:4px;font-size:12px;overflow-x:auto;white-space:pre-wrap}.dyoc-component-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#999;text-align:center;padding:40px}.dyoc-component-placeholder svg{color:#ccc}.dyoc-component-placeholder h3{margin:0;font-size:18px;color:#666}.dyoc-component-placeholder p{margin:0;font-size:14px;color:#999}.dyoc-component-container .product-card{max-width:300px;margin:0 auto}.dyoc-component-container .product-image{position:relative;width:100%;height:200px;overflow:hidden;border-radius:8px 8px 0 0}.dyoc-component-container .product-info{padding:16px;display:flex;flex-direction:column;gap:12px}.dyoc-component-container .login-form{max-width:400px;width:100%}.dyoc-component-container .data-table{width:100%;max-width:800px}@media(max-width:768px){.dyoc-component-container{padding:10px;margin:5px}.dyoc-component-container .product-card{max-width:280px}.dyoc-component-container .login-form{max-width:350px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dyoc-component-container>*{animation:fadeIn .3s ease-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.dyoc-component-error{animation:shake .5s ease-in-out}.dyoc-component-loading svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dyoc-wrapper{display:flex;height:100vh;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;position:relative;overflow:hidden;background-color:#f5f5f7}.dyoc-container{display:flex;width:100%;height:100%}.dyoc-main-content{flex:1 1;display:flex;flex-direction:column;background:#fff;border-right:1px solid #e0e0e0}.dyoc-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;min-height:60px}.dyoc-toolbar-left{display:flex;align-items:center;gap:20px}.dyoc-toolbar-left h2{margin:0;font-size:18px;font-weight:600;color:#333}.dyoc-view-toggle{display:flex;background:#e9ecef;border-radius:8px;padding:2px}.dyoc-view-toggle button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.dyoc-view-toggle button.active{background:#fff;color:#007bff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.dyoc-view-toggle button:hover:not(.active){color:#333}.dyoc-toolbar-right{display:flex;align-items:center;gap:8px}.dyoc-refresh-btn,.dyoc-settings-btn{width:36px;height:36px;border-radius:6px;border:1px solid #e0e0e0;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dyoc-refresh-btn:hover,.dyoc-settings-btn:hover{background:#f8f9fa;color:#333}.dyoc-settings-btn.active{background:#007bff;color:#fff;border-color:#007bff}.dyoc-component-area,.dyoc-preview-container{flex:1 1;display:flex;overflow:hidden}.component-preview{flex:1 1;padding:20px;overflow-y:auto;background:#fff}.component-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999;text-align:center}.component-placeholder h3{margin:16px 0 8px;font-size:18px;font-weight:600}.component-placeholder p{margin:0;font-size:14px}.component-preview-placeholder{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:20px;max-width:800px;margin:0 auto}.component-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.component-header h3{margin:0;font-size:20px;font-weight:600;color:#333}.component-type{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.component-description{margin-bottom:20px;color:#666;line-height:1.5}.component-props{margin-bottom:20px}.component-props h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#333}.component-props ul{list-style:none;padding:0;margin:0}.component-props li{padding:8px 0;border-bottom:1px solid #f0f0f0}.component-props li:last-child{border-bottom:none}.component-props .required{color:#dc3545;font-weight:700}.prop-description{font-size:12px;color:#666;margin-top:4px}.component-code-preview{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;overflow-x:auto}.component-code-preview h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#333}.component-code-preview pre{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;line-height:1.4;color:#333;white-space:pre-wrap}.component-error{background:#fee;border:1px solid #fcc;border-radius:8px;padding:16px;color:#c33;text-align:center}.component-error h3{margin:0 0 8px;font-size:16px}.component-error p{margin:0;font-size:14px}.props-testing-panel{width:300px;background:#f8f9fa;border-left:1px solid #e0e0e0;padding:20px;overflow-y:auto}.props-testing-panel h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.prop-input{margin-bottom:16px}.prop-input label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#333}.prop-input .required{color:#dc3545}.prop-input input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.prop-input input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.2)}.code-export-panel{flex:1 1;display:flex;flex-direction:column;background:#fff}.code-tabs{display:flex;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.code-tabs button{padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.code-tabs button.active{color:#007bff;border-bottom-color:#007bff;background:#fff}.code-tabs button:hover:not(.active){color:#333;background:rgba(0,0,0,.05)}.code-actions{display:flex;gap:8px;padding:12px 20px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.copy-btn,.download-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.copy-btn:hover,.download-btn:hover{background:#0056b3}.download-btn{background:#28a745}.download-btn:hover{background:#1e7e34}.code-content{flex:1 1;overflow:auto;background:#f8f9fa}.code-content pre{margin:0;padding:20px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;color:#333;white-space:pre-wrap}.dyoc-chat-panel{width:400px;display:flex;flex-direction:column;background:#fff;border-left:1px solid #e0e0e0;transition:width .3s ease;position:relative}.dyoc-chat-panel.collapsed{width:50px}.dyoc-chat-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa;min-height:60px}.dyoc-chat-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.dyoc-toggle-button{background:none;border:none;font-size:18px;cursor:pointer;color:#666;padding:5px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:4px;transition:all .2s ease}.dyoc-toggle-button:hover{color:#333;background:rgba(0,0,0,.05)}.dyoc-chat-panel.collapsed .dyoc-chat-container,.dyoc-chat-panel.collapsed .dyoc-chat-controls,.dyoc-chat-panel.collapsed .dyoc-chat-header h3,.dyoc-chat-panel.collapsed .dyoc-control-panel{display:none}.dyoc-chat-panel.collapsed .dyoc-chat-header{justify-content:center;padding:15px 0}.dyoc-chat-container{flex:1 1;overflow-y:auto;padding:15px 20px;display:flex;flex-direction:column;gap:12px}.dyoc-message{max-width:85%;padding:12px 16px;border-radius:18px;word-wrap:break-word;position:relative;font-size:14px;line-height:1.4}.dyoc-message-user{align-self:flex-end;background:#007bff;color:#fff;border-bottom-right-radius:5px}.dyoc-message-ai{align-self:flex-start;background:#f0f0f0;color:#333;border-bottom-left-radius:5px}.dyoc-message-content{margin:0}.dyoc-message-citations{margin-top:12px;border-top:1px solid hsla(0,0%,100%,.2);padding-top:8px}.dyoc-message-ai .dyoc-message-citations{border-top-color:rgba(0,0,0,.1)}.dyoc-message-citations details{cursor:pointer}.dyoc-message-citations summary{font-size:12px;font-weight:600;color:inherit;opacity:.8;padding:4px 0;list-style:none;display:flex;align-items:center;gap:4px}.dyoc-message-citations summary::-webkit-details-marker{display:none}.dyoc-message-citations summary:before{content:"▶";font-size:10px;transition:transform .2s ease}.dyoc-message-citations details[open] summary:before{transform:rotate(90deg)}.citations-list{margin-top:8px;padding-left:12px}.citation-item{margin-bottom:8px;padding:8px;background:rgba(0,0,0,.05);border-radius:6px;font-size:12px;line-height:1.3}.dyoc-message-user .citation-item{background:hsla(0,0%,100%,.2)}.citation-text{font-weight:500;margin-bottom:6px;color:inherit}.citation-references{padding-left:12px}.citation-reference{margin-bottom:4px;border-left:2px solid rgba(0,0,0,.1);padding:4px 0 4px 8px}.dyoc-message-user .citation-reference{border-left-color:hsla(0,0%,100%,.3)}.reference-snippet{font-style:italic;opacity:.9;margin-bottom:2px}.reference-metadata{opacity:.7;font-size:10px}.dyoc-message-session{margin-top:8px;padding-top:6px;border-top:1px solid rgba(0,0,0,.1);font-size:11px;opacity:.7}.dyoc-message-user .dyoc-message-session{border-top-color:hsla(0,0%,100%,.2)}.dyoc-control-panel{background:#f8f9fa;border-top:1px solid #e0e0e0;max-height:300px;overflow-y:auto}.control-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #e0e0e0;background:#fff}.control-panel-header h4{margin:0;font-size:14px;font-weight:600;color:#333}.control-panel-header button{background:none;border:none;font-size:18px;color:#666;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.control-panel-header button:hover{background:#f0f0f0;color:#333}.template-list{padding:12px 20px}.template-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px;margin-bottom:8px;cursor:pointer;transition:all .2s ease}.template-card:hover{border-color:#007bff;box-shadow:0 2px 8px rgba(0,123,255,.15)}.template-card.selected{border-color:#007bff;background:#f8f9ff}.template-card h5{margin:0 0 6px;font-size:14px;font-weight:600;color:#333}.template-card p{margin:0;font-size:12px;color:#666;line-height:1.3}.dyoc-chat-controls{padding:15px 20px;border-top:1px solid #e0e0e0;background:#f8f9fa}.dyoc-chat-input-container{display:flex;flex-direction:column;gap:8px}.dyoc-chat-input{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:12px;font-size:14px;font-family:inherit;resize:none;outline:none;background:#fff;color:#333!important;transition:border-color .2s ease;box-sizing:border-box}.dyoc-chat-input:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1);color:#333!important}.dyoc-chat-input::-webkit-input-placeholder{color:#999!important}.dyoc-chat-input::-moz-placeholder{color:#999!important}.dyoc-chat-input::-ms-input-placeholder{color:#999!important}.dyoc-chat-input::placeholder{color:#999!important}.dyoc-button-row{display:flex;justify-content:flex-end}.dyoc-send-button{width:36px;height:36px;border-radius:50%;background:#007bff;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dyoc-send-button:hover:not(:disabled){background:#0056b3;transform:scale(1.05)}.dyoc-send-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.dyoc-wrapper.generating .component-preview{position:relative}.dyoc-wrapper.generating .component-preview:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;z-index:10}@media(max-width:1200px){.dyoc-chat-panel{width:350px}.props-testing-panel{width:250px}}@media(max-width:768px){.dyoc-wrapper{flex-direction:column}.dyoc-chat-panel{width:100%;height:300px;border-left:none;border-top:1px solid #e0e0e0}.dyoc-chat-panel.collapsed{height:50px}.dyoc-toolbar-left{gap:12px}.dyoc-toolbar-left h2{font-size:16px}.props-testing-panel{width:100%;border-left:none;border-top:1px solid #e0e0e0}.dyoc-preview-container{flex-direction:column}}@media(prefers-reduced-motion:reduce){.dyoc-send-button:hover,.template-card:hover{transform:none}}.dyoc-chat-input:focus,.dyoc-refresh-btn:focus,.dyoc-send-button:focus,.dyoc-settings-btn:focus,.dyoc-view-toggle button:focus{outline:2px solid #007bff;outline-offset:2px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:hsla(0,0%,100%,.87);background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;background:#1a1a1a;color:#fff}#root{width:100%}.App{width:100%;text-align:center;flex-direction:column;overflow-y:auto}.App,.app-layout{height:100vh;display:flex}.app-main{flex-direction:column;flex:1 1;overflow:hidden;background:#25252a;z-index:1}.app-main,.side-nav{display:flex;position:relative}.side-nav{width:72px;background-color:#25252a;flex-direction:column;align-items:center;padding:1rem 0;height:100vh;overflow-y:auto;z-index:1000;border-right:1px solid #37383b}.side-nav-logo{margin-bottom:20px;padding:5px;width:100%;display:flex;justify-content:center}.side-nav-logo img{height:55px;width:auto;cursor:pointer;padding:5px}.side-nav-items{gap:.5rem;padding:0 .5rem}.side-nav-item,.side-nav-items{display:flex;flex-direction:column;align-items:center;width:100%}.side-nav-item{justify-content:center;padding:.75rem 0;cursor:pointer;transition:all .2s ease;color:#dadadb;border-radius:8px}.side-nav-item:hover{background-color:#2d2d32;color:#fff}.side-nav-item.active{color:#00a0ff;background-color:#2d2d32}.side-nav-icon{font-size:1.25rem;margin-bottom:.25rem}.side-nav-label{font-size:.6875rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;padding:0 .25rem;font-weight:500;letter-spacing:.02em}.side-nav-footer{margin-top:auto;width:100%;padding-top:10px;border-top:1px solid #eaeaea}.content-wrapper{position:relative}.content-wrapper,.main-content{display:flex;flex:1 1;overflow-y:auto}.main-content{flex-direction:column;background:#1a1a1a}.studio-header{background:#25252a;padding:.75rem 1.5rem;justify-content:space-between;height:64px;border-bottom:1px solid #37383b}.header-left,.studio-header{display:flex;align-items:center}.header-left{gap:1.5rem}.logo{height:160px;object-fit:contain;margin:-48px 0;padding:10px;transition:transform .2s ease;cursor:pointer}.logo:hover{transform:scale(1.02)}.header-right{gap:1rem;height:100%}.header-button,.header-right{display:flex;align-items:center}.header-button{background:#2d2d32;border:1px solid #37383b;color:#dadadb;padding:.5rem 1rem;font-size:.875rem;justify-content:center;height:38px;min-width:38px;gap:.5rem;cursor:pointer;transition:all .2s ease;border-radius:6px;font-weight:500;box-sizing:border-box;white-space:nowrap}.header-button:hover{background:#37383b;border-color:#454548;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.2)}.header-button.quiet{background:transparent;border-color:transparent;color:#999;padding:.5rem .75rem}.header-button.quiet:hover{background:hsla(0,0%,100%,.05);border-color:transparent;color:#fff;transform:none;box-shadow:none}.header-button.primary{background:#06c;border-color:#07e;color:#fff;font-weight:600}.header-button.primary:hover{background:#07e;border-color:#08f;box-shadow:0 2px 8px rgba(0,102,204,.3)}.header-button.action{background:#2e7d32;border-color:#388e3c;color:#fff;font-weight:600}.header-button.action:hover{background:#388e3c;border-color:#43a047;box-shadow:0 2px 8px rgba(46,125,50,.3)}.header-button.feature{background:#4a148c;border-color:#6a1b9a;color:#fff}.header-button.feature:hover{background:#6a1b9a;border-color:#7b1fa2;box-shadow:0 2px 8px rgba(74,20,140,.3)}.header-button svg{width:16px;height:16px;transition:transform .2s ease}.header-button:hover svg{transform:scale(1.1);color:#fff}.header-button.quiet svg{width:14px;height:14px;opacity:.7}.header-button.quiet:hover svg{opacity:1;transform:none}.app-catalog{width:100%;display:flex!important;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:32px!important;background:none!important;box-shadow:none!important;padding:0 0 8px!important;margin:0 auto;max-width:1200px}.app-catalog.compact{padding:.5rem;display:flex;justify-content:center}.app-tile{background:linear-gradient(135deg,#202020,#141414);border-radius:18px;padding:2.2rem 1.5rem 2rem;cursor:pointer;transition:all .2s ease,box-shadow .2s;text-align:left;border:1.5px solid #232946;display:flex;flex-direction:column;min-width:240px;max-width:280px;height:200px;box-shadow:0 4px 16px rgba(0,0,0,.18);position:relative;overflow:hidden;color:#fff;align-items:flex-start;justify-content:flex-start}.app-tile:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,160,255,.15),rgba(0,160,255,0));opacity:0;transition:opacity .3s ease}.app-tile.compact{padding:.75rem;display:flex;flex-direction:row;align-items:center;height:auto}.app-tile:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 12px 32px rgba(0,0,0,.28);border-color:#ff6b81}.app-tile:hover:before{opacity:1}.app-icon{font-size:2.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#2a2a2a,#202020);width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:all .3s ease;z-index:1;color:#00a0ff}.app-tile:hover .app-icon{background:linear-gradient(135deg,#202020,#141414);transform:scale(1.05);box-shadow:0 6px 12px rgba(0,0,0,.3)}.app-tile.compact .app-icon{font-size:1.5rem;margin-bottom:0;width:40px;height:40px;border-radius:8px;margin-right:1rem}.app-info{flex:1 1;display:flex;flex-direction:column;justify-content:center}.app-tile h3{margin:0 0 .75rem;font-size:1.25rem;color:#fff;font-weight:500}.app-tile p{margin:0;font-size:.875rem;color:#999;line-height:1.5}.new-app{border:2px dashed #2a2a2a}.new-app,.new-app:hover{background:linear-gradient(135deg,#202020,#141414)}.new-app:hover{border-color:#00a0ff}.new-app .app-icon{color:#666;font-size:2rem;background:linear-gradient(135deg,#2a2a2a,#202020)}.new-app:hover .app-icon{color:#00a0ff}.model-badge{background:#25252a;color:#dadadb;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;display:flex;align-items:center;gap:.5rem;margin-left:auto;border:1px solid #37383b}.model-badge:before{content:"";width:6px;height:6px;background-color:#00a0ff;border-radius:50%;display:inline-block}.chat-container{display:flex;flex-direction:column;height:100%;background:#25252a}.settings-controls{display:flex;gap:8px;padding:12px 16px;background:#2d2d32;border-bottom:1px solid #37383b}.settings-button{background:#25252a;border:1px solid #37383b;border-radius:6px;padding:6px 12px;color:#dadadb;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.settings-button:hover{background:#2d2d32;border-color:#444;color:#fff}.settings-button.active{background:#2d2d32;border-color:#00a0ff;color:#00a0ff}.attachment-button,.search-button{background:#25252a;border:1px solid #37383b;border-radius:6px;padding:8px;color:#dadadb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.attachment-button:hover,.search-button:hover{background:#2d2d32;border-color:#444;color:#fff}.attachment-button svg,.search-button svg{color:#dadadb;font-size:16px}.attachment-button:hover svg,.search-button:hover svg{color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#25252a}::-webkit-scrollbar-thumb{background:#37383b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}.landing-page{min-height:100vh;width:100vw;max-width:100vw;margin:0;padding:0 0 64px;overflow-y:auto;gap:40px;background:linear-gradient(135deg,#232946,#3b2f63 40%,#ff6b81)}.landing-hero-section,.landing-page{display:flex;flex-direction:column;align-items:center}.landing-hero-section{width:100%;max-width:480px;background:rgba(24,24,26,.72);gap:0;text-align:center;padding:32px 24px 24px;border-radius:22px;box-shadow:0 8px 40px rgba(0,0,0,.18);margin:0 auto 32px;border:1.5px solid hsla(0,0%,100%,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.landing-hero-logo{width:80px;height:80px;object-fit:contain;margin-bottom:12px;margin-top:48px}.landing-title{font-size:2.7rem;font-weight:900;color:#fff;letter-spacing:-.02em;margin-bottom:.5rem;text-align:center;margin-top:200px}.landing-page p{font-size:1.2rem;color:#e0e0e0;margin-bottom:18px;margin-top:0}.landing-chat-box{background:#18181a;border-radius:14px;padding:0;box-shadow:0 12px 48px 0 rgba(0,0,0,.32),0 2px 8px 0 rgba(0,0,0,.1);max-width:900px;gap:0;border:none}.landing-chat-box,.landing-chat-input-form{width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:stretch}.landing-chat-input-form{background:none;position:relative}.landing-chat-textarea{flex:1 1;padding:28px 32px 80px;border-radius:32px;border:none;font-size:1rem;font-family:JetBrains Mono,Fira Mono,Menlo,Consolas,monospace;outline:none;background:transparent;color:#fff;min-height:120px;max-height:260px;box-shadow:none;resize:none;margin:0;line-height:1.5;font-weight:500}.landing-chat-textarea::-webkit-input-placeholder{color:#b0b0b0;opacity:1;font-size:1rem;font-family:inherit;font-weight:400}.landing-chat-textarea::-moz-placeholder{color:#b0b0b0;opacity:1;font-size:1rem;font-family:inherit;font-weight:400}.landing-chat-textarea::-ms-input-placeholder{color:#b0b0b0;opacity:1;font-size:1rem;font-family:inherit;font-weight:400}.landing-chat-textarea::placeholder{color:#b0b0b0;opacity:1;font-size:1rem;font-family:inherit;font-weight:400}.landing-chat-textarea:focus{border:none;box-shadow:none;background:transparent}.landing-chat-send-btn{display:flex;align-items:center;justify-content:center;background:#232323;border:none;border-radius:50%;width:44px;height:44px;color:#fff;font-size:1.1rem;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:background .18s,box-shadow .18s,transform .18s,opacity .15s;outline:none;cursor:pointer;position:absolute;right:10px;bottom:8px;z-index:2}.landing-chat-send-btn svg{width:28px;height:28px}.landing-chat-send-btn:focus:not(:disabled),.landing-chat-send-btn:hover:not(:disabled){background:#ff6b81;box-shadow:0 4px 16px rgba(255,107,129,.18);transform:translateY(-2px) scale(1.09);opacity:.97}.landing-chat-send-btn:disabled{background:#333;color:#fff;cursor:not-allowed;box-shadow:none;opacity:.5}.landing-templates-section{margin-top:0;margin-bottom:32px}.landing-templates-pills{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:0}.landing-template-pill{background:#232323;color:#fff;border:none;border-radius:999px;padding:14px 28px;font-size:1.08rem;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;outline:none}.landing-template-pill:hover{background:#ff6b81;color:#fff;box-shadow:0 4px 16px rgba(255,107,129,.13)}.landing-features-section{width:100%;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px;background:#18181a;border-radius:24px;box-shadow:0 4px 32px rgba(0,0,0,.13);padding:40px 24px 32px}.landing-features-section h2{font-size:1.4rem;font-weight:700;margin-bottom:12px;letter-spacing:.01em}.landing-templates-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;width:100%;justify-items:center}.landing-template-card{background:#fff;border-radius:16px;box-shadow:0 2px 16px rgba(0,0,0,.1);padding:32px 24px 28px;min-width:240px;max-width:320px;min-height:170px;display:flex;flex-direction:column;align-items:center;gap:18px;transition:box-shadow .2s,transform .2s;cursor:pointer}.landing-template-card:hover{box-shadow:0 6px 32px rgba(255,107,129,.13);transform:translateY(-2px) scale(1.03)}.landing-template-title{font-size:1.13rem;font-weight:700;color:#222}.landing-template-desc{font-size:1rem;color:#555;text-align:center}.landing-template-btn{margin-top:8px;padding:10px 28px;border-radius:8px;border:none;background:#ff6b81;color:#fff;font-weight:700;font-size:1.08rem;cursor:pointer;transition:background .2s}.landing-template-btn:disabled{background:#ccc;cursor:not-allowed}.landing-feature-card{background:#fff;border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.07);padding:24px 20px;min-width:220px;max-width:260px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:box-shadow .2s,transform .2s;cursor:pointer}.landing-feature-card:hover{box-shadow:0 4px 24px rgba(255,107,129,.15);transform:translateY(-2px) scale(1.03)}.landing-feature-title{font-size:1.1rem;font-weight:600}.landing-feature-desc{font-size:.98rem;color:#666;text-align:center}.landing-feature-btn{margin-top:8px;padding:8px 20px;border-radius:8px;border:none;background:#ff6b81;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s}.landing-feature-btn:disabled{background:#ccc;cursor:not-allowed}.landing-feature-icon{font-size:2rem;margin-bottom:8px;color:#ff6b81}.storefront-highlight{background:linear-gradient(90deg,#ff6b81 10%,#ffb86c 60%,#6c63ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;letter-spacing:.01em;text-shadow:0 2px 12px rgba(255,107,129,.18)}.landing-subtitle{font-size:1.25rem;font-weight:700;color:#fff;text-align:center;margin-bottom:22px;margin-top:0;letter-spacing:.01em;text-shadow:0 2px 12px rgba(44,44,44,.12);background:linear-gradient(90deg,#fff 60%,#ffb86c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}@media(max-width:1100px){.landing-features-section,.landing-hero-section{max-width:96vw;padding-left:8vw;padding-right:8vw}.app-catalog{max-width:96vw}}@media(max-width:900px){.app-catalog{grid-auto-flow:row;grid-template-columns:1fr;grid-template-rows:none;justify-items:center}.app-tile{width:90vw;min-width:220px;max-width:340px}.landing-chat-box{max-width:98vw;padding:24px 4vw;border-radius:28px}.landing-chat-textarea{padding:18px 12px 70px;border-radius:18px;font-size:1.1rem;min-height:80px}.landing-chat-send-btn{width:44px;height:44px;right:12px;bottom:10px}}@media(max-width:700px){.landing-features-section,.landing-hero-section{padding:24px 4vw;border-radius:16px}.app-catalog{gap:18px!important;grid-auto-flow:row;grid-template-columns:1fr;grid-template-rows:none;justify-items:center}.app-tile{width:98vw;min-width:180px;max-width:98vw;padding:1.2rem .7rem}}@media(max-width:800px){.landing-chat-box{max-width:98vw;padding:18px 4vw;border-radius:20px}}@media(max-width:1000px){.landing-chat-box{max-width:98vw;padding:18px 2vw;border-radius:10px}}.loading-spinner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.spinner{width:24px;height:24px;animation:rotate 2s linear infinite}.path{stroke:#ff6b81;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.landing-chat-send-btn.loading{background:#ff6b81;transform:scale(.95)}.landing-chat-send-btn.loading:hover{transform:scale(.95)}
/*# sourceMappingURL=main.679c32c3.css.map*/