.tool-page{max-inline-size:1200px;margin-inline:auto;padding:clamp(1.5rem,4vw,3.5rem)}.tool-page-header{max-inline-size:760px;margin-block-end:2rem}.tool-eyebrow{color:var(--color-accent);font-size:var(--text-small);font-weight:800}.tool-page h1{color:var(--color-primary);font-size:clamp(2.2rem,6vw,4rem);line-height:var(--leading-tight);margin:.35rem 0 .75rem}.tool-lead{color:var(--color-text-secondary);font-size:var(--text-h3);line-height:var(--leading-relaxed)}.tool-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.tool-card{border:1px solid var(--color-border);border-block-start:5px solid var(--tool-accent);border-radius:var(--radius-xl);background:var(--color-bg-surface);min-block-size:250px;box-shadow:var(--shadow-lg);color:inherit;transition:transform var(--transition-spring), box-shadow var(--transition-spring);flex-direction:column;gap:.75rem;padding:clamp(1.4rem,3vw,2rem);text-decoration:none;display:flex}.tool-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.tool-card:focus-visible,.tool-destination-card:focus-visible,.tool-primary-action:focus-visible,.tool-secondary-link:focus-visible{outline:3px solid var(--color-link);outline-offset:3px}.tool-card-icon{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--tool-accent) 14%, var(--color-bg-surface));block-size:54px;inline-size:54px;color:var(--tool-accent);place-items:center;display:grid}.tool-card h2{color:var(--color-primary);margin:0;font-size:1.55rem}.tool-card p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.tool-card strong{color:var(--color-link);margin-block-start:auto}.tool-result-layout{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.tool-artwork-panel{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-surface);box-shadow:var(--shadow-lg);padding:1rem;position:sticky;inset-block-start:100px}.tool-artwork-preview{border-radius:var(--radius-lg);object-fit:contain;background:var(--color-bg-sunken);max-block-size:620px;inline-size:100%;display:block}.tool-artwork-panel p{color:var(--color-text-secondary);justify-content:space-between;gap:1rem;margin:.8rem 0 0;display:flex}.tool-destination-group{margin-block-start:1.5rem}.tool-destination-group h2{color:var(--color-primary);font-size:1.2rem}.tool-destination-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.tool-destination-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-surface);min-block-size:100px;color:var(--color-text-primary);text-align:start;cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast);padding:.9rem}.tool-destination-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.tool-destination-card:disabled{cursor:not-allowed;opacity:.55;transform:none}.tool-destination-card strong,.tool-destination-card span{display:block}.tool-destination-card strong{color:var(--color-primary);font-size:1.05rem}.tool-destination-card span{color:var(--color-text-muted);font-size:var(--text-small);margin-block-start:.2rem}.tool-primary-action{border-radius:var(--radius-pill);background:var(--color-action-primary);color:var(--color-on-primary);padding:.7rem 1.2rem;font-weight:800;text-decoration:none;display:inline-flex}.tool-secondary-link{color:var(--color-link);margin-block-start:1.5rem;font-weight:700;display:inline-flex}.tool-empty-state{text-align:center}@media (max-width:760px){.tool-card-grid,.tool-result-layout{grid-template-columns:1fr}.tool-artwork-panel{position:static}.tool-destination-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.tool-destination-grid{grid-template-columns:1fr}}