.tool-body{z-index:2;background:var(--pw-paper);padding:0 clamp(20px,6vw,64px) clamp(80px,12vh,140px);position:relative}.tool-inner{max-width:620px;margin:0 auto}.tool-form{flex-direction:column;gap:10px;display:flex}@media (min-width:560px){.tool-form{flex-direction:row}}.tool-input{border:1px solid var(--pw-line);background:var(--pw-surface);width:100%;color:var(--pw-ink);border-radius:14px;outline:none;padding:15px 18px;font-family:inherit;font-size:16px;transition:border-color .18s,box-shadow .18s}.tool-input:focus{border-color:var(--pw-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--pw-accent) 22%, transparent)}.tool-input::placeholder{color:var(--pw-muted)}.tool-input-mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px}.tool-submit{flex:none}@media (prefers-reduced-motion:reduce){.tool-input{transition:none}}.tool-card{border:1px solid var(--pw-line);background:var(--pw-surface);border-radius:18px;margin-top:24px;padding:clamp(20px,3vw,28px)}.tool-card-head{color:var(--pw-ink);font-family:Sentient,Georgia,serif;font-size:20px;font-weight:600;line-height:1.2}.tool-card-head[data-tone=accent]{color:var(--pw-accent)}.tool-note{color:var(--pw-muted);margin-top:8px;font-size:15px;line-height:1.6}.tool-link{color:var(--pw-accent);margin-top:12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.tool-link:hover{text-underline-offset:3px;text-decoration:underline}.tool-error{color:var(--pw-danger);margin-top:16px;font-size:15px}.tool-status{color:var(--pw-muted);margin-top:20px;font-size:15px}.tool-notice{border:1px solid color-mix(in srgb, var(--pw-accent) 30%, var(--pw-line));background:color-mix(in srgb, var(--pw-accent) 6%, var(--pw-surface));color:var(--pw-muted);border-radius:14px;margin-top:18px;padding:16px 18px;font-size:14.5px;line-height:1.6}.tool-panel{border:1px solid var(--pw-line);background:var(--pw-surface);border-radius:20px;margin-top:28px;padding:clamp(22px,3vw,30px)}.tool-field-label{color:var(--pw-muted);font-size:14px;display:block}.tool-field{border:1px solid var(--pw-line);background:var(--pw-paper);border-radius:14px;align-items:center;gap:4px;margin-top:8px;padding:0 14px;display:flex}.tool-field-sym{color:var(--pw-muted);font-size:19px}.tool-field input{width:100%;color:var(--pw-ink);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;padding:13px 6px;font-size:19px}.tool-figure{justify-content:space-between;align-items:baseline;gap:12px;margin-top:22px;display:flex}.tool-figure-label{color:var(--pw-muted)}.tool-figure-value{color:var(--pw-ink);font-variant-numeric:tabular-nums;font-family:Sentient,Georgia,serif;font-size:clamp(28px,4.5vw,40px);font-weight:600}.tool-fine{color:var(--pw-muted);margin-top:16px;font-size:13px;line-height:1.55}.tool-rows{flex-direction:column;gap:12px;margin-top:8px;display:flex}.tool-row{border:1px solid var(--pw-line);background:var(--pw-surface);border-radius:16px;padding:18px 20px}.tool-row-top{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.tool-row-name{color:var(--pw-ink);font-weight:600}.tool-row-range{color:var(--pw-ink);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.tool-row-note{color:var(--pw-muted);margin-top:6px;font-size:14.5px;line-height:1.55}.tool-row-hi{border-color:color-mix(in srgb, var(--pw-accent) 45%, var(--pw-line));background:color-mix(in srgb, var(--pw-accent) 7%, var(--pw-surface))}.tool-row-hi .tool-row-name,.tool-row-hi .tool-row-range{color:var(--pw-accent)}.pg-mascot-wrap{width:fit-content;margin:0 auto;position:relative}.pg-mascot-glow{z-index:0;pointer-events:none;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--pw-accent) 32%, transparent), transparent 70%);filter:blur(14px);border-radius:50%;width:74%;height:26%;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.pg-mascot{z-index:1;width:clamp(128px,17vw,184px);height:auto;filter:drop-shadow(0 20px 26px color-mix(in srgb, var(--pw-accent) 32%, transparent));animation:5.2s ease-in-out infinite pgfloat;display:block;position:relative}.pg-mascot-sm{width:clamp(88px,20vw,108px)}@keyframes pgfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}@media (prefers-reduced-motion:reduce){.pg-mascot{animation:none}}.cap-form{flex-direction:column;gap:10px;display:flex}@media (min-width:560px){.cap-form{flex-direction:row;justify-content:center}}.cap-input{max-width:340px}.cap-done{color:var(--pw-accent);font-weight:600}.brand-h2{letter-spacing:-.015em;color:var(--pw-ink);margin-top:clamp(40px,6vh,56px);font-family:Sentient,Georgia,serif;font-size:clamp(20px,2.2vw,25px);font-weight:600}.brand-p{color:var(--pw-muted);margin-top:10px;font-size:clamp(15.5px,1.6vw,17px);line-height:1.65}.brand-p strong{color:var(--pw-ink);font-weight:600}.brand-swatches{grid-template-columns:1fr;gap:12px;margin-top:16px;display:grid}@media (min-width:560px){.brand-swatches{grid-template-columns:1fr 1fr}}.brand-swatch{border:1px solid var(--pw-line);background:var(--pw-surface);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.brand-chip{border:1px solid var(--pw-line);border-radius:10px;flex:none;width:40px;height:40px}.brand-swatch-name{color:var(--pw-ink);font-weight:600}.brand-hex{color:var(--pw-muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px}.brand-swatch-use{color:var(--pw-muted);font-size:13.5px}.brand-box{border:1px solid var(--pw-line);background:var(--pw-surface);color:var(--pw-muted);border-radius:16px;margin-top:14px;padding:18px 20px;font-size:15px;line-height:1.65}