@font-face{font-family:__DM_Sans_0eeb07;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__DM_Sans_0eeb07;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__DM_Sans_0eeb07;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__DM_Sans_0eeb07;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__DM_Sans_0eeb07;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__DM_Sans_0eeb07;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__DM_Sans_0eeb07;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__DM_Sans_0eeb07;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__DM_Sans_Fallback_0eeb07;src:local("Arial");ascent-override:94.90%;descent-override:29.66%;line-gap-override:0.00%;size-adjust:104.53%}.__className_0eeb07{font-family:__DM_Sans_0eeb07,__DM_Sans_Fallback_0eeb07;font-style:normal}.__variable_0eeb07{--font-dm-sans:"__DM_Sans_0eeb07","__DM_Sans_Fallback_0eeb07"}:root{--color-bg:#faf8f5;--color-bg-warm:#f5f0e8;--color-surface:#fff;--color-surface-hover:#fefefe;--color-primary:#0d9488;--color-primary-hover:#0f766e;--color-primary-muted:rgba(13,148,136,.12);--color-accent:#c2410c;--color-accent-muted:rgba(194,65,12,.1);--color-text:#1c1917;--color-text-muted:#57534e;--color-text-hint:#78716c;--color-border:hsla(25,5%,45%,.2);--color-border-strong:hsla(25,5%,45%,.35);--color-success:#15803d;--color-warning:#a16207;--color-error:#b91c1c;--color-error-bg:#fef2f2;--shadow-sm:0 1px 3px rgba(28,25,23,.06);--shadow-md:0 4px 12px rgba(28,25,23,.08);--shadow-lg:0 12px 40px rgba(28,25,23,.1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition:0.2s ease}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-dm-sans),"DM Sans",system-ui,-apple-system,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}body{background:radial-gradient(140% 140% at 0 0,#fef7ed 0,var(--color-bg) 45%,#f0fdfa 100%);min-height:100vh}.page-shell{min-height:100vh;display:flex;align-items:stretch}.container{max-width:1200px;margin:0 auto;padding:2rem 2rem 3rem;width:100%}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.app-title-group{display:flex;flex-direction:column;gap:.5rem}.app-badge{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--color-primary-muted);color:var(--color-primary);border:1px solid rgba(13,148,136,.25);width:-moz-fit-content;width:fit-content}.app-header h1{font-size:1.85rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text);margin-bottom:.25rem}.app-subtitle{color:var(--color-text-muted);font-size:.95rem;max-width:520px;line-height:1.5}.status-pills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;align-items:center}.status-pill{font-size:.78rem;padding:.35rem .7rem;border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-muted);font-weight:500;box-shadow:var(--shadow-sm)}.card,.status-pill{background:var(--color-surface)}.card{border-radius:var(--radius-lg);padding:1.5rem 1.75rem;margin-bottom:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:box-shadow var(--transition),border-color var(--transition)}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-strong)}.card-muted{background:linear-gradient(145deg,#0d9488,#0f766e 50%,#134e4a);color:#f0fdfa;border:none;box-shadow:0 8px 24px rgba(13,148,136,.25)}.card-muted h2,.card-muted h3{color:#f0fdfa;font-weight:600}.card-muted .hint-text,.card-muted .side-panel-list li,.card-muted p{color:#ccfbf1}.card-muted .side-panel-dot{background:#fcd34d}.hint-text{font-size:.875rem;color:var(--color-text-hint);line-height:1.5}h1{font-size:1.85rem;margin-bottom:.5rem;color:var(--color-text);font-weight:700}h2{font-size:1.35rem;margin-bottom:.75rem}h2,h3{color:var(--color-text);font-weight:600}h3{font-size:1.1rem;margin-bottom:.6rem}.button{background:linear-gradient(180deg,var(--color-primary) 0,var(--color-primary-hover) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition);box-shadow:0 2px 8px rgba(13,148,136,.3)}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px rgba(13,148,136,.35)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{background:#a8a29e;cursor:not-allowed;box-shadow:none;opacity:.85}.button-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-sm)}.button-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-md)}.config-type-btn{flex:1 1 200px;min-width:200px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;border-radius:var(--radius-md);border:2px solid transparent;background:var(--color-surface);box-shadow:var(--shadow-sm);transition:all var(--transition);text-align:left}.config-type-btn:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.config-type-btn.selected{border-color:var(--color-primary);background:var(--color-primary-muted);box-shadow:0 0 0 1px var(--color-primary)}.config-type-buttons{display:flex;gap:1rem;flex-wrap:wrap}.config-type-icon{font-size:1.5rem;line-height:1}.config-type-btn small{opacity:.9;font-weight:500}.input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;margin-bottom:1rem;background:var(--color-surface);transition:border-color var(--transition),box-shadow var(--transition)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.select{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;margin-bottom:1rem;background:var(--color-surface)}.label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text);font-size:.9rem}.checkbox-container{display:flex;align-items:center;margin-bottom:1rem}.checkbox{width:20px;height:20px;margin-right:.5rem;cursor:pointer;accent-color:var(--color-primary)}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:1rem;gap:1rem;margin-top:1.25rem}.image-preview{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-border);background:var(--color-bg-warm);transition:box-shadow var(--transition),transform var(--transition)}.image-preview:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.image-preview img{width:100%;height:100%;object-fit:cover}.image-preview .remove-btn{position:absolute;top:6px;right:6px;background:rgba(185,28,28,.9);color:#fff;border:none;border-radius:var(--radius-full);width:26px;height:26px;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;line-height:1;transition:background var(--transition),transform var(--transition)}.image-preview .remove-btn:hover{background:#b91c1c;transform:scale(1.08)}.image-count{margin-top:1rem;font-size:.9rem;font-weight:500}.image-count.ready{color:var(--color-success)}.image-count.pending{color:var(--color-accent)}.button-upload{padding:.85rem 1.75rem;font-size:1rem}.result-image{width:100%;max-width:900px;max-height:80vh;border-radius:var(--radius-md);margin-top:1rem;box-shadow:var(--shadow-lg);object-fit:contain;display:block;margin-left:auto;margin-right:auto}.result-image.result-image-fit{max-width:100%;max-height:75vh;width:auto;height:auto;object-fit:contain;margin-top:0}.image-zoom-container{position:relative;margin-top:1rem;border-radius:var(--radius-md);background:var(--color-bg-warm);padding:1.25rem;border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.zoom-controls{gap:.5rem;margin-bottom:1rem;padding:.6rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.zoom-btn,.zoom-controls{display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border)}.zoom-btn{width:38px;height:38px;border-radius:var(--radius-sm);font-size:1.25rem;font-weight:600;cursor:pointer;transition:all var(--transition);color:var(--color-text)}.zoom-btn:hover:not(:disabled){background:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-primary)}.zoom-btn:disabled{opacity:.4;cursor:not-allowed}.zoom-level{min-width:56px;text-align:center;font-weight:600;font-size:.9rem}.zoom-level,.zoom-reset-btn{color:var(--color-text-muted)}.zoom-reset-btn{padding:.4rem .85rem;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition);margin-left:.5rem}.zoom-reset-btn:hover{background:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-primary)}.image-zoom-wrapper{text-align:center;border-radius:var(--radius-sm);background:var(--color-surface);padding:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.image-zoom-wrapper.image-result-fit{max-height:75vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.spinner{display:inline-block;width:1.1em;height:1.1em;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spinner .6s linear infinite;vertical-align:middle}.button .spinner,.spinner{margin-right:.5rem}@keyframes spinner{to{transform:rotate(1turn)}}.generating-fixed-layout{position:relative;width:100%;max-width:100%;margin-left:auto;margin-right:auto;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-warm)}.generating-fixed-layout img{display:block;width:100%;max-width:100%;height:auto;pointer-events:none;vertical-align:middle}.generating-bar-vertical-track{position:absolute;inset:0;pointer-events:none;z-index:2}.generating-bar-vertical{left:0;right:0;width:100%;height:56px;top:0;background:linear-gradient(180deg,transparent,rgba(34,197,94,.2) 20%,rgba(34,197,94,.75) 50%,rgba(22,163,74,.9) 0,rgba(34,197,94,.75) 80%,rgba(34,197,94,.2) 100%,transparent 0);filter:blur(2px);pointer-events:none}.generating-bar-vertical,.generating-bar-vertical:after{position:absolute;animation:generating-bar-up-down 2.2s ease-in-out infinite}.generating-bar-vertical:after{content:"";inset:-4px;background:linear-gradient(180deg,transparent,rgba(34,197,94,.15) 30%,rgba(34,197,94,.4) 50%,rgba(34,197,94,.15) 70%,transparent);filter:blur(10px);z-index:-1}@keyframes generating-bar-up-down{0%{top:0}50%{top:calc(100% - 56px)}to{top:0}}.loading-overlay{position:absolute;inset:0;background:hsla(36,33%,97%,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-radius:var(--radius-md);z-index:10}.loading-overlay.loading-overlay-bar-only{background:hsla(36,33%,97%,.15)}.loading-overlay .generating-bar-vertical-track{position:absolute;inset:0;z-index:1}.loading-overlay .generating-bar-vertical{height:48px}@keyframes generating-bar-up-down-overlay{0%{top:0}50%{top:calc(100% - 48px)}to{top:0}}.loading-overlay .generating-bar-vertical{animation:generating-bar-up-down-overlay 2.2s ease-in-out infinite}.loading-overlay .spinner{width:36px;height:36px;border-width:3px;margin-right:0;color:var(--color-primary);position:relative;z-index:2}.loading-overlay p{margin:0;font-weight:600;color:var(--color-text);position:relative;z-index:2;font-size:.9rem}.loading-card{text-align:center;padding:0;color:var(--color-text-muted);overflow:visible}.loading-card .loading-card-message{padding:1rem 1.5rem;background:transparent}.loading-card .spinner{width:32px;height:32px;border-width:2px;margin:0 auto .5rem;display:block;color:var(--color-primary)}.loading-card p{margin:0;font-size:.9rem}.layout-reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1rem}.layout-reference-card{position:relative;aspect-ratio:4/3;border-radius:var(--radius-md);overflow:hidden;border:3px solid var(--color-border);background:var(--color-bg-warm);cursor:pointer;padding:0;transition:all var(--transition)}.layout-reference-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.layout-reference-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-muted)}.layout-reference-card img{width:100%;height:100%;object-fit:cover;display:block}.layout-reference-badge{top:.5rem;background:var(--color-primary);font-size:.7rem;font-weight:700;padding:.25rem .5rem;white-space:nowrap}.layout-reference-badge,.layout-reference-num{position:absolute;left:50%;transform:translateX(-50%);color:#fff;border-radius:var(--radius-sm)}.layout-reference-num{bottom:.5rem;background:rgba(0,0,0,.65);font-size:.8rem;font-weight:600;padding:.2rem .5rem}.layout-locked-card{background:var(--color-primary-muted);border-color:rgba(13,148,136,.3);margin-bottom:1.25rem}.layout-locked-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.layout-locked-icon{font-size:1.5rem;line-height:1}.layout-locked-title{font-size:1rem;margin:0 0 .25rem;color:var(--color-primary);font-weight:700}.layout-locked-desc{font-size:.875rem;color:var(--color-text-muted);margin:0;line-height:1.45}.layout-locked-preview{width:100%;max-width:200px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--color-border);margin-bottom:1rem}.layout-locked-preview img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.status-pill-layout{background:var(--color-primary-muted);border-color:rgba(13,148,136,.35);color:var(--color-primary)}.before-after-section{margin-top:0;padding-top:0}.before-after-section.before-after-primary{margin-bottom:1.25rem}.result-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1rem}.before-after-heading{font-size:1.1rem;margin-bottom:.75rem;color:var(--color-text);font-weight:600}.before-after-slider{margin-top:0;width:100%;max-width:900px}.before-after-labels{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.before-after-label.before-label{color:var(--color-text)}.before-after-label.after-label{color:var(--color-primary)}.before-after-container{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-warm);aspect-ratio:4/3;max-height:90vh;min-height:320px;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.before-after-layer{position:absolute;inset:0}.before-after-layer img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.before-after-layer.after-layer{z-index:1;pointer-events:none}.before-after-handle{position:absolute;top:0;bottom:0;width:4px;margin-left:-2px;z-index:2;cursor:ew-resize;display:flex;align-items:center;justify-content:center;pointer-events:auto}.before-after-handle-line{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 4px rgba(0,0,0,.4)}.before-after-handle-grip{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border-strong)}.before-after-handle-arrows{font-size:1.5rem;font-weight:700;color:var(--color-text);letter-spacing:-.2em}.before-after-hint{margin-top:.5rem;font-size:.85rem;color:var(--color-text-hint);text-align:center}.loading{text-align:center;padding:2rem;color:var(--color-text-muted)}.error{background:var(--color-error-bg);color:var(--color-error);padding:1rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1rem;border:1px solid #fecaca;font-weight:500}.radio-group{margin-bottom:1.5rem}.radio-option{display:flex;align-items:center;margin-bottom:.75rem}.radio-option input[type=radio]{width:20px;height:20px;margin-right:.5rem;cursor:pointer;accent-color:var(--color-primary)}.radio-option label{cursor:pointer;margin-bottom:0}.form-group{margin-bottom:1rem}.button-group{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.side-panel{position:-webkit-sticky;position:sticky;top:1.5rem}.side-panel-section{margin-bottom:1.25rem}.side-panel-section:last-child{margin-bottom:0}.side-panel-list{list-style:none;padding-left:0;margin-top:.75rem}.side-panel-list li{font-size:.875rem;color:#ccfbf1;margin-bottom:.6rem;display:flex;align-items:flex-start;gap:.5rem;line-height:1.45}.side-panel-dot{width:6px;height:6px;border-radius:var(--radius-full);background:#fcd34d;margin-top:.5rem;flex-shrink:0}.step-label{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-hint);margin-bottom:.4rem}.step-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.step-number{font-size:.78rem;padding:.2rem .6rem;border-radius:var(--radius-full);background:var(--color-primary-muted);color:var(--color-primary);font-weight:600}.wizard-steps{justify-content:center;gap:0;margin-bottom:2rem;padding:0 1rem}.wizard-step-dot,.wizard-steps{display:flex;align-items:center}.wizard-step-dot{flex-direction:column;gap:.25rem;padding:.5rem 1rem;border-radius:var(--radius-md);background:var(--color-bg-warm);border:2px solid var(--color-border);transition:all var(--transition)}.wizard-step-dot.active,.wizard-step-dot.current{border-color:var(--color-primary);background:var(--color-primary-muted)}.wizard-step-dot.current{box-shadow:0 0 0 3px rgba(13,148,136,.2)}.wizard-step-num{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-border);color:var(--color-text-hint);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.wizard-step-dot.active .wizard-step-num{background:var(--color-primary);color:#fff}.wizard-step-name{font-size:.75rem;font-weight:600;color:var(--color-text-hint);text-transform:uppercase;letter-spacing:.05em}.wizard-step-dot.active .wizard-step-name{color:var(--color-primary)}.wizard-step-line{width:40px;height:2px;background:var(--color-border);flex-shrink:0;transition:background var(--transition)}.wizard-step-line.active{background:var(--color-primary)}.wizard-nav{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.wizard-nav-top{margin-top:0;margin-bottom:1rem}.wizard-page{margin-bottom:1.5rem}.color-palette-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem}.color-palette-card{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:all var(--transition);text-align:center}.color-palette-card:hover:not(:disabled){border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.color-palette-card.selected{border-color:var(--color-primary);background:var(--color-primary-muted);box-shadow:0 0 0 1px var(--color-primary)}.color-palette-visual{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.color-palette-icon{font-size:2.5rem;line-height:1}.color-palette-circles{position:relative;width:100%;height:100%}.color-palette-circle{position:absolute;width:44px;height:44px;border-radius:50%;top:50%;left:50%;box-shadow:0 1px 3px rgba(0,0,0,.15)}.color-palette-circle:first-child{transform:translate(calc(-50% - 14px),calc(-50% - 8px))}.color-palette-circle:nth-child(2){transform:translate(calc(-50% + 6px),calc(-50% - 12px))}.color-palette-circle:nth-child(3){transform:translate(calc(-50% - 4px),calc(-50% + 10px))}.color-palette-name{font-weight:700;font-size:.95rem;color:var(--color-text);margin-bottom:.2rem}.color-palette-desc{font-size:.8rem;color:var(--color-text-hint)}@media (max-width:640px){.color-palette-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:960px){.layout-grid{grid-template-columns:minmax(0,1fr)}.side-panel{position:static}.app-header{flex-direction:column;align-items:stretch}.status-pills{justify-content:flex-start}.container{padding:1.5rem 1.25rem 2rem}}@media (max-width:640px){.config-type-btn{min-width:100%}}