@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/53e45098eac42afb-s.p.0udrnr4-18tjo.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/85ea1b3aadcead52-s.18lx4otehud-r.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3c285486269019b7-s.p.1br53b7gww62p.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/625a092f804baad3-s.p.3bgaltqld2gq2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6afabefbb32d7517-s.0mlt1uo-cplt-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a4f4f75ad654963f-s.p.22m3f6pvfu2zf.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a3bcb02a0e9e5d11-s.p.35qbt1_6db49h.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b35fd19aef91b293-s.1-vmsm_v03uvy.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/8f46d218c8f79e34-s.p.092z1_2w2m55_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8ffc259da9d23054-s.p.2heyes1wqz_kz.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9e486ba39c38fb8a-s.37omzjo7pfhh3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6f42e0a3b0519c4d-s.p.31-z0m_4g_6pa.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro Fallback;src:local(Arial);ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.0%;size-adjust:110.36%}.be_vietnam_pro_ae7b67ce-module__bmil5q__className{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.be_vietnam_pro_ae7b67ce-module__bmil5q__variable{--font-sans:"Be Vietnam Pro", "Be Vietnam Pro Fallback"}
:root{--brand:#be1e2d;--brand-dark:#9c1724;--brand-soft:#fdf1f2;--bg:#f7f5f3;--surface:#fff;--surface-2:#faf8f6;--text:#1e2230;--muted:#667085;--border:#e8e3df;--accent:var(--brand);--accent-soft:var(--brand-soft);--good:#11805b;--good-soft:#e9f6f0;--warn:#b4461b;--bank:#eef4fc;--radius:16px;--shadow:0 1px 2px #1e22300a, 0 4px 16px #1e22300d;--shadow-lg:0 2px 4px #1e22300d, 0 12px 32px #1e22301a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans), system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:15px;line-height:1.55;display:flex}body>main{flex:1;width:100%}.site-header{background:var(--surface);border-bottom:1px solid var(--border);border-top:3px solid var(--brand)}.site-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1040px;margin:0 auto;padding:12px 16px;display:flex}.brand{display:inline-flex}.brand img{width:auto;height:40px;display:block}.site-tagline{color:var(--muted);letter-spacing:.02em;font-size:13px;font-weight:500}.site-footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);background:var(--surface);padding:20px 16px 28px;font-size:13px}.page{max-width:1040px;margin:0 auto;padding:28px 16px 56px}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.hero{background:linear-gradient(135deg, var(--proj-color,#c42231) 0%, var(--proj-color-dark,#9c1724) 100%);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);margin-bottom:24px;padding:32px 32px 30px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 115'%3E%3Cpath d='M50 6 94 31v53L50 109 6 84V31z' fill='none' stroke='white' stroke-opacity='.1' stroke-width='7'/%3E%3Cpath d='M50 24 78 40v35L50 91 22 75V40z' fill='none' stroke='white' stroke-opacity='.07' stroke-width='5'/%3E%3C/svg%3E") 50%/contain no-repeat;width:240px;height:276px;position:absolute;top:-50px;right:-30px}.hero>*{z-index:1;position:relative}.hero-title{align-items:center;gap:16px;display:flex}.project-avatar{object-fit:cover;width:64px;height:64px;box-shadow:var(--shadow);border:2px solid #fff9;border-radius:14px;flex:none}.hero .eyebrow{color:#fffc}.hero h1{font-size:34px}.hero p,.hero .muted{color:#ffffffdb;max-width:620px;margin:6px 0 0}.hero button{color:#fff;background:#ffffff1f;border-color:#fff6}.hero button:hover{background:#fff3}.hero button.primary{color:var(--brand);background:#fff;border-color:#fff}.hero button.primary:hover{background:var(--brand-soft)}h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700;line-height:1.2}h2{letter-spacing:-.01em;margin:0 0 10px;font-size:18px;font-weight:600}h2:has(.step){align-items:center;gap:10px;display:flex}.step{background:var(--proj-color,var(--brand));color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:inline-grid}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:12px;font-weight:600}.muted{color:var(--muted);margin:0 0 8px}.small{font-size:13px}.good{color:var(--good)}.warn{color:var(--warn);font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:24px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 18px;margin:16px 0 4px;display:grid}label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}input,select{font:inherit;color:var(--text);border:1px solid var(--border);background:#fff;border-radius:10px;min-width:0;padding:10px 12px;transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:#d3ccc6}input:focus,select:focus,textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #be1e2d24}button:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.actions{gap:8px;display:flex}button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;padding:10px 18px;font-weight:500;transition:background .15s,border-color .15s,color .15s}button:hover{background:var(--surface-2);border-color:#d3ccc6}button.primary{background:var(--brand);border-color:var(--brand);color:#fff}button.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.facts{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:0;display:grid}.facts>div{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:10px 14px}.facts dt{color:var(--muted);font-size:12px}.facts dd{margin:2px 0 0;font-size:16px;font-weight:600}.customer{margin:0 0 14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:11px 12px}thead th{background:var(--surface-2)}thead th:first-child{border-top-left-radius:10px}thead th:last-child{border-top-right-radius:10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:12px;font-weight:600}.num{text-align:right;white-space:nowrap}.nowrap{white-space:nowrap}tr.strong td{background:var(--surface-2);font-weight:600}tfoot td{border-bottom:none;border-top:2px solid var(--proj-color,var(--brand));color:var(--proj-color,var(--brand));font-size:16px;font-weight:700}.compare tbody tr{cursor:pointer;transition:background .12s}.compare tbody tr:hover{background:var(--surface-2)}.compare tbody tr.selected{background:var(--proj-color-soft,var(--brand-soft));box-shadow:inset 4px 0 0 var(--proj-color,var(--brand))}.compare tbody tr.selected strong{color:var(--proj-color,var(--brand))}.schedule tr.bank{background:var(--bank)}.tag{color:#1d4b8f;background:#dbe7f8;border-radius:999px;margin-top:4px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:20px;display:grid}.kpis>div{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.kpis span{color:var(--muted);font-size:12px}.kpis strong{letter-spacing:-.01em;font-size:22px;font-weight:700}.kpis>.kpi-main{background:var(--proj-color,var(--brand));border-color:var(--proj-color,var(--brand));color:#fff}.kpis>.kpi-main span{color:#ffffffd9}.notes ul{color:var(--muted);margin:0 0 16px;padding-left:20px}.notes li+li{margin-top:4px}.advisor{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px;display:grid}.print-only{display:none}.unit-picker{position:relative}.unit-picker input{cursor:pointer;width:100%;padding-right:36px}.unit-picker.open input,.unit-picker input:focus{cursor:text}.picker-toggle{width:34px;color:var(--muted);background:0 0;border:none;border-radius:0 10px 10px 0;padding:0;font-size:14px;line-height:1;transition:transform .15s;position:absolute;top:1px;bottom:1px;right:1px}.picker-toggle:hover{color:var(--brand);background:0 0}.unit-picker.open .picker-toggle{transform:rotate(180deg)}.suggestions{z-index:20;background:var(--surface);border:1px solid var(--border);width:max-content;min-width:100%;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);border-radius:12px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0}.suggestions li{color:var(--text);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 10px;display:flex}.suggestions li strong,.suggestions li span{white-space:nowrap}.suggestions li span{color:var(--muted);text-align:right;font-size:12px;font-weight:400}.suggestions li.active{background:var(--brand-soft)}.suggestions li.active strong{color:var(--brand)}.suggestions li.current strong:after{content:" ✓";color:var(--brand)}.suggestions li.more{white-space:normal;max-width:360px;color:var(--muted);cursor:default;font-size:12px;font-weight:400;display:block}.loan-types{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:14px 0 4px;display:grid}.loan-types button{text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;display:flex}.loan-types button span{color:var(--muted);font-size:12px;font-weight:400}.loan-types button.active{border-color:var(--proj-color,var(--brand));background:var(--proj-color-soft,var(--brand-soft));box-shadow:inset 0 0 0 1px var(--proj-color,var(--brand))}.loan-types button.active strong{color:var(--proj-color,var(--brand))}@media (min-width:700px){.kpis.loan-kpis{grid-template-columns:repeat(3,1fr)}}.loan-schedule{margin-top:16px}.loan-schedule summary{cursor:pointer;color:var(--proj-color,var(--brand));padding:6px 0;font-weight:600}.loan-schedule .table-wrap{max-height:520px;margin-top:8px;overflow:auto}.loan-schedule thead th{z-index:1;position:sticky;top:0}.loan-schedule tr.supported{background:var(--good-soft)}.project-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;display:grid}.project-card{color:inherit;border-top:4px solid var(--proj-color,var(--brand));flex-direction:column;margin:0;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}.project-thumb{aspect-ratio:16/9;object-fit:cover;background:var(--surface-2);border-radius:10px;width:100%;margin:0 0 14px}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.project-card h2{margin-bottom:4px;font-size:20px}.stats{flex-wrap:wrap;gap:6px;margin:8px 0 18px;display:flex}.stats span{background:var(--proj-color-soft,var(--brand-soft));color:var(--proj-color-dark,var(--brand-dark));border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500}.cta{color:var(--proj-color,var(--brand));margin-top:auto;font-weight:600}.project-card:hover .cta{text-decoration:underline}html.capturing .no-print{display:none!important}html.capturing .print-only{display:block}html.capturing body{width:820px;min-width:820px}@media screen and (max-width:600px){html:not(.capturing) table.stack thead{display:none}html:not(.capturing) table.stack tr{border-bottom:1px solid var(--border);padding:12px 0;display:block}html:not(.capturing) table.stack td{text-align:right;border:none;justify-content:space-between;gap:12px;padding:2px 4px;display:flex}html:not(.capturing) table.stack td:first-child,html:not(.capturing) table.stack td.due{text-align:left;display:block}html:not(.capturing) table.stack td[data-label]:before{content:attr(data-label);color:var(--muted);text-align:left;font-weight:400}html:not(.capturing) table.stack td.amount{font-weight:700}html:not(.capturing) table.stack tfoot tr{border-top:2px solid var(--brand);border-bottom:none}html:not(.capturing) table.stack tfoot td:first-child{display:none}html:not(.capturing) table.stack tfoot td{border-top:none}html:not(.capturing) .compare tbody tr.selected{border-radius:8px;padding-left:10px}html:not(.capturing) .page{padding-top:16px}html:not(.capturing) .brand img{height:34px}html:not(.capturing) .site-tagline{display:none}html:not(.capturing) .hero{border-radius:14px;padding:24px 20px}html:not(.capturing) .hero h1{font-size:26px}html:not(.capturing) h1{font-size:22px}html:not(.capturing) .card{border-radius:14px;padding:18px}html:not(.capturing) .kpis strong{font-size:19px}html:not(.capturing) .actions{width:100%}html:not(.capturing) .actions button{flex:1}html:not(.capturing) .hero .actions{grid-template-columns:1fr 1fr;display:grid}html:not(.capturing) .hero .actions button{white-space:nowrap;padding:10px 12px}html:not(.capturing) .hero .actions button.primary{grid-column:1/-1}}@media print{@page{size:A4;margin:12mm}body{background:#fff;font-size:12px;display:block}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.site-header{border:none;border-bottom:2px solid var(--brand);margin-bottom:10px}.site-header-inner{max-width:none;padding:0 0 8px}.brand img{height:32px}.page{max-width:none;padding:0}.no-print{display:none!important}.print-only{display:block}.hero{color:var(--text);box-shadow:none;background:0 0;margin-bottom:12px;padding:0}.hero:after{display:none}.hero .eyebrow{color:var(--proj-color,var(--brand))}.project-avatar{border-color:var(--border);box-shadow:none}.hero p,.hero .muted{color:var(--muted)}.hero h1{font-size:22px}.card{box-shadow:none;break-inside:avoid;border:none;margin-bottom:14px;padding:0}th,td{padding:5px 6px}.kpis strong{font-size:15px}.schedule tr.bank{background:#fff}}.admin{max-width:1320px}body:has(.admin) .site-header-inner{max-width:1320px}a{color:var(--accent)}.button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;padding:9px 16px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button:hover{background:var(--surface-2);border-color:#d3ccc6}.button.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}button:disabled{opacity:.5;cursor:not-allowed}button.danger{color:var(--warn)}button.link{color:inherit;text-align:left;background:0 0;border:none;padding:0}textarea{font:inherit;border:1px solid var(--border);resize:vertical;border-radius:8px;width:100%;padding:9px 11px}code{background:var(--bg);border-radius:4px;padding:1px 6px}h3{margin:20px 0 8px;font-size:15px}.admin-bar{z-index:5;background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;padding:8px 0;display:flex;position:sticky;top:0}.actions{flex-wrap:wrap;align-items:center}.actions.end{justify-content:flex-end}td.actions{text-align:right;white-space:nowrap;display:table-cell}td.actions>*{vertical-align:middle;margin-left:8px;display:inline-flex}.actions form{margin:0}.notice{border-radius:8px;margin:0 0 12px;padding:10px 14px}.notice.ok{background:var(--good-soft);color:var(--good)}.notice.error{color:var(--warn);background:#fbeae3}.issues{text-align:left;width:100%;color:var(--good);margin-bottom:8px}.issues.has-errors{color:var(--warn);border-color:var(--warn)}.issue-list{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:0 0 16px;padding:12px 12px 12px 32px}.issue-list .error{color:var(--warn)}.issue-list .warning{color:var(--muted)}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex;overflow-x:auto}.tabs button{white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0}.tabs button.active{border-bottom-color:var(--accent);color:var(--accent)}.grid .wide{grid-column:1/-1}label.check{color:var(--text);flex-direction:row;align-items:center;gap:8px}.edit-table td,.edit-table th{padding:5px 6px}.edit-table input,.edit-table select,.edit-table textarea{width:100%;padding:6px 8px;font-size:14px}.edit-table textarea{min-width:180px}.edit-table .narrow,.edit-table input.narrow{width:80px}.edit-table td.center{text-align:center;vertical-align:middle}.edit-table input[type=checkbox]{width:18px;height:18px}.edit-table tr.bank{background:var(--bank)}.edit-table.units input{min-width:90px}.suffix{align-items:center;gap:4px;width:100%;display:inline-flex}.suffix input{width:100%;min-width:60px}.suffix.narrow{width:100px}.row-tools{white-space:nowrap;gap:2px;display:inline-flex}.row-tools button{padding:4px 8px;font-size:13px}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:8px 0;display:flex}.search{max-width:220px}.pager{align-items:center;gap:8px;display:inline-flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:999px;padding:6px 14px;font-size:14px}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.chip.add{border-style:dashed}.row-tools.labeled{flex-wrap:wrap;gap:6px}.milestones th{white-space:normal;vertical-align:bottom;min-width:56px}.method-editor{min-width:0}.login{flex-direction:column;gap:12px;max-width:380px;margin:10vh auto;display:flex}.login h1{font-size:22px}.milestones td:nth-child(5) input{min-width:130px}.color-field{align-items:center;gap:8px;display:flex}.color-field input[type=color]{cursor:pointer;width:44px;height:38px;padding:2px}.color-hex{text-transform:uppercase;max-width:120px}.image-field{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.image-preview{object-fit:cover;border:1px solid var(--border);border-radius:10px;width:72px;height:72px}