
#lumena-types{--p:light-dark(#fff,#222d26);--bg:light-dark(#f6f8f5,#19221e);--ink:light-dark(#233e32,#edf4ed);--muted:light-dark(#64756b,#afc0b3);--line:light-dark(#dce4dd,#435348);--green:light-dark(#245b43,#afd7a9);--on:light-dark(#fff,#17351e);--soft:light-dark(#eaf2e8,#304335);background:var(--bg);color:var(--ink);font:14px/1.5 Arial,sans-serif;border-radius:16px;overflow:hidden}#lumena-types *{box-sizing:border-box}#lumena-types button,#lumena-types input{font:inherit}#lumena-types header{background:var(--p);padding:20px 30px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}#lumena-types .brand{font-size:24px;letter-spacing:5px}#lumena-types .brand small{display:block;font-size:10px;letter-spacing:2px;color:var(--muted)}#lumena-types main{padding:26px 30px}#lumena-types .steps{display:flex;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-bottom:27px}#lumena-types .steps span:first-child{color:var(--green);font-weight:500}#lumena-types h1{font-size:30px;font-weight:500;line-height:1.2;margin:0 0 10px}#lumena-types p{margin:0;color:var(--muted)}#lumena-types .categories{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}#lumena-types button{cursor:pointer;color:var(--ink)}#lumena-types .category,#lumena-types .direction{background:var(--p);border:1px solid var(--line);padding:11px 18px;border-radius:8px}#lumena-types .category[aria-pressed=true],#lumena-types .direction[aria-pressed=true]{background:var(--green);color:var(--on);border-color:var(--green)}#lumena-types button:disabled{opacity:.5;cursor:default}#lumena-types .layout{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:24px}#lumena-types h2{font-size:18px;font-weight:500;margin:0 0 4px}#lumena-types .hint{font-size:12px;margin-bottom:16px}#lumena-types .models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#lumena-types .model{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--p);padding:17px;text-align:left;min-width:0}#lumena-types .model[aria-pressed=true]{outline:2px solid var(--green);outline-offset:-2px;background:var(--soft)}#lumena-types .model .check{display:none;position:absolute;right:12px;top:10px;color:var(--green)}#lumena-types .model[aria-pressed=true] .check{display:block}#lumena-types .image{height:154px;display:flex;justify-content:center;margin-bottom:12px}#lumena-types .image img{height:100%;max-width:100%;object-fit:contain;border-radius:3px}#lumena-types .model strong{display:block;font-weight:500;font-size:15px}#lumena-types .model small{font-size:12px;color:var(--muted)}#lumena-types aside{background:var(--p);border:1px solid var(--line);border-radius:12px;padding:20px;align-self:start}#lumena-types .preview{height:155px;display:block;margin:18px auto;max-width:100%;object-fit:contain}#lumena-types .summary{padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}#lumena-types .summary p{margin-top:5px}#lumena-types .project{margin-top:17px;font-size:12px;color:var(--muted)}#lumena-types .detail{margin-top:18px;background:var(--p);border:1px solid var(--line);border-radius:12px;padding:18px}#lumena-types .directions{display:flex;gap:9px;margin:12px 0}#lumena-types .inputs{display:grid;grid-template-columns:1fr 1fr 85px;gap:12px;margin-top:14px}#lumena-types label{font-size:12px;color:var(--muted)}#lumena-types input{margin-top:5px;width:100%;border:1px solid var(--line);border-radius:7px;padding:10px;background:var(--bg);color:var(--ink);font-size:16px}#lumena-types .status{font-size:12px;margin-top:12px;color:var(--muted)}#lumena-types .bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-top:20px}#lumena-types .next{padding:13px 19px;border:0;border-radius:8px;background:var(--green);color:var(--on)}#lumena-types .selected{font-size:12px;color:var(--muted)}#lumena-types footer{padding:15px 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted)}#lumena-types [hidden]{display:none!important}@media(max-width:680px){#lumena-types .layout{grid-template-columns:1fr}#lumena-types aside{order:2}#lumena-types aside .preview{height:95px;float:right;margin:0 0 10px 10px}#lumena-types header,#lumena-types main{padding:20px}#lumena-types .steps{gap:12px}#lumena-types h1{font-size:26px}#lumena-types .image{height:130px}#lumena-types .inputs{grid-template-columns:1fr 1fr}#lumena-types .category{padding:10px 13px}}@media(max-width:370px){#lumena-types .model{padding:12px}#lumena-types .image{height:110px}}


#lumena-types{color-scheme:light;--p:#fff;--bg:#f3f5f7;--ink:#17334e;--muted:#5b6978;--line:#dce2e8;--green:#07549a;--on:#fff;--soft:#eef5fc;--orange:#ef7d00;border-radius:0}
#lumena-types header{background:#07549a;color:#fff;border-bottom:5px solid var(--orange);padding:22px 28px}
#lumena-types .brand{font-style:italic;font-weight:500;letter-spacing:3px}
#lumena-types .brand small{color:#fff;font-style:normal;letter-spacing:1.5px;font-size:11px}
#lumena-types header>span{padding:9px 13px;border:1px solid #ffffff66;border-radius:4px;font-size:13px}
#lumena-types main{padding:20px 28px 26px}
#lumena-types .steps{background:#fff;border:1px solid var(--line);border-radius:4px;margin-bottom:25px;gap:0;display:grid;grid-template-columns:repeat(3,1fr)}
#lumena-types .steps span{padding:14px 12px;border-bottom:3px solid transparent}
#lumena-types .steps span:first-child{border-bottom-color:var(--orange);background:#fff8ef;color:#17334e}
#lumena-types h1{font-size:27px;color:#073e73}
#lumena-types .categories{background:#fff;border-bottom:1px solid var(--line);padding:0;margin:22px 0;gap:0}
#lumena-types .category{border:0;border-radius:0;padding:13px 24px;border-bottom:3px solid transparent}
#lumena-types .category[aria-pressed=true]{background:#fff;color:#07549a;border-bottom:3px solid var(--orange)}
#lumena-types .layout{grid-template-columns:minmax(0,1fr) 235px;gap:22px}
#lumena-types .models{gap:14px}
#lumena-types .model{border-radius:4px;padding:18px;background:#fff}
#lumena-types .model:hover{border-color:#07549a;box-shadow:0 3px 10px #163b5f12}
#lumena-types .model[aria-pressed=true]{outline-color:var(--orange);background:#fff}
#lumena-types .model .check{background:var(--orange);color:#fff;border-radius:50%;width:23px;height:23px;text-align:center}
#lumena-types .model strong{color:#07549a}
#lumena-types .image{height:165px}
#lumena-types aside{border-radius:4px;border-top:4px solid #07549a;padding:18px}
#lumena-types aside h2{color:#07549a}
#lumena-types .detail{border-radius:4px;border-left:4px solid #07549a}
#lumena-types .direction{border-radius:4px}
#lumena-types .next{background:var(--orange);color:#172d43;border-radius:4px;font-weight:500}
#lumena-types .next:hover:not(:disabled){background:#ff921e}
#lumena-types .next:disabled{background:#e6e9ed;color:#6c7681;opacity:1}
#lumena-types input{background:#fff;border-radius:4px}
#lumena-types footer{background:#fff}
#lumena-types .breadcrumb{font-size:11px;color:#667584;margin-bottom:15px}
@media(max-width:680px){#lumena-types main,#lumena-types header{padding:18px}#lumena-types .layout{grid-template-columns:1fr}#lumena-types .steps{font-size:11px}#lumena-types .steps span{padding:10px 7px}#lumena-types .category{padding:12px 15px}#lumena-types .image{height:135px}#lumena-types h1{font-size:24px}}

body.fu-page{margin:0;background:#f3f5f7}body.fu-page #lumena-types{max-width:1440px;margin:0 auto;min-height:100vh}#lumena-types a.brand{text-decoration:none;color:white}#lumena-types h3{font-size:16px;margin:0 0 10px}#lumena-types .layout{margin-top:22px}#lumena-types .project-jump{background:transparent;color:white;border:1px solid #ffffff88;border-radius:4px;padding:10px}#lumena-types .back{background:white;border:1px solid #dce2e8;border-radius:4px;padding:10px;color:#07549a}#lumena-types .white-swatch{height:64px;width:94px;background:linear-gradient(130deg,#fff,#f1f1f1,#fff);border:1px solid #ddd;margin:12px 0}#lumena-types .project-row{padding:12px 0;border-bottom:1px solid #dce2e8}#lumena-types .row-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}#lumena-types .row-actions button{background:white;border:1px solid #dce2e8;padding:6px;color:#07549a;font-size:12px}#lumena-types .steps span:first-child{background:white;border-bottom-color:transparent}#lumena-types .steps span.active{background:#fff8ef;border-bottom-color:#ef7d00;color:#17334e}#lumena-types .limits{font-size:12px;margin-top:10px}#lumena-types button:focus-visible,#lumena-types input:focus-visible{outline:3px solid #ef7d00;outline-offset:3px}#lumena-types button{min-height:40px}#lumena-types .status[role=alert]{color:#a22b15}#lumena-types .hint{margin-top:12px}#lumena-types .models img{object-fit:contain;width:auto}#lumena-types .project{scroll-margin-top:45px}#lumena-types #fu-total{font-weight:500;margin:15px 0}#lumena-types .categories{margin-top:0}#lumena-types .preview{width:auto}#lumena-types .selected{overflow-wrap:anywhere}
