@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2")}:root{color:#f1f4f8;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#9aa9ba;--border:#2b3544;--red:#d74752;--panel:#1b2533;--blue:#345c88;background:#0d1117;font-family:Inter Variable,Inter,system-ui,sans-serif;font-size:15px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.04em;line-height:1.2}p{color:var(--muted)}button,input,select,textarea{border-radius:6px}svg{vertical-align:middle;flex-shrink:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #86b4eb}::selection{color:#fff;background:#345c88}[hidden]{display:none!important}.shell{width:calc(100% - 96px);max-width:1200px;margin-inline:auto}.header{border-bottom:1px solid var(--border);background:#151c28;height:89px}.nav-shell{justify-content:space-between;align-items:center;gap:20px;width:calc(100% - 96px);max-width:1344px;height:100%;margin:auto;display:flex}.brand{letter-spacing:-1.5px;white-space:nowrap;align-items:baseline;font-size:29px;font-weight:750;display:inline-flex}.brand-dot{color:var(--red)}.brand-edge{letter-spacing:-.04em;font-size:.8em;font-weight:500}.brand-core{font-weight:750}.mobile-menu{display:none}.mobile-menu summary{cursor:pointer;border:1px solid var(--border);border-radius:6px;padding:12px 16px}.footer-pages{flex-wrap:wrap;gap:20px;height:auto;margin-top:20px;font-size:12px}.preserve-lines{white-space:pre-line;overflow-wrap:anywhere}.preview-banner{text-align:center;background:#263a52;padding:12px 24px;font-size:13px}.preview-banner a{margin-left:15px;text-decoration:underline}.content-page{max-width:1000px;min-height:65vh;padding-block:48px 80px}.content-page>h1{overflow-wrap:anywhere;margin-block:28px;font-size:clamp(30px,5vw,46px)}.rich-content{overflow-wrap:anywhere}.rich-content p,.rich-content ul,.rich-content ol,.rich-content pre,.rich-content blockquote{color:var(--muted);margin-block:0 20px;line-height:1.85}.rich-content h2,.rich-content h3,.rich-content h4{margin-block:30px 16px}.rich-content a{color:#a8c9ef;text-underline-offset:3px;text-decoration:underline}.rich-content pre{background:var(--panel);border-radius:6px;padding:16px;overflow:auto}.rich-content blockquote{border-left:2px solid var(--red);margin-left:0;padding-left:20px}.section-top h1{font-size:34px}.contact-section{border-top:1px solid var(--border);max-width:760px;margin-top:36px;padding-top:32px}.contact-section h2{margin-bottom:25px}#contact-form{gap:22px;display:grid}.contact-trap{display:none}.cms-intro{max-width:850px;margin-block:12px 24px}.cms-group{border:1px solid var(--border);border-radius:8px;margin-block:16px}.cms-group>summary{cursor:pointer;background:#151c28;border-radius:8px;padding:20px;font-weight:600}.cms-fields{gap:24px;max-width:950px;padding:24px;display:grid}.cms-field{min-width:0}.cms-field textarea{resize:vertical;width:100%}.cms-field input{width:100%}.cms-field small,.message-item small{color:var(--muted);margin-top:8px;line-height:1.7;display:block}.format-toolbar{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.format-toolbar button{min-height:36px;font-size:12px}.publish-bar{border:1px solid var(--border);background:#151c28;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-block:20px;padding:20px;display:flex}.publish-bar p{margin-top:5px;font-size:12px}.publish-actions,.cms-page-actions,.message-actions{flex-wrap:wrap;gap:12px;display:flex}.cms-page-actions{padding:24px}.cms-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.cms-heading p{margin-top:10px}.cms-page-list{gap:12px;margin-block:25px;display:grid}.cms-page-row{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:22px;display:flex}.cms-page-row h3{margin-bottom:6px;font-size:18px}.cms-page-row p{overflow-wrap:anywhere;font-size:12px}.revision-box{border:1px solid var(--border);border-radius:8px;margin-top:25px;padding:20px}.revision-box summary{cursor:pointer;margin-bottom:15px}.revision-box select{max-width:420px;margin-block:10px}.revision-box p{margin-top:12px;font-size:12px}.message-list{gap:15px;display:grid}.message-item{border:1px solid var(--border);overflow-wrap:anywhere;background:#151c28;border-radius:8px;padding:22px}.message-item summary{cursor:pointer;font-weight:600}.message-item summary span{color:var(--muted);margin-left:10px;font-size:12px;font-weight:400}.message-item>p,.message-item>div,.message-item>small{margin-top:20px}.message-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:25px;display:flex}@media (width<=1000px){.desktop-nav{display:none}.mobile-menu{z-index:5;display:block;position:relative}.mobile-menu nav{border:1px solid var(--border);background:#151c28;border-radius:8px;flex-direction:column;align-items:stretch;gap:0;min-width:220px;max-width:calc(100vw - 40px);height:auto;padding:12px;display:flex;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 12px 30px #0005}.mobile-menu nav>a{white-space:normal;overflow-wrap:anywhere;padding:12px}}@media (width<=640px){.cms-fields,.publish-bar{padding:16px}.publish-actions,.publish-actions>*{width:100%}.publish-actions>a{white-space:normal}.cms-page-row>div{min-width:0;max-width:100%}.message-item summary span{margin:8px 0 0;display:block}}.brand .brand-tag{letter-spacing:1.7px;color:var(--muted);border-left:1px solid #3b4655;align-self:center;margin-left:20px;padding-left:20px;font-size:9px;font-weight:500}nav{align-items:center;gap:32px;height:100%;font-size:13px;font-weight:550;display:flex}nav>a{color:#b7c1cd;align-items:center;height:100%;display:flex;position:relative}nav>a:hover,nav .active{color:#fff}nav .active:after{content:"";background:var(--red);height:2px;position:absolute;bottom:0;left:0;right:0}nav .login-link{border-left:1px solid #384252;height:34px;padding-left:25px}.nav-button{border:1px solid var(--border);color:#f1f4f8;background:0 0;padding:8px 14px}.hero{padding-top:64px}.eyebrow{letter-spacing:2px;color:var(--muted);align-items:center;gap:12px;font-size:10px;font-weight:600;display:flex}.red-line{background:var(--red);flex-shrink:0;width:23px;height:2px;display:inline-block}.hero-row{justify-content:space-between;align-items:center;gap:60px;padding:26px 0 48px;display:flex}.hero h1{font-size:clamp(40px,4.6vw,61px);font-weight:650;line-height:1.1}.hero h1>span{color:#8e9bad}.hero p{margin-top:24px;font-size:15px;line-height:1.9}.hero-mark{border-left:1px solid #2b3544;flex-shrink:0;width:280px;margin-right:38px;padding-left:24px;position:relative}.hero-mark>span{white-space:nowrap;letter-spacing:-1.5px;align-items:baseline;font-size:38px;font-weight:700;line-height:1;display:inline-flex}.red{color:var(--red)}.hero-mark small{color:#8291a4;letter-spacing:2px;margin-top:19px;font-size:8px;display:block}.hero-bottom{border-top:1px solid var(--border);color:#9aa9ba;align-items:center;gap:30px;padding:18px 0;font-size:11px;display:flex}.hero-bottom span{align-items:center;gap:9px;display:flex}.hero-bottom svg{color:#9aa9ba;width:15px;height:15px}.hero-bottom .hero-number{letter-spacing:1.5px;color:#93a0b2;margin-left:auto;font-size:9px}.catalog{padding-top:51px;padding-bottom:68px}.section-top{justify-content:space-between;align-items:flex-end;display:flex}.section-top h2{margin-top:12px;font-size:30px;font-weight:600}.section-description{max-width:730px;margin-top:15px;font-size:13px}.catalog-count{color:var(--muted);font-size:11px}.filters{gap:12px;margin-top:28px;display:flex}.search-wrap{flex:1;position:relative}.search-wrap svg{color:#8292a6;width:18px;position:absolute;top:14px;left:15px}.search-wrap input{padding-left:44px}.filter-select{width:190px}input,select,textarea{border:1px solid var(--border);color:#f1f4f8;background:#121923;width:100%;min-height:46px;padding:11px 13px;transition:border-color .15s}input::placeholder,textarea::placeholder{color:#8c9aab}input:hover,select:hover,textarea:hover{border-color:#4d617b}select{padding-right:28px}textarea{resize:vertical}label{color:#ccd4df;margin-bottom:7px;font-size:12px;font-weight:550;display:block}.results-meta{color:#9aa9ba;justify-content:space-between;align-items:center;margin:24px 0 17px;font-size:11px;display:flex}.results-meta>span:last-child{letter-spacing:1.2px;align-items:center;gap:8px;font-size:9px;display:flex}.results-meta svg{width:13px;height:13px}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.tool-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;min-height:296px;transition:border-color .18s,transform .18s;display:flex;position:relative;overflow:hidden}.tool-card:hover{border-color:#536b88;transform:translateY(-2px)}.card-top{justify-content:space-between;align-items:center;gap:10px;padding:24px 24px 0;display:flex}.tool-icon{color:#b9d1ec;background:#27364a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.tool-icon img{object-fit:contain;max-width:100%;max-height:100%}.tool-icon>svg{width:26px;height:26px}.status{color:#c7d3e1;white-space:nowrap;border:1px solid #3b4d61;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;display:inline-flex}.status>span{background:#8ebca9;border-radius:50%;width:5px;height:5px}.status.beta>span{background:#d4b57d}.status.development>span{background:#8aabcf}.card-copy{flex:1;padding:22px 24px 24px}.card-copy .category{letter-spacing:1.1px;color:#a9bbcf;margin-bottom:8px;font-size:9px}.card-copy h2{overflow-wrap:anywhere;margin-bottom:12px;font-size:21px;font-weight:600}.tool-card:hover .card-copy h2{text-underline-offset:4px;text-decoration:underline}.card-copy>p:last-child{overflow-wrap:anywhere;font-size:12px;line-height:1.85}.card-bottom{border-top:1px solid #2d3b4d;justify-content:space-between;align-items:center;gap:10px;padding:15px 24px;display:flex}.version{color:#a6b4c5;overflow-wrap:anywhere;max-width:45%;font-family:monospace;font-size:10px}.tool-link{white-space:nowrap;align-items:center;gap:9px;font-size:11px;font-weight:600;display:flex}.tool-link:after{content:"";border-radius:10px;position:absolute;inset:0}.tool-card:has(.tool-link:focus-visible){outline-offset:4px;outline:2px solid #86b4eb}.tool-card .tool-link:focus-visible{outline:none}.tool-card:hover .tool-link{color:#e79198}.tool-link svg{color:#d9757d;width:16px;height:16px}.studio{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:90px;padding-top:45px;padding-bottom:56px;display:grid}.studio h2{margin-top:16px;font-size:27px;font-weight:550;line-height:1.4}.studio>div>p:not(.eyebrow){font-size:12px;line-height:2}.project-note{color:#a9b5c3;align-items:center;gap:12px;margin-top:23px;scroll-margin-top:30px;font-size:11px;display:flex}footer{border-top:1px solid var(--border);background:#101720;padding:25px 0}.footer-inner{align-items:center;gap:30px;width:calc(100% - 96px);max-width:1200px;margin:auto;display:flex}.footer-inner .brand{font-size:23px}.footer-inner p{font-size:11px}.footer-inner>span{color:var(--muted);margin-left:auto;font-size:10px}.button{text-align:center;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 16px;font-size:12px;font-weight:550;line-height:1.5;display:inline-flex}.button svg{width:16px;height:16px}.button.primary{color:#fff;background:#345c88;border-color:#4b73a0}.button.primary:hover{background:#426f9f}.button.secondary{color:#dbe3ed;background:#1b2533;border-color:#3a485b}.button.secondary:hover{background:#28374a}.button.quiet{color:#b9c6d5;background:0 0}.button.quiet:hover{background:#253245}.button.danger{color:#ffb7bd;background:#311e27;border-color:#6b3644}.button.danger:hover{background:#4b2833}.full{width:100%}.empty-state{text-align:center;background:#121923;border:1px dashed #344256;border-radius:10px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:265px;padding:32px;display:flex}.empty-icon{color:#8da9c7;margin-bottom:17px}.empty-icon svg{width:30px;height:30px}.empty-state h2,.empty-state h3{margin-bottom:10px;font-size:20px;font-weight:550}.empty-state p{max-width:390px;font-size:12px}.empty-state .button{margin-top:20px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:#0d1117;background:#f1f4f8;padding:10px 20px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}.login-main{min-height:calc(100vh - 180px);padding-top:35px;padding-bottom:60px}.back-link{color:#a8bad0;margin-bottom:35px;font-size:12px;display:inline-block}.back-link:hover{color:#fff}.login-card{border:1px solid var(--border);background:#151e2b;border-radius:12px;max-width:460px;margin:0 auto;padding:36px}.login-card h1{margin:23px 0 14px;font-size:30px;font-weight:600}.login-card>p{font-size:13px}.login-card form{margin-top:28px}.login-card input{margin-bottom:20px}.login-card .login-note{text-align:center;margin-top:24px;font-size:10px}.notice{color:#ffc2c7;overflow-wrap:anywhere;background:#301e27;border:1px solid #78424b;border-radius:5px;margin:16px 0;padding:12px 15px;font-size:12px}.notice.success{color:#b3e3d5;background:#172d29;border-color:#36584f}.detail-main{min-height:calc(100vh - 180px);padding-block:40px}.detail-header{border-bottom:1px solid var(--border);align-items:flex-start;gap:28px;padding:20px 0 40px;display:flex}.tool-icon.large{width:80px;height:80px}.tool-icon.large svg{width:40px;height:40px}.detail-header h1{margin:10px 0 20px;font-size:42px}.detail-header>div>p:not(.eyebrow){max-width:740px}.detail-meta{color:var(--muted);align-items:center;gap:20px;margin-top:24px;font-size:12px;display:flex}.detail-body{max-width:800px;padding-block:35px}.detail-body h2{margin-bottom:20px;font-size:23px}.long-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.detail-body>.button{margin-top:30px}.detail-updated{margin-top:30px;font-size:11px}.admin-main{min-height:calc(100vh - 180px);padding-block:46px 70px}.admin-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.admin-heading h1{margin:15px 0 12px;font-size:34px}.admin-heading p:not(.eyebrow){font-size:13px}.admin-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin:35px 0;display:grid}.admin-stats>div{border:1px solid var(--border);color:var(--muted);background:#151e2b;border-radius:8px;padding:18px 22px;font-size:11px}.admin-stats span{color:#f1f4f8;font-size:28px;font-weight:600;line-height:1.4;display:block}.admin-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:25px;margin-bottom:25px;display:flex}.connection-panel{overflow-wrap:anywhere;gap:22px;max-width:760px;display:grid}.connection-values{border:1px solid var(--border);background:var(--panel);border-radius:8px;grid-template-columns:minmax(120px,1fr) minmax(0,3fr);gap:12px 20px;margin:0;padding:22px;display:grid}.connection-values dt{color:var(--muted)}.connection-values dd{min-width:0;margin:0}#connection-form{gap:14px;display:grid}.text-link{text-underline-offset:3px;text-decoration:underline}.oidc-login{margin-top:24px}.local-login summary{cursor:pointer;color:var(--muted);margin:20px 0}@media (width<=600px){.connection-values{grid-template-columns:minmax(0,1fr);gap:6px;padding:16px}.connection-values dd{margin-bottom:10px}}.admin-tabs button{color:#a8b7c9;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:12px 0;font-size:12px}.admin-tabs .selected{color:#fff;border-color:var(--red)}.admin-list{flex-direction:column;gap:12px;display:flex}.admin-tool{border:1px solid var(--border);background:#172130;border-radius:8px;align-items:center;gap:18px;padding:16px;display:flex}.order-buttons{flex-direction:column;display:flex}.icon-button{color:#acbed4;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;min-width:32px;min-height:32px;display:inline-flex}.icon-button:hover{background:#2b3a50}.admin-tool-info{flex:1;min-width:0}.admin-tool-info h2{overflow-wrap:anywhere;font-size:17px}.admin-tool-info p{margin-top:7px;font-size:10px}.admin-tool-info p span{margin:0 6px}.publication{color:#b9c4d1;white-space:nowrap;border:1px solid #475266;border-radius:4px;padding:4px 10px;font-size:10px}.publication.published{color:#b1d8cb;background:#203831;border-color:#426557}.row-actions{gap:7px;display:flex}.category-form{gap:12px;margin:22px 0;display:flex}.category-form input{max-width:420px}.category-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;max-width:750px;padding-block:12px;display:flex}.category-row input{flex:1;min-width:0}.category-row .button{flex-shrink:0}.muted{color:var(--muted);font-size:13px}.editor{color:#f1f4f8;background:#151e2b;border:1px solid #3a495d;border-radius:12px;width:min(760px,100% - 32px);max-height:90vh;padding:28px;overflow-y:auto}.editor::backdrop{background:#050a11cf}.editor-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.editor-heading h2{margin-top:8px;font-size:26px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.span-2{grid-column:span 2}.form-grid small{color:#a7b5c6;margin-top:6px;font-size:10px;display:block}.required{color:#ee9aa1}.checkbox-label{cursor:pointer;align-items:center;gap:10px;margin-block:10px;display:flex}.checkbox-label input{accent-color:#537eab;width:18px;height:18px;min-height:0}.upload-field{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.upload-field>div:first-child{flex:1;min-width:200px}.upload-field input{min-height:40px;padding:8px;font-size:11px}.editor-actions{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;margin-top:25px;padding-top:22px;display:flex}.editor-actions>div{gap:10px;display:flex}#category-panel>h2{font-size:23px}@media (width>=1450px){.hero{padding-top:80px}.hero-row{padding-bottom:65px}.catalog{padding-top:65px}}@media (width<=1000px){.brand .brand-tag{display:none}.shell,.nav-shell,.footer-inner{width:calc(100% - 64px)}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-mark{width:220px;margin-right:0}.hero-mark>span{font-size:30px}.hero-row{gap:32px}.studio{gap:45px}.row-actions{flex-direction:column}.admin-tool{gap:12px}.admin-tool .tool-icon{display:none}}@media (width<=640px){.shell,.nav-shell,.footer-inner{width:calc(100% - 40px)}.header{height:73px}.brand{letter-spacing:-1px;font-size:22px}.nav-shell{gap:14px}nav{gap:14px;font-size:12px}nav .nav-about{display:none}nav .login-link{padding-left:8px}.hero{padding-top:37px}.hero-row{padding:25px 0 30px}.hero h1{letter-spacing:-1.7px;font-size:39px;line-height:1.15}.hero p{margin-top:20px;font-size:12px}.hero-mark{display:none}.hero-bottom{flex-wrap:wrap;gap:16px;padding-block:15px;font-size:10px}.hero-bottom .hero-number{display:none}.hero-bottom svg{width:13px}.catalog{padding-top:35px;padding-bottom:40px}.section-top h2{font-size:26px}.section-description{font-size:12px;line-height:1.9}.filters{flex-wrap:wrap;gap:10px;margin-top:22px}.search-wrap{flex-basis:100%}.filter-select{width:calc(50% - 5px)}select{font-size:12px}.tools-grid{grid-template-columns:minmax(0,1fr);gap:16px}.tool-card{min-height:285px}.card-top{padding:22px 22px 0}.card-copy{padding:20px 22px}.card-bottom{padding:15px 22px}.card-copy h2{font-size:22px}.card-copy>p:last-child{font-size:13px}.tool-link{font-size:12px}.studio{grid-template-columns:1fr;gap:24px;padding-block:32px 38px}.studio h2{font-size:25px}.footer-inner{flex-wrap:wrap;gap:12px 20px}.footer-inner p{flex-basis:100%;order:3;font-size:10px}.footer-inner>span{font-size:9px}.login-card{padding:25px 22px}.login-card h1{font-size:26px}.login-main{padding-top:24px}.detail-header{flex-wrap:wrap;gap:18px}.detail-header h1{font-size:33px}.admin-heading{flex-direction:column;align-items:flex-start}.admin-heading h1{font-size:29px}.admin-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-block:25px}.admin-stats>div{padding:15px}.admin-tool{flex-wrap:wrap;gap:10px;padding:12px}.admin-tool-info{flex-basis:calc(100% - 50px)}.publication{margin-left:42px}.row-actions{flex-flow:wrap;margin-left:42px}.admin-main{padding-top:30px}.category-form{flex-direction:column}.category-row{flex-wrap:wrap;gap:8px}.category-row input{flex-basis:100%}.editor{max-height:94vh;padding:20px}.form-grid{grid-template-columns:1fr;gap:17px}.span-2{grid-column:span 1}.editor-actions{flex-direction:column;align-items:stretch}.editor-actions>div{justify-content:flex-end}.editor-actions .button{font-size:11px}.empty-state{padding:28px 20px}input,textarea,#tool-order{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.tool-card:hover{transform:none}}.tool-card{border-top:2px solid var(--tool-accent,#345c88)}.tool-card .tool-icon{color:var(--tool-accent,#b9d1ec);background:color-mix(in srgb, var(--tool-accent,#345c88) 16%, #172130)}.import-box{background:#101923;border:1px solid #36516e;border-radius:7px;margin-bottom:25px;padding:18px}.import-row{gap:10px;display:flex}.import-row input{flex:1;min-width:0}.import-row button{white-space:nowrap}.import-box small{color:#a8bbcf;margin-top:9px;font-size:10px;display:block}.color-field{align-items:center;gap:15px;display:flex}.color-field input{width:65px;height:46px;padding:5px}.color-field output{color:#b9c8db;font-family:monospace;font-size:12px}@media (width<=640px){.import-row{flex-direction:column}.import-row button{min-height:44px}}