:root{--fsd-primary:#8b5cf6;--fsd-primary-light:#8b5cf61a;--fsd-text:#1e293b;--fsd-text-muted:#64748b;--fsd-bg:#fff;--fsd-bg-subtle:#f8fafc;--fsd-border:#e2e8f0;--fsd-border-focus:#8b5cf6;--fsd-shadow:0 1px 3px #00000014;--fsd-shadow-md:0 4px 12px #00000014;--fsd-radius:var(--main-radius,8px);--fsd-radius-lg:var(--main-radius-lg,12px)}._fsd-container{gap:var(--main-space-5,1.25rem);flex-direction:column;max-width:640px;margin:0 auto;display:flex}._fsd-card{background:var(--fsd-bg);border-radius:var(--fsd-radius-lg);border-style:solid;border-width:1px;border-color:var(--fsd-border);box-shadow:var(--fsd-shadow);padding:var(--main-space-5,1.25rem)}@media (max-width:768px){._fsd-container{padding-left:1rem;padding-right:1rem}._fsd-card{padding:var(--main-space-4,1rem)}}._fsd-unit-toggle{background:var(--fsd-bg-subtle);border-radius:var(--fsd-radius);width:-moz-fit-content;width:fit-content;margin:0 auto var(--main-space-4,1rem);gap:0;padding:3px;display:flex}._fsd-unit-btn{border-radius:calc(var(--fsd-radius) - 2px);color:var(--fsd-text-muted);font-size:var(--main-text-sm,.875rem);cursor:pointer;background:0 0;border-width:0;padding:.375rem 1.25rem;font-weight:500;transition:background .2s,color .2s}._fsd-unit-btn._fsd-unit-active{background:var(--fsd-bg);color:var(--fsd-primary);box-shadow:0 1px 3px #0000001a}._fsd-unit-btn:hover:not(._fsd-unit-active){color:var(--fsd-text)}._fsd-inputs{gap:var(--main-space-3,.75rem);grid-template-columns:1fr 1fr;display:grid}._fsd-input-group{flex-direction:column;gap:.375rem;display:flex}._fsd-label{font-size:var(--main-text-sm,.875rem);color:var(--fsd-text);align-items:center;gap:.5rem;font-weight:500;display:flex}._fsd-label-marker{border-radius:var(--main-radius-full,50%);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-flex}._fsd-input-wrapper{background:var(--fsd-bg);border-style:solid;border-width:1.5px;border-color:var(--fsd-border);border-radius:var(--fsd-radius);align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}._fsd-input-wrapper:focus-within{border-color:var(--fsd-border-focus);box-shadow:0 0 0 3px var(--fsd-primary-light)}._fsd-input{font-size:var(--main-text-base,1rem);color:var(--fsd-text);background:0 0;border-width:0;outline:none;flex:1;min-width:0;padding:.625rem .75rem}._fsd-input::placeholder{color:var(--fsd-border)}._fsd-unit-label{font-size:var(--main-text-sm,.875rem);color:var(--fsd-text-muted);flex-shrink:0;padding:0 .75rem;font-weight:500}._fsd-detect-btn{width:100%;margin-top:var(--main-space-4,1rem);background:var(--fsd-primary);color:#fff;border-radius:var(--fsd-radius);font-size:var(--main-text-base,1rem);cursor:pointer;border-width:0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:opacity .2s;display:flex;box-shadow:0 2px 8px #8b5cf64d}._fsd-detect-btn:hover{opacity:.9}._fsd-detect-btn svg{width:16px;height:16px}._fsd-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._fsd-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._fsd-input[type=number]{-moz-appearance:textfield}@media (max-width:480px){._fsd-inputs{grid-template-columns:1fr}}._fsd-guide{margin-bottom:var(--main-space-4,1rem);justify-content:center;display:flex}._fsd-face-diagram{width:180px;height:auto}._fsd-face-svg{width:100%;height:auto}@media (max-width:480px){._fsd-face-diagram{width:150px}}._fsd-result-section{min-height:200px}._fsd-result-header{align-items:center;gap:var(--main-space-4,1rem);margin-bottom:var(--main-space-4,1rem);padding-bottom:var(--main-space-4,1rem);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--fsd-border);display:flex}._fsd-result-shape-icon{background:var(--fsd-bg-subtle);border-radius:var(--fsd-radius-lg);border-style:solid;border-width:2px;border-color:var(--fsd-border);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}._fsd-result-shape-icon svg{width:48px;height:48px}._fsd-result-info{flex:1;min-width:0}._fsd-result-label{font-size:var(--main-text-xs,.75rem);color:var(--fsd-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-weight:600}._fsd-result-name{color:var(--fsd-primary);font-size:1.5rem;font-weight:700;line-height:1.2}._fsd-result-desc{font-size:var(--main-text-sm,.875rem);color:var(--fsd-text-muted);margin-top:.25rem}._fsd-measurements-summary{gap:var(--main-space-2,.5rem);margin-bottom:var(--main-space-4,1rem);grid-template-columns:repeat(4,1fr);display:grid}._fsd-measure-item{background:var(--fsd-bg-subtle);border-radius:var(--fsd-radius);border-style:solid;border-width:1px;border-color:var(--fsd-border);flex-direction:column;align-items:center;gap:.25rem;padding:.625rem .5rem;display:flex}._fsd-measure-marker{border-radius:var(--main-radius-full,50%);color:#fff;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}._fsd-measure-value{font-size:var(--main-text-base,1rem);color:var(--fsd-text);font-weight:700}._fsd-measure-label{font-size:var(--main-text-xs,.75rem);color:var(--fsd-text-muted);text-align:center}._fsd-recommendations{gap:var(--main-space-3,.75rem);flex-direction:column;display:flex}._fsd-rec-section{background:var(--fsd-bg-subtle);border-radius:var(--fsd-radius);padding:var(--main-space-4,1rem);border-style:solid;border-width:1px;border-color:var(--fsd-border)}._fsd-rec-title{font-size:var(--main-text-sm,.875rem);color:var(--fsd-text);align-items:center;gap:.5rem;margin-bottom:.625rem;font-weight:600;display:flex}._fsd-rec-title svg{width:16px;height:16px;color:var(--fsd-primary)}._fsd-rec-content{flex-wrap:wrap;gap:.375rem;display:flex}._fsd-rec-tag{background:var(--fsd-bg);border-radius:var(--main-radius-full,50px);font-size:var(--main-text-sm,.875rem);color:var(--fsd-text);border-style:solid;border-width:1px;border-color:var(--fsd-border);align-items:center;padding:.3rem .75rem;display:inline-flex}@media (max-width:480px){._fsd-result-header{text-align:center;flex-direction:column}._fsd-measurements-summary{grid-template-columns:repeat(2,1fr)}}._fsd-ref-title{font-size:var(--main-text-base,1rem);color:var(--fsd-text);margin-bottom:var(--main-space-4,1rem);align-items:center;gap:.5rem;font-weight:600;display:flex}._fsd-ref-title svg{width:16px;height:16px;color:var(--fsd-primary)}._fsd-ref-grid{gap:var(--main-space-3,.75rem);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}._fsd-ref-item{padding:var(--main-space-3,.75rem);background:var(--fsd-bg-subtle);border-radius:var(--fsd-radius);border-style:solid;border-width:1px;border-color:var(--fsd-border);text-align:center;cursor:default;flex-direction:column;align-items:center;gap:.5rem;transition:box-shadow .2s;display:flex}._fsd-ref-item:hover{box-shadow:var(--fsd-shadow-md)}._fsd-ref-item._fsd-ref-active{border-color:var(--fsd-primary);box-shadow:0 0 0 3px var(--fsd-primary-light)}._fsd-ref-icon{justify-content:center;align-items:center;height:64px;display:flex}._fsd-ref-name{font-size:var(--main-text-sm,.875rem);font-weight:600}._fsd-ref-desc{font-size:var(--main-text-xs,.75rem);color:var(--fsd-text-muted);line-height:1.4}@media (max-width:480px){._fsd-ref-grid{grid-template-columns:repeat(2,1fr)}}