.sim-hero{background:linear-gradient(135deg,var(--blue) 0%,var(--dark) 100%);color:#fff;padding:3rem 2rem 2.5rem;text-align:center}.sim-hero__inner{max-width:640px;margin:0 auto}.eyebrow{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--magenta);margin-bottom:.6rem}.sim-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:.75rem}.sim-hero h1 strong{color:var(--magenta)}.sim-hero p{color:#ffffffa6;font-size:.95rem;line-height:1.65}.sim-page{background:var(--light);min-height:100vh}.sim-wrap{padding:2rem 1.5rem 4rem}.sim-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:520px 1fr;gap:2rem;align-items:start}.sim-left{position:sticky;top:1.5rem;display:flex;flex-direction:column;gap:1rem}.sim-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;background:#fff;border-radius:12px;padding:.35rem;border:1.5px solid #e4eaf5}.sim-tab{padding:.55rem .4rem;border:none;border-radius:8px;font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;background:transparent;color:var(--mid);transition:background .15s,color .15s}.sim-tab--active,.sim-tab:hover{background:var(--blue);color:#fff}.sim-preview{position:relative;border-radius:16px;overflow:hidden;background:#e8ecf4;aspect-ratio:4/3;border:2px solid #dde3f0}#sim-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:none;transition:opacity .3s}.sim-preview__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--mid)}.sim-preview__empty svg{opacity:.3}.sim-preview__empty p{font-size:.82rem;font-weight:500;opacity:.55}.sim-colorcard{display:flex;align-items:center;gap:1rem;background:#fff;border:1.5px solid #e4eaf5;border-radius:12px;padding:.85rem 1rem}.sim-colorcard__swatch{width:48px;height:48px;border-radius:8px;border:2px solid rgba(0,0,0,.08);flex-shrink:0;transition:background .25s}.sim-colorcard__info{flex:1;min-width:0}.sim-colorcard__name{display:block;font-weight:700;font-size:1rem;color:var(--blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sim-colorcard__meta{font-size:.75rem;color:var(--mid)}.sim-colorcard__link{font-size:.75rem;font-weight:700;color:var(--magenta);text-decoration:none;white-space:nowrap}.sim-colorcard__link:hover{text-decoration:underline}.sim-calc{background:#fff;border:1.5px solid #e4eaf5;border-radius:12px;overflow:hidden}.sim-calc summary{display:flex;align-items:center;gap:.5rem;padding:.85rem 1rem;font-weight:700;font-size:.85rem;color:var(--blue);cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sim-calc summary::-webkit-details-marker{display:none}.sim-calc summary:after{content:"›";margin-left:auto;font-size:1.1rem;transition:transform .2s}.sim-calc[open] summary:after{transform:rotate(90deg)}.sim-calc__body{padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.75rem}.sim-calc__row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.sim-calc__row label{display:flex;flex-direction:column;gap:.25rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--mid)}.sim-calc__row input,.sim-calc__row select{padding:.45rem .65rem;border:1.5px solid #dde3f0;border-radius:7px;font-family:inherit;font-size:.85rem;color:var(--blue);outline:none;transition:border-color .15s}.sim-calc__row input:focus,.sim-calc__row select:focus{border-color:var(--blue)}.sim-calc__btn{background:var(--blue);color:#fff;border:none;border-radius:8px;padding:.6rem 1rem;font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .15s}.sim-calc__btn:hover{background:var(--dark)}.sim-calc__result{display:flex;gap:1.5rem;padding:.75rem;background:var(--light);border-radius:8px;font-size:.85rem;color:var(--mid)}.sim-calc__result strong{color:var(--blue)}.sim-right{display:flex;flex-direction:column;gap:1rem}.sim-lines{display:flex;flex-wrap:wrap;gap:.4rem}.sim-line-btn{padding:.35rem .9rem;border:2px solid #dde3f0;border-radius:20px;background:#fff;font-family:inherit;font-size:.78rem;font-weight:600;color:var(--mid);cursor:pointer;transition:all .15s}.sim-line-btn:hover{border-color:var(--blue);color:var(--blue)}.sim-line-btn--active{background:var(--blue);border-color:var(--blue);color:#fff}.sim-search{display:flex;align-items:center;gap:.5rem;background:#fff;border:1.5px solid #dde3f0;border-radius:10px;padding:0 .85rem;transition:border-color .15s}.sim-search:focus-within{border-color:var(--blue)}.sim-search svg{color:var(--mid);flex-shrink:0}.sim-search input{flex:1;border:none;outline:none;padding:.65rem 0;font-family:inherit;font-size:.85rem;color:var(--blue);background:transparent}.sim-search input::-moz-placeholder{color:#aab4c8}.sim-search input::placeholder{color:#aab4c8}.sim-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px;max-height:420px;overflow-y:auto;padding:.75rem;background:#fff;border:1.5px solid #e4eaf5;border-radius:12px}.sim-grid::-webkit-scrollbar{width:6px}.sim-grid::-webkit-scrollbar-track{background:#f0f2f8;border-radius:3px}.sim-grid::-webkit-scrollbar-thumb{background:#c5cde0;border-radius:3px}.sim-swatch-btn{width:100%;aspect-ratio:1;background:var(--c);border:2.5px solid transparent;border-radius:6px;cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s;outline:none}.sim-swatch-btn:hover{transform:scale(1.15);border-color:#00000040;box-shadow:0 3px 8px #0003;z-index:1;position:relative}.sim-swatch-btn--active{border-color:var(--magenta)!important;box-shadow:0 0 0 3px #e31d9340;transform:scale(1.1)}.sim-count{font-size:.72rem;font-weight:600;color:var(--mid);text-align:right;padding-right:.25rem}@media (max-width: 1060px){.sim-inner{grid-template-columns:1fr}.sim-left{position:static}.sim-grid{max-height:280px}}@media (max-width: 500px){.sim-tabs{grid-template-columns:repeat(2,1fr)}.sim-calc__row{grid-template-columns:1fr}}