.pixel-converter-page{min-height:100vh}.hero-container{padding-top:var(--spacing-5xl);padding-bottom:var(--spacing-3xl);position:relative;z-index:1}.page-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.page-title{margin:0;text-align:center}.page-subtitle{margin:0;max-width:640px;text-align:center}.workspace-section{padding-bottom:var(--spacing-xl)}.converter-card{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg);animation:fade-in-up .5s ease;border:1px solid var(--theme-hairline);position:relative;overflow:hidden}.converter-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-gradient-develop-start),var(--color-gradient-develop-end),var(--color-gradient-preview-start),var(--color-gradient-preview-end));background-size:300% 100%;animation:gradient-shift 6s ease infinite}.converter-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.dpi-selector{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.dpi-label{font-size:11px;font-weight:600;color:var(--theme-mute);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-mono)}.dpi-presets{display:flex;gap:4px;background:var(--theme-canvas-soft-2);border-radius:var(--radius-pill);padding:3px;border:1px solid var(--theme-hairline)}.dpi-btn{padding:6px 14px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--theme-body);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.dpi-btn:hover{color:var(--theme-ink)}.dpi-btn.is-active{background:var(--theme-canvas);color:var(--theme-ink);box-shadow:var(--shadow-level-2)}.dpi-custom-wrap{position:relative}.dpi-custom-input{width:80px;height:34px;padding:0 10px;border:1px solid var(--theme-hairline);border-radius:var(--radius-pill);background:var(--theme-canvas-soft);color:var(--theme-ink);font-family:var(--font-sans);font-size:13px;font-weight:500;outline:none;transition:border-color .15s ease,box-shadow .15s ease;-moz-appearance:textfield}.dpi-custom-input::-webkit-outer-spin-button,.dpi-custom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dpi-custom-input:focus{border-color:var(--color-link);box-shadow:0 0 0 3px var(--color-link-bg-soft);background:var(--theme-canvas)}.dpi-custom-input::placeholder{color:var(--theme-mute);font-size:12px}.converter-body{display:flex;flex-direction:column;gap:var(--spacing-lg)}.converter-inputs{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-sm);align-items:start}.conv-input-group{display:flex;flex-direction:column;gap:6px}.conv-input-group[data-unit=cm]{grid-column:1}.conv-input-group[data-unit=in]{grid-column:3}.conv-label{font-size:12px;font-weight:600;color:var(--theme-mute);text-transform:uppercase;letter-spacing:.5px}.conv-input-wrap{position:relative;display:flex;align-items:center}.conv-input{width:100%;height:52px;padding:0 90px 0 var(--spacing-md);border:1.5px solid var(--theme-hairline);border-radius:var(--radius-md);background:var(--theme-canvas-soft);color:var(--theme-ink);font-family:var(--font-sans);font-size:20px;font-weight:600;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;-moz-appearance:textfield}.conv-input::-webkit-outer-spin-button,.conv-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.conv-input:focus{border-color:var(--color-link);box-shadow:0 0 0 3px var(--color-link-bg-soft);background:var(--theme-canvas)}.conv-input:focus+.conv-unit-badge{color:var(--color-link)}.conv-unit-badge{position:absolute;right:44px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;color:var(--theme-mute);background:var(--theme-canvas-soft-2);padding:3px 8px;border-radius:var(--radius-xs);pointer-events:none;transition:color .15s ease}.conv-copy-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--theme-mute);cursor:pointer;transition:all .2s ease}.conv-copy-btn:hover{background:var(--theme-canvas-soft-2);color:var(--theme-ink)}.conv-copy-btn.is-copied{color:var(--color-success)}.conv-arrow{display:flex;align-items:center;justify-content:center;padding-top:28px;color:var(--theme-mute)}.converter-info{padding:var(--spacing-md);background:var(--theme-canvas-soft-2);border-radius:var(--radius-md);border:1px solid var(--theme-hairline);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.info-summary{display:flex;align-items:center;gap:var(--spacing-xs)}.info-dpi-label{font-size:13px;color:var(--theme-mute)}.info-dpi-value{font-size:14px;font-weight:700;color:var(--color-link);font-family:var(--font-mono);background:var(--color-link-bg-soft);padding:2px 10px;border-radius:var(--radius-pill)}.info-detail-row{display:flex;align-items:center;gap:var(--spacing-lg)}.info-detail-item{font-size:12px;color:var(--theme-mute)}.info-detail-item code{font-family:var(--font-mono);font-size:12px;color:var(--theme-ink);background:var(--theme-canvas);padding:2px 6px;border-radius:var(--radius-xs);border:1px solid var(--theme-hairline)}.quick-ref-section{padding-block:var(--spacing-xl)}.quick-ref-inner{max-width:800px;margin:0 auto}.quick-ref-title{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md)}.ref-table{display:flex;flex-direction:column;border:1px solid var(--theme-hairline);border-radius:var(--radius-md);overflow:hidden;margin:var(--spacing-lg) 0;font-size:14px}.ref-table-header{display:grid;grid-template-columns:100px 1fr 1fr 1fr 1fr;gap:var(--spacing-sm);padding:12px var(--spacing-md);background:var(--theme-canvas-soft-2);font-weight:600;color:var(--theme-body);border-bottom:1px solid var(--theme-hairline);font-size:12px;text-transform:uppercase;letter-spacing:.3px}.ref-table-row{display:grid;grid-template-columns:100px 1fr 1fr 1fr 1fr;gap:var(--spacing-sm);padding:12px var(--spacing-md);background:var(--theme-canvas);color:var(--theme-body);transition:background .15s ease}.ref-table-row:hover{background:var(--theme-canvas-soft)}.ref-table-row:not(:last-child){border-bottom:1px solid var(--theme-hairline)}.ref-table-row span:first-child{font-weight:600;color:var(--theme-ink)}.article-section{background:var(--theme-canvas);border-top:1px solid var(--theme-hairline);padding-block:var(--spacing-5xl)}.article-inner{max-width:800px}.article-main-title{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.article-lead{font-weight:400}.prose h3{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-sm)}.guide-list{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-left:20px}.guide-list li strong{color:var(--theme-ink)}.guide-list li a{color:var(--color-link);text-decoration:underline;text-underline-offset:2px}.guide-list li a:hover{color:var(--color-link-deep)}.inline-code{background:var(--theme-canvas-soft-2);padding:2px 6px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:13px;color:var(--theme-ink)}.faq-mini-list{display:flex;flex-direction:column;margin-top:var(--spacing-lg)}.faq-mini-item{border-bottom:1px solid var(--theme-hairline);overflow:hidden}.faq-mini-q{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;cursor:pointer;font-size:15px;font-weight:500;line-height:22px;color:var(--theme-ink);list-style:none;user-select:none;transition:color .15s ease}.faq-mini-q::-webkit-details-marker{display:none}.faq-mini-q:hover{color:var(--color-link)}.faq-chevron{flex-shrink:0;transition:transform .25s ease;color:var(--theme-mute)}.faq-mini-item[open] .faq-chevron{transform:rotate(180deg)}.faq-mini-a{padding-bottom:var(--spacing-md);animation:fade-in .3s ease}@media(max-width:768px){.hero-container{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-2xl)}.converter-header{flex-direction:column}.dpi-selector{width:100%}.dpi-presets{flex:1;justify-content:space-between}.dpi-btn{padding:5px 10px;font-size:12px}.converter-inputs{grid-template-columns:1fr}.conv-input-group[data-unit=cm],.conv-input-group[data-unit=in]{grid-column:auto}.conv-arrow{display:none}.conv-input{height:46px;font-size:17px;padding-right:80px}.converter-info{flex-direction:column;align-items:flex-start}.info-detail-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.ref-table-header,.ref-table-row{grid-template-columns:80px 1fr 1fr;font-size:12px}.ref-table-header span:nth-child(4),.ref-table-header span:nth-child(5),.ref-table-row span:nth-child(4),.ref-table-row span:nth-child(5){display:none}}@media(max-width:600px){.dpi-presets{flex-wrap:wrap;border-radius:var(--radius-md);gap:2px}.dpi-btn{flex:1;min-width:42px;text-align:center;padding:5px 8px;font-size:11px}.dpi-custom-input{width:70px;height:30px;font-size:12px}.ref-table-header{grid-template-columns:70px 1fr 1fr;font-size:11px}.ref-table-row{grid-template-columns:70px 1fr 1fr;font-size:12px}}@media(max-width:480px){.ref-table-header span:nth-child(3),.ref-table-row span:nth-child(3){display:none}.ref-table-header,.ref-table-row{grid-template-columns:70px 1fr}}