@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap);input[data-v-260eebc5],input[data-v-2f131742],input[data-v-34a06778]{position:absolute;left:0;top:0;opacity:0;width:.1px;height:.1px;border:2px solid red}.outlined-card[data-v-264e8957]{border-left:1px solid #000;border-top:1px solid #000;border-right:3px solid #000;border-bottom:3px solid #000}.chat-container[data-v-a60c8eb2]{overflow-y:auto;height:calc(100vh - 350px)}.chat[data-v-a60c8eb2],.system[data-v-a60c8eb2]{padding:10px;background:#e8e8e8;border-radius:10px;align-self:flex-start;max-width:80%}.chat span[data-v-a60c8eb2],.system span[data-v-a60c8eb2]{font-size:9pt}.user[data-v-a60c8eb2]{padding:10px;background:#e8e8e8;align-self:flex-end;border-radius:10px;max-width:80%}.user span[data-v-a60c8eb2]{font-size:9pt}.sticky[data-v-a60c8eb2]{position:sticky;bottom:0;background:#fff}.chosen[data-v-35edbbc1]{outline:2px solid blue}.largetext[data-v-3004d0e6]{font-size:24px}.mediumtext[data-v-3004d0e6]{font-size:18px}.textbox[data-v-3004d0e6]{display:flex;gap:100px;max-width:1100px}.imagebox[data-v-3004d0e6]{display:grid;grid-template-columns:1fr 1fr;max-width:1100px}h2[data-v-3004d0e6]{font-size:56px;font-weight:700;line-height:1;margin-bottom:10px}h3[data-v-3004d0e6]{font-size:32px;font-weight:700;line-height:1;margin-bottom:25px}@media(max-width:768px){h2[data-v-3004d0e6]{font-size:40px}h3[data-v-3004d0e6]{margin-bottom:10px;font-size:24px}.largetext[data-v-3004d0e6]{font-size:20px}.mediumtext[data-v-3004d0e6]{font-size:16px}}.responsive-grid[data-v-3004d0e6]{display:grid;grid-template-columns:1fr 1fr;min-height:450px}@media(max-width:768px){.responsive-grid[data-v-3004d0e6]{grid-template-columns:1fr}.responsive-grid.reverse[data-v-3004d0e6]{display:flex;flex-direction:column-reverse;grid-template-columns:unset}}h1[data-v-3004d0e6]{font-size:52px;font-weight:600}[data-v-3004d0e6]{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.benchmark-phone[data-v-3004d0e6]{position:relative;width:18vw;max-width:220px;min-width:120px;transition:transform .3s,filter .3s;display:block;isolation:isolate}.benchmark-phone-0[data-v-3004d0e6]{z-index:1;transform:scale(.85) translateY(20px) translateX(150px)}.benchmark-phone-1[data-v-3004d0e6]{z-index:2;transform:scale(.92) translateY(10px) translateX(50px)}.benchmark-phone-2[data-v-3004d0e6]{z-index:3;transform:scale(1) translateY(0)}.benchmark-phone-3[data-v-3004d0e6]{z-index:2;transform:scale(.92) translateY(10px) translateX(-50px)}.benchmark-phone-4[data-v-3004d0e6]{z-index:1;transform:scale(.85) translateY(20px) translateX(-150px)}.benchmark-iphone-img[data-v-3004d0e6]{width:100%;height:auto;max-height:40vh;z-index:3;position:relative;display:block}.benchmark-ah-img[data-v-3004d0e6]{position:absolute;top:3%;left:5%;right:5%;bottom:3%;overflow:hidden;border-radius:5%;z-index:2;display:block}.benchmark-ah-img img[data-v-3004d0e6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;display:block}.color-palette-container[data-v-0e3b0e8e]{max-width:1200px;margin:0 auto;padding:20px}.header[data-v-0e3b0e8e]{text-align:center;margin-bottom:30px}.controls[data-v-0e3b0e8e]{display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:center;margin-bottom:30px;padding:20px;background:var(--bg-secondary,#f8f9fa);border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.input-group[data-v-0e3b0e8e]{display:flex;gap:10px;align-items:center}button[data-v-0e3b0e8e],input[data-v-0e3b0e8e],select[data-v-0e3b0e8e]{height:44px;padding:0 16px;border:1px solid var(--border-color,#dee2e6);border-radius:8px;font-size:14px;background:var(--bg-primary,#fff);color:var(--text-primary,#212529);transition:all .2s ease}input[data-v-0e3b0e8e]:focus,select[data-v-0e3b0e8e]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.25)}button[data-v-0e3b0e8e]{background:#007bff;color:#fff;border:none;cursor:pointer;font-weight:500}button[data-v-0e3b0e8e]:hover{background:#0056b3}button[data-v-0e3b0e8e]:active{transform:translateY(1px)}.dark-mode-toggle[data-v-0e3b0e8e]{background:var(--text-secondary,#6c757d);margin-left:auto}.palette-container[data-v-0e3b0e8e]{margin-bottom:30px}.palette-row[data-v-0e3b0e8e]{margin-bottom:30px;padding:20px;background:var(--bg-secondary,#f8f9fa);border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.palette-header[data-v-0e3b0e8e]{display:flex;align-items:center;gap:15px;margin-bottom:20px}.base-color-indicator[data-v-0e3b0e8e]{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-color,#dee2e6)}.palette-name[data-v-0e3b0e8e]{background:transparent;border:none;font-size:16px;font-weight:600;color:var(--text-primary,#212529);border-bottom:1px solid transparent;padding:4px 0}.palette-name[data-v-0e3b0e8e]:hover{border-bottom-color:var(--border-color,#dee2e6)}.base-color-text[data-v-0e3b0e8e]{font-size:12px;color:var(--text-secondary,#6c757d);font-family:monospace}.remove-palette[data-v-0e3b0e8e]{background:#dc3545;margin-left:auto;padding:8px 12px;font-size:12px;height:auto}.color-grid[data-v-0e3b0e8e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.color-grid.row-view[data-v-0e3b0e8e]{display:flex;overflow-x:auto;gap:15px;padding-bottom:10px}.color-grid.row-view .color-swatch[data-v-0e3b0e8e]{min-width:120px;flex-shrink:0}.color-grid.column-view[data-v-0e3b0e8e]{display:flex;flex-direction:column;gap:8px}.color-swatch[data-v-0e3b0e8e]{cursor:pointer;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s ease}.color-swatch[data-v-0e3b0e8e]:hover{transform:translateY(-2px)}.color-preview[data-v-0e3b0e8e]{height:80px;width:100%}.color-info[data-v-0e3b0e8e]{padding:12px;background:var(--bg-primary,#fff)}.color-name[data-v-0e3b0e8e]{font-weight:600;font-size:12px;margin-bottom:4px;color:var(--text-primary,#212529)}.color-value[data-v-0e3b0e8e]{font-family:Courier New,monospace;font-size:11px;color:var(--text-secondary,#6c757d);word-break:break-all}.json-output[data-v-0e3b0e8e]{margin-top:30px}.json-header[data-v-0e3b0e8e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.json-textarea[data-v-0e3b0e8e]{width:100%;height:300px;padding:16px;border:1px solid var(--border-color,#dee2e6);border-radius:8px;font-family:Courier New,monospace;font-size:12px;background:var(--bg-primary,#fff);color:var(--text-primary,#212529);resize:vertical}.copy-feedback[data-v-0e3b0e8e]{position:fixed;top:20px;right:20px;background:#28a745;color:#fff;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;z-index:1000;transform:translateX(100%);transition:transform .3s ease}.copy-feedback.show[data-v-0e3b0e8e]{transform:translateX(0)}@media (max-width:768px){.controls[data-v-0e3b0e8e]{flex-direction:column}.input-group[data-v-0e3b0e8e]{width:100%;justify-content:center}.color-grid[data-v-0e3b0e8e]{grid-template-columns:repeat(2,1fr)}}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--text-primary:#212529;--text-secondary:#6c757d;--border-color:#dee2e6;--shadow:0 2px 4px rgba(0,0,0,.1)}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--text-primary:#fff;--text-secondary:#b0b0b0;--border-color:#404040;--shadow:0 2px 4px rgba(0,0,0,.3)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:all .3s ease}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.subtitle{font-size:10pt;max-width:500px;text-align:start}