:root{color:#b9b8b6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#6c5c3629,#0000 24%),linear-gradient(#343434 0%,#2a2a2a 48%,#242424 100%);font-family:Avenir Next,PingFang SC,Hiragino Sans GB,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#ffffff05 1px,#0000 1px) 0 0/100% 170px,linear-gradient(90deg,#ffffff04 1px,#0000 1px) 0 0/240px 100%,linear-gradient(#333 0%,#2a2a2a 48%,#222 100%) 0 0/100% 100%;min-width:320px;margin:0}#root{width:min(1920px,100%);margin:0 auto;padding:0 0 36px}h1,h2,h3,h4{margin:0}button,input,select,textarea{font:inherit}.studio-shell{color:#b9b8b6;gap:12px;min-height:100vh;padding:0 10px 16px;display:grid}.topbar,.left-dock,.right-dock,.control-card,.swatches-panel,.seo-panel{background:linear-gradient(#373737f5,#222222f5),#2a2a2a;border:1px solid #ffffff0f;box-shadow:inset 0 1px #ffffff08,0 18px 40px #00000047}.topbar{border-radius:0 0 22px 22px;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.topbar-brand{color:#dbdad4;align-items:center;gap:10px;display:inline-flex}.topbar-brand-copy{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.topbar-brand-title{color:#f0eee6;font-size:34px;font-weight:700;line-height:1.12}.topbar-brand-caption{color:#9e9c95;font-size:12px;font-weight:500;line-height:1.3}.topbar-logo{object-fit:contain;border-radius:6px;width:28px;height:28px;display:block}.language-btn,.donate-btn{box-shadow:inset 0 1px #ffffff1a;border:1px solid #ffffff14!important}.language-btn{font-weight:600;color:#ddd7c7!important;background:linear-gradient(#484848f5,#2a2a2af5)!important}.donate-btn{font-weight:700;box-shadow:inset 0 1px #ffffff59;color:#241a08!important;background:linear-gradient(#c7a54b,#9f7a2d)!important}.workbench{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.left-dock,.right-dock{border-radius:0 0 22px 22px;min-height:min(78vh,920px);padding:18px}.right-dock{grid-template-rows:auto auto minmax(0,1fr) minmax(180px,30%);gap:10px;display:grid}.mode-toolbar{grid-template-columns:auto 1fr;align-items:center;gap:18px;display:grid}.mode-icons{gap:10px;display:flex}.mode-icon{color:#6d6d6b;background:radial-gradient(circle at 35% 30%,#ffffff1f,#0000 28%),#272727;border:1px solid #ffffff14;border-radius:50%;width:48px;height:48px;font-size:20px;box-shadow:inset 0 0 0 4px #0000002e,inset 0 0 0 10px #ffffff05}.mode-icon.active{color:#f4f0d3;background:radial-gradient(circle at 35% 30%,#ffffff3d,#0000 28%),#343434;border-color:#ffffff2e}.mode-title h3{margin:0 0 6px;color:#b0b0ae!important;font-family:Avenir Next,PingFang SC,sans-serif!important;font-size:20px!important;font-weight:500!important}.toggle-row{color:#6f6f6c;align-items:center;gap:10px;display:inline-flex}.wheel-meta{justify-content:space-between;gap:10px;margin:14px 0 6px;display:flex}.wheel-pill{text-align:center;background:#313131b8;border:1px solid #ffffff17;border-radius:8px;flex:1 1 0;min-width:0;padding:8px 10px}.wheel-pill span,.wheel-pill small{display:block}.wheel-pill span{color:#a8a8a7;font-size:18px}.wheel-pill small{color:#666;text-transform:lowercase;margin-top:4px}.base-rgb-pill span{letter-spacing:.08em}.wheel-stage{flex:auto;place-items:center;padding:4px 0 0;display:grid}.wheel-layout{place-items:center;width:100%;display:grid}.color-wheel{aspect-ratio:1;touch-action:none;background:repeating-conic-gradient(#ffffff1f 0deg 4deg,#0000 4deg 8deg),conic-gradient(red 0deg,#ff4000 15deg,#ff8000 30deg,#ffbf00 45deg,#ff0 60deg,#bfff00 75deg,#80ff00 90deg,#40ff00 105deg,#0f0 120deg,#00ff40 135deg,#00ff80 150deg,#00ffbf 165deg,#0ff 180deg,#00bfff 195deg,#0080ff 210deg,#0040ff 225deg,#00f 240deg,#4000ff 255deg,#8000ff 270deg,#bf00ff 285deg,#f0f 300deg,#ff00bf 315deg,#ff0080 330deg,#ff0040 345deg,red 360deg);border-radius:50%;width:min(100%,clamp(440px,42vw,680px));position:relative;box-shadow:inset 0 0 0 40px #ffffff0a,inset 0 0 80px #ffc8001f,0 10px 24px #0000004d}.color-wheel:before,.color-wheel:after{content:"";border-radius:50%;position:absolute}.color-wheel:before{border:3px solid #ffffff14;inset:14%}.color-wheel:after{mix-blend-mode:screen;background:radial-gradient(circle at 28% 24%,#fffffff2,#0000 36%),conic-gradient(from 90deg,#000000c7,#0000 30%,#ffffff38 54%,#ffffff8c 70%,#ffde67f2 100%);inset:34%}.outer-rim,.inner-rim,.center-disc,.center-core{border-radius:50%;position:absolute;inset:0}.outer-rim{background:repeating-conic-gradient(#0000 0deg 7deg,#ffffff0b 7deg 8deg);border:1px solid #ffffff14;inset:7%}.inner-rim{background:repeating-conic-gradient(#0000 0deg 14deg,#ffffff0a 14deg 16deg);border:1px solid #ffffff14;inset:18%}.center-disc{transform-origin:50%;background:repeating-conic-gradient(#a48f3e1f 0deg 12deg,#7a69261f 12deg 24deg),conic-gradient(#b89e44eb,#948134eb 28%,#6c5e25f0 58%,#50451cf5 100%);inset:27%;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 0 18px #0000001f}.center-core{transform-origin:50%;background:repeating-conic-gradient(#8a762e29 0deg 18deg,#584a1a24 18deg 36deg),#28221480;border:2px solid #ffffff47;inset:47%}.rotating-center{transition:transform .12s linear}.wheel-marker{border:3px solid #ffffff7a;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #0000002e,0 0 20px #ffd68a42}.control-point{z-index:2;cursor:grab}.control-point.dragging{cursor:grabbing;transform:translate(-50%,-50%)scale(1.12)}.palette-strip-panel{color:#7b7b79;align-items:start;gap:12px;margin-bottom:10px;display:flex}.palette-strip{align-items:start;gap:2px;padding-top:2px;display:flex}.strip-group{gap:0;display:flex}.strip-swatch{border:0;width:48px;height:48px}.strip-group .strip-swatch:nth-child(n+2){width:24px;height:16px;margin-top:32px}.preview-board{border-radius:14px;height:100%;min-height:0;display:block;overflow:hidden}.preview-grid{height:100%;min-height:100%;padding:16px}.tri-preview{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tri-preview-right{grid-template-rows:1fr 1fr;gap:16px;display:grid}.tetrad-preview{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:16px;display:grid}.large-preview-block{border-radius:12px;flex-direction:column;justify-content:end;align-items:start;min-height:0;padding:16px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f}.large-preview-block.primary{min-height:100%}.large-preview-block strong,.large-preview-block span{display:block}.large-preview-block strong{font-size:1.05rem}.large-preview-block span{opacity:.76;margin-top:6px}.preview-contrast-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin-top:14px;display:grid}.contrast-chip-wrap{justify-items:start;gap:6px;display:grid}.contrast-chip{aspect-ratio:1;border:1px solid #ffffff38;border-radius:6px;width:100%;box-shadow:inset 0 0 0 1px #0000001a}.contrast-chip-wrap small{color:inherit;opacity:.78;letter-spacing:.03em;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1}.parameter-controls{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;padding:14px 16px;display:grid}.parameter-row{grid-template-rows:auto 1fr;align-items:center;gap:8px;display:grid}.parameter-row-head{color:#c3c2bd;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.parameter-row-head strong{color:#f1efe6;font-variant-numeric:tabular-nums;font-size:13px}.parameter-bar{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;--parameter-top:#fff;--parameter-bottom:gray;--parameter-value:50;border-radius:999px;width:100%;height:16px;position:relative}.parameter-track,.parameter-fill{border-radius:inherit;position:absolute;inset:0}.parameter-track{background:linear-gradient(90deg, var(--parameter-bottom) 0%, color-mix(in srgb, var(--parameter-top) 50%, var(--parameter-bottom)) 50%, var(--parameter-top) 100%);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 0 12px #0000003d}.parameter-fill{width:calc(var(--parameter-value) * 1%);pointer-events:none;background:linear-gradient(90deg,#ffffff1f,#ffffff6b)}.parameter-thumb{top:50%;left:calc(var(--parameter-value) * 1%);pointer-events:none;background:#ffffff0a;border:3px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #00000029,0 6px 12px #0000003d}.vision-row{color:#979794;justify-content:end;align-items:center;gap:10px;margin-bottom:10px;display:flex}.vision-select{min-width:150px}.control-deck{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);gap:18px;display:grid}.control-card{color:#b9b8b6;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 20px 44px #00000038;background:radial-gradient(circle at 100% 0,#ceb1521f,#0000 28%),linear-gradient(#363636fa,#1f1f1ffa)!important;border:1px solid #ffffff0f!important;border-radius:18px!important}.control-card .ant-card-head,.control-card .ant-card-body{color:inherit;background:0 0}.control-card .ant-card-head{background:linear-gradient(#ffffff0a,#ffffff03);border-bottom:1px solid #ffffff0f;min-height:62px;padding:0 22px}.control-card .ant-card-body{padding:20px 22px 22px!important}.control-card .ant-card-head-title,.control-card .ant-typography,.control-card .ant-statistic,.control-card .ant-statistic-content,.control-card .ant-statistic-title{color:#b9b8b6!important}.control-card .ant-card-head-title{letter-spacing:.04em;font-size:16px;font-weight:700}.control-field{background:linear-gradient(#ffffff0b,#ffffff04),#0a0a0a1a;border:1px solid #ffffff0f;border-radius:16px;gap:10px;padding:14px 16px;display:grid}.control-label{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700;color:#e2dfd3!important}.color-input-row.dark{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:12px;margin-top:0;display:grid}.color-input-row.dark .ant-input,.control-card .ant-input{color:#e3e0d9;background:#0e0e0e66;border-color:#ffffff14;border-radius:12px;min-height:44px;box-shadow:inset 0 1px #ffffff08}.color-value-button{color:#e3e0d9;text-align:left;cursor:pointer;background:#0e0e0e66;border:1px solid #ffffff14;border-radius:12px;align-items:center;width:100%;min-height:44px;padding:10px 14px;display:flex;box-shadow:inset 0 1px #ffffff08}.color-value-button span{letter-spacing:.04em;font-family:SFMono-Regular,Consolas,monospace;font-size:15px;line-height:1;display:block}.native-color{background:0 0;border:1px solid #ffffff1a;border-radius:12px;width:100%;height:44px;padding:0;overflow:hidden}.dark-radio-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:0;display:grid}.dark-radio-group .ant-radio-button-wrapper{color:#c0bfba;text-align:center;background:#0e0e0e52;border:1px solid #ffffff14;height:auto;padding:10px 12px;line-height:1.3;border-radius:12px!important}.dark-radio-group .ant-radio-button-wrapper-checked{box-shadow:0 10px 20px #9f7a2d33;color:#161205!important;background:#8f7a32!important}.action-row,.export-grid{flex-wrap:wrap;gap:10px;display:flex}.control-actions{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 0;display:grid}.control-actions .ant-btn,.swatches-export-grid .ant-btn{border-radius:12px;min-height:42px;padding-inline:16px}.control-actions>.ant-btn,.control-actions>.control-upload{width:100%;min-width:0}.control-upload,.control-upload .ant-upload,.control-upload .ant-upload-select,.control-upload .ant-upload-wrapper,.control-upload .ant-btn{width:100%}.dark-alert{margin-top:16px}.contrast-pickers,.stats-row{gap:12px;display:flex}.contrast-pickers{align-items:center}.contrast-panel-block{background:linear-gradient(#ffffff0b,#ffffff04),#0a0a0a1a;border:1px solid #ffffff0f;border-radius:16px;padding:14px 16px}.contrast-preview{border-radius:14px;place-items:center;min-height:116px;font-size:30px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #ffffff14,0 14px 28px #0000001f}.stats-row{justify-content:space-between}.stats-row .ant-statistic{flex:1 1 0;padding:4px 0}.stats-row .ant-statistic-title{letter-spacing:.08em;text-transform:uppercase;color:#8f8f8b!important;margin-bottom:6px!important;font-size:11px!important}.stats-row .ant-statistic-content{font-weight:700;color:#ece7d7!important}.swatches-card{min-height:0}.swatches-card .ant-card-body{gap:16px;display:grid}.swatches-panel{flex-wrap:nowrap;align-items:stretch;gap:16px;display:flex;overflow-x:auto}.swatches-panel-head{background:linear-gradient(#ffffff0b,#ffffff04),#0a0a0a1a;border:1px solid #ffffff0f;border-radius:16px;justify-content:space-between;align-items:start;gap:18px;padding:14px 16px;display:flex}.swatches-panel-title{gap:6px;display:grid}.swatches-panel-title span{color:#e1dfd8;letter-spacing:.03em;font-size:20px;font-weight:600}.swatches-panel-title small{color:#8f8f8b;font-size:12px}.swatches-export-grid{justify-content:end}.swatch-column{background:linear-gradient(#ffffff0b,#ffffff04),#ffffff05;border:1px solid #ffffff0f;border-radius:14px;flex:1 1 0;min-width:180px;padding:14px;box-shadow:inset 0 1px #ffffff08}.swatch-column-head{border-bottom:1px solid #ffffff0f;gap:4px;margin-bottom:12px;padding-bottom:10px;display:grid}.swatch-column-head span{color:#dddcd5}.swatch-column-head small{color:#8a8a86}.swatch-column-grid{gap:10px;display:grid}.swatch-tile{border:0;border-radius:12px;justify-content:space-between;align-items:end;min-height:78px;padding:12px;display:flex}.seo-panel{background:radial-gradient(circle at 100% 0,#ceb15238,#0000 30%),radial-gradient(circle at 0 100%,#80622d33,#0000 34%),linear-gradient(#383838fa,#1c1c1cfa);border-radius:18px;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:22px;padding:28px;display:grid;position:relative;overflow:hidden}.seo-panel:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff08 48%,#0000 62%);position:absolute;inset:0}.seo-copy,.seo-features{z-index:1;position:relative}.seo-eyebrow{color:#efd995;letter-spacing:.14em;text-transform:uppercase;background:#ceb1521f;border:1px solid #ceb1522e;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 12px;font-size:12px;display:inline-flex}.seo-copy h2{color:#dfddd6!important;margin-bottom:12px!important;font-family:Avenir Next,PingFang SC,sans-serif!important;font-size:30px!important}.seo-copy p,.seo-features span{line-height:1.8;color:#9f9f9b!important}.seo-copy p{font-size:15px}.seo-tag-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.seo-tag-row span{color:#d2d0c8;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:8px 12px;font-size:13px}.seo-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.seo-metrics div{background:linear-gradient(#ffffff0d,#ffffff05),#0f0f0f38;border:1px solid #ffffff14;border-radius:16px;padding:16px;box-shadow:inset 0 1px #ffffff0a}.seo-metrics strong,.seo-metrics span{display:block}.seo-metrics strong{color:#f1dfaa;margin-bottom:6px;font-size:24px;font-weight:700}.seo-metrics span{color:#a6a5a1;font-size:13px}.seo-features{align-content:center;gap:14px;display:grid}.seo-features-head{padding:4px 2px 10px}.seo-features-head span,.seo-features-head strong{display:block}.seo-features-head span{color:#c7b684;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;font-size:12px}.seo-features-head strong{color:#e5dfd1;font-size:20px;font-weight:600;line-height:1.45}.seo-feature-card{background:radial-gradient(circle at 100% 0,#ceb15217,#0000 44%),linear-gradient(#584c2e2e,#ffffff05),#ffffff05;border:1px solid #ceb1521f;border-radius:16px;align-items:flex-start;gap:12px;padding:16px 18px;display:flex;box-shadow:inset 0 1px #ffffff0d,0 12px 30px #00000024}.seo-feature-card strong,.seo-feature-card span{display:block}.seo-feature-card strong{color:#ece7d9;margin-bottom:6px;font-size:15px}.company-panel{gap:18px;display:grid}.company-hero,.company-card{background:radial-gradient(circle at 100% 0,#ceb1522e,#0000 30%),linear-gradient(#363636fa,#1c1c1cfa);border:1px solid #ffffff0f;border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 18px 40px #00000029}.company-hero{grid-template-columns:minmax(0,1.25fr) minmax(240px,.72fr) minmax(260px,.78fr);gap:18px;padding:28px;display:grid}.company-copy h2{color:#e6e1d4!important;margin-bottom:12px!important;font-size:30px!important}.company-copy p,.company-positioning span,.company-positioning blockquote,.company-service-item p,.company-strength-item p,.company-case-item p{color:#a5a49f;line-height:1.78}.company-eyebrow{color:#efd995;letter-spacing:.14em;text-transform:uppercase;background:#ceb1521f;border:1px solid #ceb1522e;border-radius:999px;margin-bottom:14px;padding:6px 12px;font-size:12px;display:inline-flex}.company-positioning{background:linear-gradient(#ffffff0b,#ffffff05),#ffffff05;border:1px solid #ffffff0f;border-radius:16px;align-content:start;align-self:stretch;gap:14px;padding:18px;display:grid}.company-contact{background:radial-gradient(circle at 100% 0,#ceb15224,#0000 45%),linear-gradient(#ffffff0b,#ffffff05),#ffffff05;border:1px solid #ffffff0f;border-radius:16px;align-content:start;align-self:stretch;gap:14px;padding:18px;display:grid}.company-positioning span,.company-contact>span{color:#d1bf8b;letter-spacing:.14em;text-transform:uppercase;font-size:12px}.company-positioning blockquote{color:#e6dfcf;background:#00000024;border-left:3px solid #ceb1528c;border-radius:14px;margin:0;padding:14px 16px;font-size:18px}.company-contact-list{gap:12px;display:grid}.company-contact-item{background:linear-gradient(#ceb15214,#ffffff06),#ffffff05;border:1px solid #ffffff0f;border-radius:14px;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:14px;padding:14px 16px 14px 14px;display:grid}.company-contact-icon{color:#f0db9a;background:#ceb1521f;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.company-contact-copy{gap:4px;display:grid}.company-contact-copy strong{color:#ece7d7;font-size:15px}.company-contact-copy p,.company-contact-copy a{color:#a5a49f;word-break:break-word;margin:0;line-height:1.72}.company-contact-copy a{color:#f0db9a;text-decoration:none}.company-contact-copy a:hover{color:#ffe7a0;text-decoration:underline}.company-top-grid{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);align-items:start;gap:18px;display:grid}.company-grid{grid-template-columns:1fr;align-items:start;gap:18px;display:grid}.company-card{padding:22px}.company-services,.company-strengths,.company-cases{height:100%}.company-card-head{color:#eddca6;align-items:center;gap:10px;margin-bottom:16px;display:flex}.company-card-head strong{color:#e6e1d4;letter-spacing:.03em;font-size:18px}.company-service-list,.company-strength-list,.company-case-list{gap:12px;display:grid}.company-service-list{grid-template-columns:repeat(3,minmax(0,1fr))}.company-service-item,.company-strength-item,.company-case-item{background:linear-gradient(#ffffff0b,#ffffff05),#ffffff05;border:1px solid #ffffff0f;border-radius:14px;gap:12px;padding:14px 16px;display:grid}.company-service-item{grid-template-columns:42px minmax(0,1fr)}.company-service-item>span{color:#f0db9a;background:#ceb1521f;border-radius:12px;place-items:center;width:42px;height:42px;font-family:SFMono-Regular,Consolas,monospace;font-size:14px;display:grid}.company-service-item strong,.company-strength-item strong,.company-case-item strong{color:#ece7d7;margin-bottom:6px;font-size:15px;display:block}.company-service-item p,.company-strength-item p,.company-case-item p{margin:0}.company-strength-item{grid-template-columns:20px minmax(0,1fr);align-items:start}.company-strength-item .anticon,.company-card-head .anticon{color:#d0b45e}.company-cases-grid .company-cases{padding-bottom:20px}.company-case-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.company-case-item{background:linear-gradient(#ceb15214,#ffffff06),#ffffff05;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:10px;padding:12px}.company-case-item>span{color:#f2dfaa;letter-spacing:.08em;background:linear-gradient(#e4ca7c2e,#8f7a3224);border:1px solid #ceb15233;border-radius:12px;place-items:center;width:42px;height:42px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;display:grid;box-shadow:inset 0 1px #ffffff14}.company-case-copy{gap:4px;display:grid}.company-case-copy strong{color:#ece7d7;margin:0;font-size:12px;line-height:1.45;display:block}.company-case-item p{color:#e8e1d0;font-size:11px;line-height:1.5}.seo-features .anticon{color:#ceb152;flex:none;margin-top:2px;font-size:18px}.filter-grayscale{filter:grayscale()}.filter-desaturate{filter:saturate(.4)}.filter-protanopia{filter:url(#protanopia)}.filter-deuteranopia{filter:url(#deuteranopia)}.filter-tritanopia{filter:url(#tritanopia)}@media (width<=1180px){.workbench,.control-deck,.seo-panel,.company-hero,.company-top-grid,.company-grid,.company-service-list,.company-case-list{grid-template-columns:1fr}.right-dock{grid-template-rows:auto auto minmax(420px,1fr) auto}.preview-board{min-height:560px}.swatches-panel-head{flex-direction:column;align-items:stretch}.swatches-export-grid{justify-content:start}.seo-metrics{grid-template-columns:1fr}}@media (width<=780px){.topbar,.left-dock,.right-dock{padding:16px}.topbar{flex-wrap:wrap;align-items:flex-start;gap:12px}.topbar-brand-title{font-size:29px}.topbar-brand-caption{font-size:11px}.mode-toolbar,.wheel-meta{grid-template-columns:1fr;gap:14px;display:grid}.preview-board{min-height:420px}.dark-radio-group,.color-input-row.dark{grid-template-columns:1fr}.stats-row{flex-direction:column}.wheel-layout,.tri-preview,.tetrad-preview{grid-template-columns:1fr}.tri-preview-right,.tetrad-preview{grid-template-rows:auto}.preview-contrast-row{grid-template-columns:repeat(4,minmax(36px,1fr))}.parameter-controls{padding:12px}.swatches-panel{grid-template-columns:1fr}}