html,body,#root{height:100%;margin:0;padding:0;background:#fff;font-family:sans-serif}.container{display:flex}.sidebar{width:200px;background:#181818;color:#fff;padding:2rem 1rem;box-sizing:border-box}.content{flex:1;background:#fff;padding:2rem;box-sizing:border-box}.logo{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.logo-image{width:480px;max-width:90vw;height:auto;display:block}.logo h1{font-size:1.5rem;color:#fff;margin:0}.menu-title{font-size:1.2rem;color:#fff;margin-bottom:2rem;font-weight:700;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.15)}.menu{list-style:none;padding:0;margin:0;width:100%}.menu li{margin-bottom:1.1rem}.menu a{color:#fff;text-decoration:none;font-size:1rem;display:block;padding:.5rem .7rem;border-radius:6px;transition:background .2s,color .2s}.menu a:hover{background:#ffd70022;color:gold}.header{display:flex;justify-content:center;align-items:center;margin-bottom:3.5rem;padding:3rem 0 2.5rem;background-color:#fff;border-radius:14px;box-shadow:0 4px 16px #00000014}.header h1{font-size:2rem;color:#333;margin:0}section{margin-bottom:3rem;padding:2.2rem 2rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}h2{color:#222;margin-bottom:1.2rem;font-size:1.35rem}p{color:#555;line-height:1.7}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:2rem}.project-groups{display:flex;flex-direction:column;gap:2.5rem;margin-top:2rem}.project-group{background-color:#f8f9fa;border-radius:12px;padding:1.5rem;border-left:4px solid #ffd700}.group-title{color:#333;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600;border-bottom:2px solid #e9ecef;padding-bottom:.5rem}.group-projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.project-card{background-color:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s;border:1px solid #e9ecef}.project-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 6px 18px #00000029}.project-card h3{color:#333;margin-bottom:1rem;font-size:1.13rem}.project-card h4{color:#333;margin-bottom:.8rem;font-size:1.1rem;font-weight:600}.project-card p{color:#666;font-size:.95rem;line-height:1.6;margin:0}@media (max-width: 900px){.sidebar{width:48px;padding:1.2rem .2rem;align-items:center}.menu-title{font-size:.8rem;margin-bottom:1rem;writing-mode:vertical-rl;text-align:center;letter-spacing:.2em}.menu a{font-size:.8rem;padding:.4rem .1rem;text-align:center}.content{margin-left:60px;padding:2rem 2vw}.header{padding:2rem 0 1.5rem}.logo-image{width:160px}}.chat-space{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin:2rem 0;overflow:hidden;border:1px solid #e9ecef;max-width:100%}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.chat-header h3{margin:0;font-size:1.2rem;font-weight:600}.header-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.user-info{font-size:.9rem;opacity:.9}.connection-status{font-size:.8rem;padding:.25rem .5rem;border-radius:4px;font-weight:600}.connection-status.connected{background:#fff3;color:#4ade80}.connection-status.disconnected{background:#fff3;color:#f87171}.username-setup{padding:2rem 1.5rem;text-align:center;background:#f8f9fa}.username-setup form{display:flex;gap:1rem;max-width:400px;margin:0 auto}.username-input{flex:1;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.username-input:focus{outline:none;border-color:#667eea}.username-button{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;white-space:nowrap}.username-button:hover:not(:disabled){background:#5a6fd8}.username-button:disabled{background:#6c757d;cursor:not-allowed}.messages-container{height:400px;overflow-y:auto;padding:1rem 1.5rem;background:#f8f9fa}.no-messages{text-align:center;color:#6c757d;padding:2rem}.message{margin-bottom:1rem;padding:.75rem 1rem;border-radius:12px;max-width:80%;word-wrap:break-word}.system-message{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6;margin:.5rem auto;max-width:60%;text-align:center;font-style:italic;font-size:.9rem}.own-message{background:#667eea;color:#fff;margin-left:auto;border-bottom-right-radius:4px}.other-message{background:#fff;color:#333;border:1px solid #e9ecef;margin-right:auto;border-bottom-left-radius:4px}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem}.message-user{font-weight:600}.message-time{opacity:.7}.own-message .message-time{color:#fffc}.system-message .message-time{color:#adb5bd}.message-content{line-height:1.4}.message-form{display:flex;gap:.5rem;padding:1rem 1.5rem;background:#fff;border-top:1px solid #e9ecef}.message-input{flex:1;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.message-input:focus{outline:none;border-color:#667eea}.message-input:disabled{background:#f8f9fa;cursor:not-allowed}.send-button{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;white-space:nowrap}.send-button:hover:not(:disabled){background:#5a6fd8}.send-button:disabled{background:#6c757d;cursor:not-allowed}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.chat-space{margin:1rem 0}.chat-header{padding:.75rem 1rem}.chat-header h3{font-size:1.1rem}.header-info{gap:.2rem}.user-info{font-size:.8rem}.connection-status{font-size:.7rem}.username-setup{padding:1.5rem 1rem}.username-setup form{flex-direction:column}.messages-container{height:300px;padding:.75rem 1rem}.message{max-width:90%}.system-message{max-width:80%}.message-form{padding:.75rem 1rem}.message-input,.send-button{padding:.6rem .8rem;font-size:.9rem}}.content .chat-space{margin:2rem 0;width:100%}.gallery-main+.chat-space{margin-top:2rem}.message-reactions{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.reaction-button{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#fffc;border:1px solid #e9ecef;border-radius:12px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.reaction-button:hover{background:#ffffffe6;transform:scale(1.05)}.reaction-button.reacted{background:#667eea;color:#fff;border-color:#667eea}.reaction-emoji{font-size:1rem}.reaction-count{font-weight:600;min-width:1rem;text-align:center}.message-actions{position:relative;margin-top:.5rem}.reaction-picker-button{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.reaction-picker-button:hover{background:#fff3}.reaction-picker{position:absolute;bottom:100%;left:0;background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:.5rem;display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem;box-shadow:0 4px 12px #00000026;z-index:1000;margin-bottom:.5rem}.reaction-option{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.reaction-option:hover{background:#f8f9fa;transform:scale(1.1)}.system-message .message-actions{display:none}@media (max-width: 768px){.reaction-picker{grid-template-columns:repeat(4,1fr);font-size:1.2rem}.reaction-button{padding:.2rem .4rem;font-size:.7rem}.reaction-emoji{font-size:.9rem}}.gpts-container{max-width:1100px;margin:0 auto;padding:2rem 0 3rem}.gpts-header{text-align:center;margin-bottom:2.5rem}.gpts-header h1{font-size:2.1rem;margin-bottom:.5rem}.gpts-header p{color:#555;font-size:1.1rem}.section-title{font-size:1.3rem;margin-bottom:1.2rem;color:#1a1a1a;font-weight:700;position:relative;text-align:center;background:linear-gradient(90deg,#ffe066,#fffbe6);border-radius:8px;padding:.7em 0;box-shadow:0 2px 8px #ffe06614;display:block}.section-title:before,.section-title:after{display:none}.gpt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:2rem}.gpt-card{background:#fff;border-radius:14px;box-shadow:0 2px 12px #00000014;padding:2rem 1.2rem 1.5rem;display:flex;flex-direction:column;align-items:center;transition:box-shadow .2s,transform .2s}.gpt-card:hover{box-shadow:0 6px 24px #00000029;transform:translateY(-4px) scale(1.03)}.gpt-icon{font-size:2.2rem;margin-bottom:.7rem}.gpt-title{font-size:1.15rem;font-weight:700;margin-bottom:.5rem;color:#1a1a1a;text-align:center}.gpt-description{font-size:.98rem;color:#444;margin-bottom:.7rem;text-align:center}.gpt-features{list-style:none;padding:0;margin:0 0 1.1rem;width:100%}.gpt-features li{font-size:.93rem;color:#666;margin-bottom:.2rem;text-align:left;padding-left:1.1em;position:relative}.gpt-features li:before{content:"・";position:absolute;left:0;color:gold}@media (max-width: 700px){.gpts-container{padding:1rem 0 2rem}.gpt-grid{grid-template-columns:1fr;gap:1.2rem}.gpt-card{padding:1.2rem .7rem 1rem}}.gpts-2col-container{display:flex;max-width:1100px;margin:0 auto;background:#f8f9fb;border-radius:14px;box-shadow:0 2px 12px #00000014;min-height:600px}.gpts-menu{width:240px;background:#232323;color:#fff;border-radius:14px 0 0 14px;padding:2rem .5rem 2rem 1.2rem;display:flex;flex-direction:column;gap:1.5rem}.gpts-menu-series-title{font-size:1.08rem;font-weight:700;margin-bottom:.5rem;color:gold}.gpts-menu-item{background:none;border:none;color:#fff;font-size:1rem;padding:.4rem .7rem;margin-bottom:.2rem;border-radius:6px;width:100%;text-align:left;cursor:pointer;transition:background .18s,color .18s;display:flex;align-items:center;gap:.5em}.gpts-menu-item.selected,.gpts-menu-item:hover{background:#ffd70033;color:gold}.gpts-menu-gpt-icon{font-size:1.2em}.gpts-detail{flex:1;padding:2.5rem 2.5rem 2.5rem 2rem;background:#fff;border-radius:0 14px 14px 0;display:flex;flex-direction:column;justify-content:flex-start;min-width:0}.gpts-detail-header{margin-bottom:1.2rem}.gpts-detail-series{font-size:1.1rem;color:#888;margin-bottom:.2rem;display:block}.gpts-detail-title{font-size:1.5rem;color:#1a1a1a;margin:0 0 .5rem}.gpts-detail-desc{font-size:1.05rem;color:#444;margin-bottom:1.1rem}.gpts-detail-features{list-style:none;padding:0;margin:0 0 1.2rem}.gpts-detail-features li{font-size:.98rem;color:#666;margin-bottom:.2rem;padding-left:1.1em;position:relative}.gpts-detail-features li:before{content:"・";position:absolute;left:0;color:gold}.try-button{display:inline-block;background:gold;color:#222;font-weight:700;border-radius:6px;padding:.5em 1.3em;text-decoration:none;font-size:1rem;transition:background .2s,color .2s;box-shadow:0 1px 4px #00000014}.try-button:hover{background:#ffe066;color:#111}@media (max-width: 900px){.gpts-2col-container{flex-direction:column;min-height:unset}.gpts-menu{width:100%;border-radius:14px 14px 0 0;flex-direction:row;gap:2.5rem;padding:1.2rem .5rem 1.2rem .7rem;overflow-x:auto}.gpts-detail{border-radius:0 0 14px 14px;padding:1.5rem 1rem}}.gpt-buttons{display:flex;gap:.7em;margin-top:.5em}.post-button{display:inline-block;background:#e0e0e0;color:#333;font-weight:700;border-radius:6px;padding:.5em 1.1em;text-decoration:none;font-size:1rem;transition:background .2s,color .2s;box-shadow:0 1px 4px #0000000f}.post-button:hover{background:#ffd70044;color:#222}.twitter-timeline-section{margin-top:3rem;padding:2rem 0 3rem;background:#f8f9fb;border-radius:12px;box-shadow:0 2px 12px #0000000f;text-align:center}.twitter-timeline-placeholder{color:#888;font-size:1.1rem;padding:2em 0}.post-gallery-container{max-width:1100px;margin:0 auto;padding:2.5rem 0 3rem}.post-gallery-menu{font-size:1.1rem;color:#222;margin-bottom:1.2rem;font-weight:700}.post-gallery-title{font-size:1.3rem;margin-bottom:1.5rem;color:#1a1a1a}.post-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.post-gallery-card{background:#ffFffFfff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1rem;display:flex;align-items:center;justify-content:center}.post-gallery-card img{max-width:100%;border-radius:8px;object-fit:cover}.gallery-2col-container{display:flex;min-height:100vh;background:transparent;margin-left:0!important}.gallery-menu{width:270px;background:#181818;color:#fff;padding:2.5rem 1.2rem 2rem 0rem;display:flex;flex-direction:column;gap:2.2rem;margin-left:0}.gallery-menu-title{font-size:1.3rem;font-weight:700;margin-bottom:2.2rem;letter-spacing:.05em}.gallery-menu-group{margin-bottom:1.2rem}.gallery-menu-series{font-size:1.08rem;font-weight:700;margin-bottom:.5rem}.gallery-menu-item{background:none;border:none;color:#fff;font-size:1rem;padding:.4rem .7rem;margin-bottom:.2rem;border-radius:6px;width:100%;text-align:left;cursor:pointer;transition:background .18s,color .18s;display:block}.gallery-menu-item.selected,.gallery-menu-item:hover{background:gold;color:#222}.gallery-main{flex:1;background:#fff;border-radius:0;padding:3.5rem 3vw 3rem 3vw;min-width:0;display:flex;flex-direction:column}.gallery-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2.2rem;gap:2rem}.gallery-title{font-size:1.35rem;color:#222;margin:0 0 .5rem}.gallery-desc{color:#555;font-size:1.05rem}.gallery-buttons{display:flex;gap:1em}.gallery-btn{display:inline-block;background:gold;color:#222;font-weight:700;border-radius:6px;padding:.6em 1.5em;text-decoration:none;font-size:1rem;transition:background .2s,color .2s;box-shadow:0 1px 4px #00000014;border:none;cursor:pointer}.gallery-btn:hover{background:#ffe066;color:#111}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.gallery-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1rem;display:flex;align-items:center;justify-content:center}.gallery-card img{max-width:100%;border-radius:8px;object-fit:cover}@media (max-width: 900px){.gallery-2col-container{flex-direction:column;margin-left:-60px}.gallery-menu{width:100%;flex-direction:row;gap:2.5rem;padding:1.2rem .5rem 1.2rem 0rem;overflow-x:auto;margin-left:60px}.gallery-main{padding:1.5rem 1rem}}.gallery-2col-container~.content{padding-top:0!important}.category-menu{width:270px;background:#181818;color:#fff;padding:2.5rem 1.2rem 2rem 0rem;display:flex;flex-direction:column;gap:2.2rem}.carlife-api-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#fff;min-height:100vh}.api-header{text-align:center;margin-bottom:40px;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;box-shadow:0 10px 30px #0003}.api-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.api-header p{font-size:1.2rem;margin-bottom:20px;opacity:.9}.api-base-url{background:#ffffff1a;padding:15px;border-radius:10px;display:inline-block;font-family:Courier New,monospace}.api-base-url code{background:#fff3;padding:5px 10px;border-radius:5px;font-weight:700}.api-services{margin-bottom:50px}.api-services h2{font-size:2rem;margin-bottom:30px;color:#333;text-align:center}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-bottom:40px}.service-card{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;padding:30px;color:#fff;box-shadow:0 15px 35px #0000001a;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0003}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none}.service-icon{font-size:3rem;margin-bottom:20px;text-align:center}.service-card h3{font-size:1.5rem;margin-bottom:15px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.service-card p{font-size:1rem;line-height:1.6;margin-bottom:20px;opacity:.9}.service-features{margin-bottom:25px}.service-features h4{font-size:1.1rem;margin-bottom:10px;color:#ffffffe6}.service-features ul{list-style:none;padding:0}.service-features li{position:relative;padding:5px 0 5px 20px}.service-features li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.service-link{display:inline-block;background:#fff3;color:#fff;text-decoration:none;padding:12px 25px;border-radius:25px;font-weight:700;transition:all .3s ease;border:2px solid rgba(255,255,255,.3)}.service-link:hover{background:#ffffff4d;transform:scale(1.05);text-decoration:none;color:#fff}.api-documentation{margin-bottom:50px}.dev-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.info-section{background:linear-gradient(135deg,#a8edea,#fed6e3);padding:25px;border-radius:15px;box-shadow:0 5px 15px #0000001a}.info-section h3{color:#333;margin-bottom:15px;font-size:1.3rem}.info-section p{color:#555;line-height:1.6;margin:0}.api-examples{margin-bottom:50px}.api-examples h2{font-size:2rem;margin-bottom:30px;color:#333;text-align:center}.example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px}.example-card{background:linear-gradient(135deg,#667eea,#764ba2);padding:25px;border-radius:15px;color:#fff;box-shadow:0 10px 25px #0000001a}.example-card h3{margin-bottom:15px;font-size:1.3rem}.example-card pre{background:#0003;padding:15px;border-radius:8px;overflow-x:auto;font-size:.9rem;line-height:1.4;margin:0;white-space:pre-wrap;word-wrap:break-word}@media (max-width: 768px){.carlife-api-container{padding:15px}.api-header h1{font-size:2rem}.api-header p{font-size:1rem}.services-grid{grid-template-columns:1fr;gap:20px}.service-card{padding:20px}.dev-info,.example-grid{grid-template-columns:1fr}.example-card pre{font-size:.8rem}}.api-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(255,255,255,.2);color:#fff}.api-section h2{font-size:1.8rem;margin-bottom:1rem;color:#fff}.api-section p{margin-bottom:1.5rem;opacity:.9;color:#fff}.upload-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.file-input-wrapper{position:relative}.file-input-label{display:inline-block;padding:1rem 2rem;background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border-radius:10px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d}.file-input-label:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.image-preview{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:500px}.preview-image{width:100%;max-height:300px;object-fit:contain;border-radius:10px;box-shadow:0 4px 20px #0000004d}.analyze-button{padding:1rem 2rem;background:linear-gradient(45deg,#2196f3,#1976d2);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2196f34d}.analyze-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.error-message{background:#f4433633;border:1px solid rgba(244,67,54,.5);border-radius:10px;padding:1rem;margin:1rem 0;text-align:center;font-weight:700}.car-info-result{background:#ffffff1a;border-radius:10px;padding:1.5rem;margin-top:1.5rem;border:1px solid rgba(255,255,255,.2)}.car-info-result h3{margin-bottom:1rem;font-size:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.info-item{display:flex;justify-content:space-between;padding:.8rem;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.info-label{font-weight:700;opacity:.9}.info-value{font-weight:600;color:gold}.car-description{background:#ffffff0d;border-radius:8px;padding:1rem;border-left:4px solid #FFD700}.car-description h4{margin-bottom:.5rem;color:gold}.api-spec{background:#0003;border-radius:10px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.api-spec h3{color:#4caf50;margin-bottom:1rem;font-size:1.3rem}.api-spec p{margin-bottom:.8rem;line-height:1.6;color:#fff}.api-spec ul{margin:1rem 0;padding-left:1.5rem}.api-spec li{margin-bottom:.5rem;color:#fff}.api-spec code{background:#ffffff1a;padding:.2rem .5rem;border-radius:4px;font-family:Courier New,monospace;color:gold}.api-spec pre{background:#0000004d;border-radius:8px;padding:1rem;overflow-x:auto;font-family:Courier New,monospace;font-size:.9rem;line-height:1.4;color:#e8e8e8;border:1px solid rgba(255,255,255,.1)}.tire-wheel-input-section{background:#ffffff1a;padding:2rem;border-radius:15px;margin:2rem 0;border:1px solid rgba(255,255,255,.2)}.input-group{margin-bottom:1.5rem}.input-group label{display:block;color:#fff;font-weight:600;margin-bottom:.5rem;font-size:.95rem}.text-input{width:100%;padding:12px 16px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;transition:all .3s ease}.text-input:focus{outline:none;border-color:#4caf50;background:#ffffff26;box-shadow:0 0 10px #4caf504d}.text-input::placeholder{color:#fff9}.search-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;width:100%;max-width:200px}.search-button:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px);box-shadow:0 4px 15px #4caf504d}.search-button:disabled{background:#ffffff4d;cursor:not-allowed;transform:none;box-shadow:none}.tire-wheel-result{background:#ffffff1a;padding:2rem;border-radius:15px;margin:2rem 0;border:1px solid rgba(255,255,255,.2)}.vehicle-info-display{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.tire-wheel-info-display h4{color:#fff;margin-bottom:1.5rem;font-size:1.2rem}.size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.size-section{background:#ffffff0d;padding:1.5rem;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.size-section h5{color:#4caf50;margin-bottom:1rem;font-size:1.1rem;text-align:center;padding-bottom:.5rem;border-bottom:1px solid rgba(76,175,80,.3)}.size-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding:.5rem 0}.size-label{color:#fffc;font-weight:500;font-size:.9rem}.size-value{color:#fff;font-weight:600;font-size:1rem;background:#4caf5033;padding:4px 8px;border-radius:4px;border:1px solid rgba(76,175,80,.3)}.additional-info{background:#ffffff0d;padding:1.5rem;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.notes{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.notes .size-value{background:#ffc10733;border-color:#ffc1074d;color:#fff}@media (max-width: 768px){.size-grid{grid-template-columns:1fr;gap:1rem}.size-section{padding:1rem}.tire-wheel-input-section{padding:1.5rem}.size-item{flex-direction:column;align-items:flex-start;gap:.5rem}.size-value{align-self:stretch;text-align:center}}.vehicle-analysis-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#fff;min-height:100vh}.upload-section{margin-bottom:40px}.upload-card{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;padding:30px;color:#fff;box-shadow:0 15px 35px #0000001a;text-align:center}.upload-card h2{margin-bottom:25px;font-size:1.8rem;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.file-input-wrapper{margin-bottom:20px}.file-input{display:none}.file-input-label{display:inline-block;padding:15px 30px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:25px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .3s ease;color:#fff}.file-input-label:hover{background:#ffffff4d;transform:scale(1.05)}.image-preview{margin-top:20px}.preview-image{max-width:100%;max-height:400px;border-radius:15px;box-shadow:0 10px 25px #0003;margin-bottom:20px}.analyze-button{background:#ffffffe6;color:#f5576c;border:none;padding:15px 30px;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0003}.analyze-button:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.analyze-button:disabled{opacity:.7;cursor:not-allowed}.car-info-result{background:linear-gradient(135deg,#a8edea,#fed6e3);border-radius:20px;padding:30px;box-shadow:0 15px 35px #0000001a}.car-info-result h2{color:#333;margin-bottom:25px;font-size:1.8rem;text-align:center}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:25px}.info-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff80;padding:15px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.car-description{background:#ffffffb3;padding:20px;border-radius:15px;margin-top:20px}.car-description h3{color:#333;margin-bottom:10px}.car-description p{color:#555;line-height:1.6;margin:0}.feature-card{background:linear-gradient(135deg,#ffecd2,#fcb69f);border-radius:15px;padding:25px;text-align:center;box-shadow:0 10px 25px #0000001a;transition:transform .3s ease}@media (max-width: 768px){.vehicle-analysis-container{padding:15px}.page-header{padding:30px 15px}.page-header h1{font-size:2rem}.back-link{position:static;display:inline-block;margin-bottom:20px}.upload-card{padding:20px}.info-grid,.features-grid{grid-template-columns:1fr}.spec-section pre{font-size:.8rem}}.tire-wheel-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#fff;min-height:100vh}.page-header{text-align:center;margin-bottom:40px;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;box-shadow:0 10px 30px #0003;position:relative}.back-link{position:absolute;top:20px;left:20px;color:#ffffffe6;text-decoration:none;font-size:1rem;padding:8px 15px;border-radius:20px;background:#ffffff1a;transition:all .3s ease}.back-link:hover{background:#fff3;color:#fff;text-decoration:none}.page-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.page-header p{font-size:1.2rem;opacity:.9}.search-section{margin-bottom:40px}.search-card{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:20px;padding:30px;color:#fff;box-shadow:0 15px 35px #0000001a}.search-card h2{margin-bottom:25px;font-size:1.8rem;text-shadow:1px 1px 2px rgba(0,0,0,.2);text-align:center}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:25px}.input-group{display:flex;flex-direction:column}.input-group label{margin-bottom:8px;font-weight:700;font-size:1rem}.text-input{padding:12px 15px;border:none;border-radius:10px;font-size:1rem;background:#ffffffe6;color:#333;transition:all .3s ease}.text-input:focus{outline:none;background:#fff;box-shadow:0 0 10px #ffffff4d}.text-input::placeholder{color:#999}.button-group{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.search-button{background:#ffffffe6;color:#4facfe;border:none;padding:15px 30px;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0003}.search-button:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.search-button:disabled{opacity:.7;cursor:not-allowed}.clear-button{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:15px 30px;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.clear-button:hover{background:#ffffff4d;transform:scale(1.05)}.error-message{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;padding:20px;border-radius:15px;margin-bottom:30px;text-align:center;font-weight:700;box-shadow:0 5px 15px #ff6b6b4d}.no-results-message{background:linear-gradient(135deg,#ffa726,#ff9800);color:#fff;padding:25px;border-radius:15px;margin:20px 0;text-align:center;box-shadow:0 10px 25px #ffa7264d}.no-results-message h3{margin-bottom:15px;font-size:1.4rem}.no-results-message p{margin:10px 0;line-height:1.6}.no-results-message .suggestion{font-style:italic;opacity:.9}.no-results-message .search-info{font-size:.9rem;opacity:.8;margin-top:15px}.data-coverage-info{background:#ffffff1a;border-radius:10px;padding:15px;margin:15px 0;text-align:left}.data-coverage-info p{margin:0 0 10px;font-weight:700}.data-coverage-info ul{margin:0;padding-left:20px;list-style-type:disc}.data-coverage-info li{margin:5px 0;line-height:1.4}.results-section{margin-bottom:40px}.tire-wheel-result{background:linear-gradient(135deg,#a8edea,#fed6e3);border-radius:20px;padding:30px;box-shadow:0 15px 35px #0000001a}.tire-wheel-result h2{color:#333;margin-bottom:30px;font-size:1.8rem;text-align:center}.vehicle-info-display{margin-bottom:30px}.vehicle-info-display h3{color:#333;margin-bottom:15px;font-size:1.4rem}.vehicle-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.vehicle-info-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff80;padding:12px 15px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.tire-wheel-info-display h3{color:#333;margin-bottom:20px;font-size:1.4rem}.size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:25px}.size-section{background:#fff9;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000001a}.size-section.front{border-left:5px solid #4CAF50}.size-section.rear{border-left:5px solid #FF9800}.size-section h4{color:#333;margin-bottom:15px;font-size:1.2rem;text-align:center}.size-items{display:flex;flex-direction:column;gap:10px}.size-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#ffffffb3;border-radius:8px}.size-item.pcd{background:#fffc;padding:15px;border-radius:10px;font-weight:700}.info-label{font-weight:700;color:#555}.info-value{color:#333;font-weight:600}.size-label{font-weight:700;color:#555}.size-value{color:#333;font-weight:600}.additional-info{background:#ffffffb3;border-radius:15px;padding:20px;margin-top:20px}.notes{margin-top:15px;padding:15px;background:#fffc;border-radius:10px;border-left:4px solid #2196F3}.api-documentation{margin-bottom:40px}.api-documentation h2{font-size:2rem;margin-bottom:30px;color:#333;text-align:center}.api-spec{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:30px;color:#fff;box-shadow:0 15px 35px #0000001a}.api-spec h3{font-size:1.5rem;margin-bottom:20px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.spec-content{display:grid;gap:25px}.spec-section h4{color:gold;margin-bottom:10px;font-size:1.2rem}.spec-section p{margin-bottom:10px;opacity:.9;line-height:1.6}.spec-section ul{margin-left:20px;opacity:.9}.spec-section li{margin-bottom:5px}.spec-section pre{background:#0003;padding:15px;border-radius:10px;overflow-x:auto;font-size:.9rem;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;border:1px solid rgba(255,255,255,.1)}.examples-section{margin-bottom:40px}.examples-section h2{font-size:2rem;margin-bottom:30px;color:#333;text-align:center}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.example-card{background:linear-gradient(135deg,#ffecd2,#fcb69f);border-radius:15px;padding:25px;text-align:center;box-shadow:0 10px 25px #0000001a;transition:transform .3s ease}.example-card:hover{transform:translateY(-5px)}.example-card h3{color:#333;margin-bottom:15px;font-size:1.3rem}.example-input p{color:#555;margin:8px 0;text-align:left}.features-section{margin-bottom:40px}.features-section h2{font-size:2rem;margin-bottom:30px;color:#333;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.feature-card{background:linear-gradient(135deg,#d299c2,#fef9d7);border-radius:15px;padding:25px;text-align:center;box-shadow:0 10px 25px #0000001a;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:15px}.feature-card h3{color:#333;margin-bottom:10px;font-size:1.3rem}.feature-card p{color:#555;line-height:1.5;margin:0}@media (max-width: 768px){.tire-wheel-container{padding:15px}.page-header{padding:30px 15px}.page-header h1{font-size:2rem}.back-link{position:static;display:inline-block;margin-bottom:20px}.search-card{padding:20px}.input-grid{grid-template-columns:1fr}.button-group{flex-direction:column;align-items:center}.vehicle-info-grid,.size-grid,.examples-grid,.features-grid{grid-template-columns:1fr}.spec-section pre{font-size:.8rem}}