.device-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:180px;margin-bottom:var(--spacing-5);overflow:hidden;border-radius:var(--border-radius-lg);background:radial-gradient(circle at 50% 40%,rgba(37,99,235,.16),transparent 58%),linear-gradient(135deg,#f8fbff,#eef6ff);border:1px solid #dbeafe}.device-visual__halo{position:absolute;width:210px;height:210px;border-radius:50%;background:#2563eb14}.device-visual__appliance{position:relative;width:150px;height:118px;border-radius:22px;background:linear-gradient(180deg,#fff,#e8f1ff);border:2px solid #bfdbfe;box-shadow:0 18px 40px #2563eb38;display:flex;align-items:center;justify-content:center}.device-visual__plug{position:absolute;right:-34px;top:42px;width:34px;height:26px;border:4px solid #2563eb;border-left:0;border-radius:0 12px 12px 0}.device-visual__plug:before,.device-visual__plug:after{content:"";position:absolute;right:-13px;width:10px;height:3px;background:#2563eb;border-radius:3px}.device-visual__plug:before{top:5px}.device-visual__plug:after{bottom:5px}.device-visual__screen{width:108px;height:70px;border-radius:14px;background:#0f172a;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:inset 0 0 0 1px #ffffff14}.device-visual__screen span{color:#93c5fd;font-size:var(--font-size-sm);font-weight:700}.device-visual__screen strong{font-size:var(--font-size-lg);line-height:1}.device-visual__bolt{position:absolute;left:-18px;top:-18px;width:46px;height:46px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.35rem;box-shadow:0 10px 24px #2563eb59}.result-hero{margin-bottom:var(--spacing-6)}.result-hero__badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);background:#dcfce7;color:#166534;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-4)}.result-hero__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.stat-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-5);text-align:center}.stat-card--primary{background:var(--color-primary);border-color:var(--color-primary)}.stat-card--primary .stat-card__label,.stat-card--primary .stat-card__sub{color:#ffffffbf}.stat-card--primary .stat-card__value{color:#fff}.stat-card__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-1)}.stat-card__value{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-primary);line-height:1.1}.stat-card__sub{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-1)}.result-sections{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-5)}.result-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-5)}.result-section__header{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-4);text-transform:uppercase;letter-spacing:.05em}.cost-breakdown{display:flex;flex-direction:column;gap:var(--spacing-4)}.cost-breakdown__item{display:flex;flex-direction:column;gap:var(--spacing-2)}.cost-breakdown__label{display:flex;justify-content:space-between;font-size:var(--font-size-sm)}.cost-breakdown__label span:first-child{color:var(--color-text-secondary)}.cost-breakdown__label span:last-child{font-weight:600;color:var(--color-text)}.cost-breakdown__detail{font-size:var(--font-size-xs);color:var(--color-text-muted)}.cost-bar{height:8px;background:var(--color-bg);border-radius:4px;overflow:hidden}.cost-bar__fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#60a5fa);border-radius:4px}.input-recap{display:flex;flex-direction:column;gap:var(--spacing-3)}.input-recap__item{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm)}.input-recap__icon{color:var(--color-primary);flex-shrink:0}.input-recap__label{flex:1;color:var(--color-text-secondary)}.input-recap__value{font-weight:600;color:var(--color-text)}.result-note{display:flex;gap:var(--spacing-3);align-items:flex-start;padding:var(--spacing-4);background:var(--color-bg-secondary);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.result-note svg{flex-shrink:0;color:var(--color-text-muted);margin-top:2px}.result-note strong{color:var(--color-text)}@media (max-width: 768px){.result-hero__stats,.result-sections{grid-template-columns:1fr}}.energy-tool[data-astro-cid-irs54yys]{max-width:900px;margin:0 auto}.tool-hero[data-astro-cid-irs54yys]{text-align:center;padding:var(--spacing-8) var(--spacing-4);margin-bottom:var(--spacing-6);background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg));border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.eyebrow[data-astro-cid-irs54yys]{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);background:#dcfce7;color:#166534;border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-3)}.tool-hero[data-astro-cid-irs54yys] h1[data-astro-cid-irs54yys]{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-3)}.tool-hero[data-astro-cid-irs54yys] p[data-astro-cid-irs54yys]{color:var(--color-text-secondary);font-size:var(--font-size-lg);max-width:520px;margin:0 auto}.brand-presets[data-astro-cid-irs54yys]{margin-bottom:var(--spacing-4)}.presets-label[data-astro-cid-irs54yys]{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600;margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.05em}.presets-scroll[data-astro-cid-irs54yys]{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.preset-chip[data-astro-cid-irs54yys]{padding:var(--spacing-1) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--border-radius-full);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:500;transition:var(--transition-fast)}.preset-chip[data-astro-cid-irs54yys]:hover{border-color:var(--color-primary);color:var(--color-primary)}.tool-form-card[data-astro-cid-irs54yys]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-8);margin-bottom:var(--spacing-6)}.tool-form[data-astro-cid-irs54yys]{display:flex;flex-direction:column;gap:var(--spacing-5)}.form-grid[data-astro-cid-irs54yys]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.form-group[data-astro-cid-irs54yys]{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group[data-astro-cid-irs54yys] label[data-astro-cid-irs54yys]{font-weight:500;font-size:var(--font-size-sm)}.form-group[data-astro-cid-irs54yys] input[data-astro-cid-irs54yys]{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-base)}.form-group[data-astro-cid-irs54yys] input[data-astro-cid-irs54yys]:focus{outline:none;border-color:var(--color-border-focus)}.form-hint[data-astro-cid-irs54yys]{color:var(--color-text-muted);font-size:var(--font-size-xs)}.example-row[data-astro-cid-irs54yys]{display:flex;gap:var(--spacing-2);flex-wrap:wrap;align-items:center}.example-row[data-astro-cid-irs54yys] span[data-astro-cid-irs54yys]{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500}.example-chip[data-astro-cid-irs54yys]{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--border-radius-full);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm)}.example-chip[data-astro-cid-irs54yys]:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-primary[data-astro-cid-irs54yys]{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-4) var(--spacing-8);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:600;cursor:pointer}.btn-primary[data-astro-cid-irs54yys]:hover{background:var(--color-primary-hover)}.result-box[data-astro-cid-irs54yys],.error-box[data-astro-cid-irs54yys]{margin:var(--spacing-6) max(10px,1%) var(--spacing-6);border-radius:var(--border-radius-lg)}.result-box[data-astro-cid-irs54yys]{background:var(--color-bg);border:1px solid var(--color-border);padding:var(--spacing-6)}.error-box[data-astro-cid-irs54yys]{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:var(--spacing-4)}.tool-info[data-astro-cid-irs54yys]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-6);margin:var(--spacing-6) max(10px,1%) var(--spacing-6)}.tool-info[data-astro-cid-irs54yys] h2[data-astro-cid-irs54yys]{font-size:var(--font-size-lg);margin-bottom:var(--spacing-4)}.info-grid[data-astro-cid-irs54yys]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.info-card[data-astro-cid-irs54yys]{display:flex;gap:var(--spacing-3);align-items:flex-start}.info-icon[data-astro-cid-irs54yys]{flex-shrink:0;color:var(--color-primary);margin-top:2px}.info-card[data-astro-cid-irs54yys] strong[data-astro-cid-irs54yys]{display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.info-card[data-astro-cid-irs54yys] p[data-astro-cid-irs54yys]{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}@media (max-width: 768px){.form-grid[data-astro-cid-irs54yys],.info-grid[data-astro-cid-irs54yys]{grid-template-columns:1fr}}