@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--score:0deg}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}}:root{--primary:#004cb5;--primary-strong:#003e95;--secondary:#7599ca;--navy:#00214f;--gold:#ffb100;--mist:#b6c5da;--ink:#00214f;--background:#f8fafc;--surface:#fff;--border:#e5eaf0;--muted:#64748b;--soft-blue:#eef6ff;--success:#16845b;--warning:#b56a08;--danger:#c23b3b;--shadow-sm:0 2px 8px #062b630f;--shadow-md:0 14px 36px #062b6317;--shadow-lg:0 28px 72px #062b6324}.principle-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.principle-grid article{border:1px solid var(--border);background:#fff;border-radius:15px;grid-template-columns:38px 1fr;align-items:start;gap:13px;min-height:112px;padding:20px;display:grid}.principle-grid article>span{width:34px;height:34px;color:var(--primary);background:var(--soft-blue);border-radius:10px;place-items:center;font-size:10px;font-weight:700;display:grid}.principle-grid p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.6}.graphic-specs{grid-template-columns:repeat(4,1fr)}.color-compare{border:1px solid var(--border);border-radius:14px;grid-template-columns:1fr 1fr;min-height:330px;display:grid;overflow:hidden}.color-compare>div{align-items:end;padding:22px;display:flex}.color-compare span{color:var(--navy);background:#ffffffe6;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:700}.generated-palette{border:1px solid var(--border);border-radius:15px;grid-template-columns:repeat(6,1fr);display:grid;overflow:hidden}.generated-palette article{flex-direction:column;justify-content:end;align-items:start;min-height:220px;padding:16px 12px;display:flex}.generated-palette article>span{font-size:9px;font-weight:700}.generated-palette article>strong{margin:5px 0 10px;font-size:10px}.poster-type-preview{color:#fff;background:linear-gradient(145deg, var(--navy), var(--primary));border-radius:15px;flex-direction:column;justify-content:end;min-height:430px;padding:45px;display:flex;overflow:hidden}.poster-type-preview>span{letter-spacing:-.045em;max-width:620px;font-weight:800;line-height:.98}.poster-type-preview>strong{color:#b9dcff;margin-top:18px}.poster-type-preview>p{color:#e3f0ff;margin:10px 0 22px}.poster-type-preview>em{background:#ffffff1f;border-radius:999px;width:fit-content;padding:7px 10px;font-size:9px;font-style:normal}.readability-stage{border:1px solid var(--border);background:#eef2f6;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:22px;display:flex}.readability-stage>span{color:var(--muted);margin-bottom:12px;font-size:9px}.readability-stage>div{aspect-ratio:4/5;min-width:100px;box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;padding:8%;display:flex;overflow:hidden}.readability-stage strong{letter-spacing:-.04em;overflow-wrap:anywhere;line-height:1}.readability-stage p{margin:8px 0 0;font-size:7px}.safe-area-preview{background:#edf3f8;border-radius:15px;place-items:center;min-height:360px;padding:28px;display:grid}.safe-area-preview>div{border:1.5px dashed var(--primary);border-radius:10px;transition:padding .2s}.safe-area-preview>div>span{min-width:190px;min-height:90px;color:var(--navy);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.safe-area-preview>small{max-width:430px;color:var(--muted);text-align:center;font-size:9px;line-height:1.5}.publication-grid{background:#fff;border:1px solid #cbd7e4;border-radius:10px;width:min(420px,100%);max-height:520px;margin:5px auto;display:grid;position:relative;overflow:hidden}.publication-grid i{background:#0057b81f;border-radius:3px;min-width:0}.publication-grid strong{color:var(--navy);border:1px solid var(--primary);text-align:center;background:#ffffffe0;place-items:center;font-size:20px;line-height:1.05;display:grid;position:absolute;inset:28% 14%}.size-preset-list{gap:8px;display:grid}.size-preset-list button{border:1px solid var(--border);min-height:65px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:11px;grid-template-columns:1fr auto;gap:3px 16px;padding:13px 15px;display:grid}.size-preset-list button:hover,.size-preset-list button.active{background:var(--soft-blue);border-color:#a9cff5}.size-preset-list span{color:var(--navy);font-size:11px;font-weight:600}.size-preset-list strong{color:var(--primary);grid-area:1/2/3;align-self:center;font-size:10px}.size-preset-list small{color:var(--muted);font-size:9px}.canvas-preview{background:#eef3f8;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:410px;padding:24px;display:flex}.canvas-preview>div{color:#fff;background:linear-gradient(145deg, var(--primary), var(--navy));width:min(245px,85%);max-height:320px;box-shadow:var(--shadow-md);border-radius:8px;flex-direction:column;justify-content:end;padding:25px;display:flex}.canvas-preview>div span{font-size:9px}.canvas-preview>div strong{margin-top:7px;font-size:18px}.canvas-preview>div small{color:#cfe6ff;margin-top:3px;font-size:9px}.canvas-preview>.copy-button{margin-top:14px}.canvas-preview>p{max-width:430px;color:var(--muted);text-align:center;font-size:9px;line-height:1.55}.print-resolution{min-height:68px;color:var(--navy);background:var(--soft-blue);border-radius:10px;flex-direction:column;justify-content:center;padding:11px 13px;display:flex}.print-resolution span{color:var(--muted);font-size:8px}.print-resolution strong{margin-top:5px;font-size:11px}.export-checklist{gap:20px;display:grid}.checklist-score{color:var(--navy);background:var(--soft-blue);border-radius:15px;align-items:center;gap:25px;padding:22px;display:flex}.checklist-score .score-ring{flex:none;width:105px}.checklist-score strong{font-size:18px}.checklist-score p{color:var(--muted);margin:6px 0 0;font-size:10px}.checklist-items{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.checklist-items label{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:11px;align-items:center;gap:11px;min-height:62px;padding:13px;transition:border-color .18s,background .18s;display:flex}.checklist-items label.done{background:#edf9f4;border-color:#b8dfd1}.checklist-items input{flex:none;width:17px;min-height:17px}.checklist-items span{color:var(--muted);font-size:10px;line-height:1.45}.checklist-items label.done span{color:var(--success);text-decoration:line-through}@media (max-width:980px){.generated-palette{grid-template-columns:repeat(3,1fr)}.generated-palette article{min-height:150px}.graphic-specs{grid-template-columns:repeat(2,1fr)}.checklist-items{grid-template-columns:1fr}}@media (max-width:700px){.principle-grid{grid-template-columns:1fr}.generated-palette{grid-template-columns:repeat(2,1fr)}.color-compare{min-height:270px}.poster-type-preview{min-height:360px;padding:28px}.checklist-score{flex-direction:column;align-items:flex-start}.safe-area-preview>div>span{min-width:150px}.publication-grid{max-height:440px}}.poster-anatomy-demo{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:21px;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);display:grid;overflow:hidden}.poster-preview-panel{background:#eaf0f6;align-content:center;place-items:center;gap:18px;min-width:0;padding:36px;display:grid}.poster-anatomy-controls{border-left:1px solid var(--border);align-content:start;gap:18px;min-width:0;padding:28px;display:grid}.real-poster{--poster-gap:1.25cqw;gap:var(--poster-gap);color:#fff;width:min(100%,540px);box-shadow:var(--shadow-lg);background:linear-gradient(155deg,#001c43 0%,#00377e 54%,#0058c8 100%);border-radius:1.5cqw;grid-template-rows:10fr 28fr 14fr 24fr 15fr 9fr;grid-template-columns:1.1fr .9fr;padding:5%;display:grid;position:relative;overflow:hidden;container-type:inline-size}.real-poster:before{content:"";aspect-ratio:1;pointer-events:none;border:5cqw solid #ffb10014;border-radius:50%;width:55%;position:absolute;top:18%;right:-18%}.real-poster.format-square{grid-template-rows:10fr 32fr 14fr 21fr 14fr 9fr}.real-poster.format-story{grid-template-rows:9fr 27fr 15fr 24fr 16fr 9fr;width:min(100%,390px);padding:12% 8%}.poster-zone{z-index:2;min-width:0;min-height:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:1cqw;padding:1.3cqw;transition:opacity .18s,border-color .18s,box-shadow .18s;display:block;position:relative;overflow:hidden}.poster-zone:hover,.poster-zone.active{z-index:4;border-color:var(--gold);box-shadow:inset 0 0 0 1px #ffb10080,0 0 0 2px #ffb10029}.poster-zone[data-dimmed=true]{opacity:.34}.poster-zone:focus-visible{outline-color:#fff}.poster-zone:disabled{opacity:1;cursor:default}.show-zones .zone-brand{border-color:#70c7ff}.show-zones .zone-hero{border-color:#ffd166}.show-zones .zone-information{border-color:#7ee0bd}.show-zones .zone-visual{border-color:#c8a8ff}.show-zones .zone-conversion{border-color:#ff9ca3}.show-zones .zone-footer{border-color:#b8c7d9}.zone-brand{grid-area:1/1/auto/-1}.zone-hero{grid-area:2/1/auto/-1}.zone-visual{grid-area:3/2/5}.zone-information{grid-area:3/1/5}.zone-conversion{grid-area:5/1/auto/-1}.zone-footer{grid-area:6/1/auto/-1}.zone-label,.priority-label{z-index:5;color:var(--navy);background:#fff;border-radius:.5cqw;padding:.55cqw .8cqw;font-size:clamp(6px,1.5cqw,10px);font-weight:800;line-height:1;position:absolute}.zone-label{top:.5cqw;left:.5cqw}.priority-label{color:#fff;background:#000f26d1;top:.5cqw;right:.5cqw}.poster-brands{align-items:center;gap:2cqw;height:100%;display:flex}.binus-wordmark{line-height:.8;display:grid}.binus-wordmark strong{letter-spacing:-.06em;font-size:clamp(8px,3.2cqw,18px)}.binus-wordmark small,.himti-wordmark small{letter-spacing:.1em;font-size:clamp(4px,1.15cqw,7px)}.poster-brands>i{background:#ffffff59;width:1px;height:60%}.himti-wordmark{align-items:center;gap:.6cqw;display:flex}.himti-wordmark img{object-fit:contain;width:clamp(13px,4.5cqw,26px);height:auto}.collab-mark{color:#9ed0ff;text-align:right;margin-left:auto;font-size:clamp(5px,1.3cqw,8px);font-weight:800;line-height:1.1}.poster-hero-copy{flex-direction:column;justify-content:center;height:100%;display:flex}.poster-hero-copy>small{color:var(--gold);letter-spacing:.14em;font-size:clamp(5px,1.4cqw,9px);font-weight:800}.poster-hero-copy h3{letter-spacing:-.07em;max-width:88%;margin:1.2cqw 0 .8cqw;font-size:clamp(24px,8.8cqw,52px);line-height:.82}.poster-hero-copy p{color:#c7ddf3;max-width:70%;margin:0;font-size:clamp(6px,2cqw,12px);line-height:1.3}.studio-visual{background:linear-gradient(145deg,#7599ca57,#ffffff0f);border-radius:1cqw;grid-template-columns:repeat(3,1fr);align-items:end;gap:1cqw;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.studio-visual>i{background:linear-gradient(#ffb10080,#004cb51a);border:1px solid #ffffff52;border-radius:4cqw 4cqw .6cqw .6cqw;height:76%;transform:translateY(12%)}.studio-visual>i:nth-child(2){background:linear-gradient(#7ee0bd80,#004cb51a);height:56%}.studio-visual>i:nth-child(3){background:linear-gradient(#c8a8ff85,#004cb51a);height:88%}.studio-visual>div{justify-content:space-between;display:flex;position:absolute;inset:auto 1.4cqw 1.4cqw}.studio-visual span{font-size:clamp(4px,1.1cqw,7px);font-weight:800}.poster-info{grid-template-rows:auto 1fr;gap:1.7cqw;height:100%;display:grid}.poster-info strong{color:#9ed0ff;letter-spacing:.08em;font-size:clamp(5px,1.35cqw,8px)}.event-detail{align-content:start;gap:1cqw;display:grid}.event-detail p{grid-template-columns:auto 1fr;align-items:center;gap:1cqw;margin:0;display:grid}.event-detail p b{width:4.4cqw;height:4.4cqw;color:var(--navy);background:var(--gold);border-radius:.8cqw;place-items:center;font-size:clamp(5px,1.45cqw,9px);display:grid}.event-detail p span{font-size:clamp(5px,1.35cqw,8px);line-height:1.35}.event-benefits{align-content:start;gap:.8cqw;display:grid}.event-benefits>div{grid-template-columns:repeat(2,1fr);gap:.65cqw;display:grid}.event-benefits span{color:#dce8f4;white-space:nowrap;align-items:center;gap:.55cqw;font-size:clamp(4px,1.2cqw,7px);display:flex}.event-benefits span i{aspect-ratio:1;background:var(--gold);border-radius:50%;flex:none;width:1.2cqw}.poster-conversion{height:100%;color:var(--navy);background:var(--gold);border-radius:1cqw;grid-template-columns:1fr auto 1.3fr;align-items:center;gap:2cqw;padding:1.6cqw 2cqw;display:grid}.poster-conversion>div{display:grid}.poster-conversion small,.poster-conversion span{font-size:clamp(4px,1.15cqw,7px)}.poster-conversion strong{font-size:clamp(7px,2.5cqw,15px);line-height:1}.qr-pattern{aspect-ratio:1;background:#fff;grid-template-columns:repeat(4,1fr);gap:.3cqw;width:7cqw;padding:.7cqw;display:grid!important}.qr-pattern i{background:var(--navy)}.qr-pattern i:nth-child(3n){opacity:.12}.poster-footer{color:#a9c0d8;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:1.2cqw;height:100%;font-size:clamp(4px,1.1cqw,7px);display:grid}.poster-footer span{overflow-wrap:anywhere}.poster-footer b{color:#fff}.partner-placeholder{border:1px dashed #fff6;border-radius:.5cqw;padding:.7cqw 1cqw;font-size:clamp(4px,1cqw,6px)}.poster-safe-overlay{z-index:8;pointer-events:none;border:1px dashed #ffffffd1;position:absolute;inset:5%}.format-story .poster-safe-overlay{inset:12% 8%}.poster-safe-overlay span{color:var(--navy);background:#fff;padding:.45cqw;font-size:clamp(5px,1.2cqw,7px);font-weight:800;position:absolute;bottom:0;right:0}.poster-flow{z-index:9;pointer-events:none;position:absolute;inset:0}.poster-flow span{color:#fff;background:#000f26db;border-radius:99px;align-items:center;gap:.6cqw;padding:.65cqw 1cqw;font-size:clamp(5px,1.15cqw,7px);display:flex;position:absolute}.poster-flow b{aspect-ratio:1;width:2.8cqw;color:var(--navy);background:var(--gold);border-radius:50%;place-items:center;display:grid}.poster-flow span:first-child{top:17%;left:8%}.poster-flow span:nth-child(2){top:34%;right:7%}.poster-flow span:nth-child(3){top:51%;left:7%}.poster-flow span:nth-child(4){top:64%;left:15%}.poster-flow span:nth-child(5){bottom:13%;right:8%}.poster-flow span:nth-child(6){bottom:4%;left:8%}.zone-legend{grid-template-columns:repeat(6,1fr);gap:6px;width:min(100%,540px);display:grid}.zone-legend button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;justify-items:center;gap:4px;min-width:0;min-height:42px;padding:7px;display:grid}.zone-legend button[aria-pressed=true]{border-color:var(--primary);background:var(--soft-blue)}.zone-legend i,.drop-zone-list h3 i{border-radius:3px;width:10px;height:10px}.zone-legend span{font-size:9px;font-weight:700}.legend-brand{background:#70c7ff}.legend-hero{background:#ffd166}.legend-information{background:#7ee0bd}.legend-visual{background:#c8a8ff}.legend-conversion{background:#ff9ca3}.legend-footer{background:#91a6bd}.overlay-controls{border:1px solid var(--border);border-radius:13px;gap:9px;margin:0;padding:15px;display:grid}.overlay-controls legend{color:var(--navy);padding-inline:5px;font-size:13px;font-weight:800}.overlay-controls label{color:#455b74;cursor:pointer;align-items:center;gap:9px;font-size:13px;display:flex}.overlay-controls input{width:17px;min-height:17px;accent-color:var(--primary);flex:none}.format-guidance{background:#f3f8fd;border-radius:13px;gap:7px;padding:17px;display:grid}.format-guidance>strong{color:var(--navy)}.format-guidance p,.format-guidance>span,.format-guidance em{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.format-guidance>div{grid-template-columns:1fr 1fr;gap:5px;display:grid}.format-guidance small{background:#fff;border-radius:7px;justify-content:space-between;padding:6px 8px;display:flex}.format-guidance small b{color:var(--primary)}.format-guidance em{border-top:1px solid var(--border);padding-top:5px;font-style:normal}.zone-inspector{background:#f7fbff;border:1px solid #d5e7f8;border-radius:14px;padding:18px}.zone-inspector>span{color:var(--primary);letter-spacing:.1em;font-size:10px;font-weight:800}.zone-inspector h3{color:var(--navy);margin:5px 0 12px}.zone-inspector dl{gap:10px;margin:0;display:grid}.zone-inspector dl div{grid-template-columns:95px 1fr;gap:10px;display:grid}.zone-inspector dt{color:var(--navy);font-size:12px;font-weight:800}.zone-inspector dd{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.poster-comparison{grid-template-columns:1fr 1fr;gap:18px;display:grid}.poster-comparison article{border:1px solid var(--border);background:#fff;border-radius:18px;gap:14px;min-width:0;padding:18px;display:grid}.poster-comparison .real-poster{width:100%}.comparison-badge{border-radius:99px;width:fit-content;padding:6px 9px;font-size:12px;font-weight:800}.comparison-badge.bad{color:var(--danger);background:#fff0f0}.comparison-badge.good{color:var(--success);background:#eaf8f2}.poster-comparison ul{color:var(--muted);margin:0;padding-left:20px;font-size:13px;line-height:1.65}.variant-bad{grid-template-rows:16fr 22fr 12fr 22fr 13fr 15fr;gap:.45cqw;padding:3%}.variant-bad .poster-brands{transform-origin:0;transform:scale(1.22)}.variant-bad .poster-hero-copy h3{max-width:100%;font-size:clamp(20px,6cqw,35px);line-height:.95}.variant-bad .poster-hero-copy p{max-width:100%;font-size:clamp(5px,1.7cqw,10px)}.variant-bad .poster-info,.variant-bad .event-detail,.variant-bad .event-benefits{gap:.3cqw}.variant-bad .event-benefits>div{grid-template-columns:1fr;gap:.15cqw}.variant-bad .poster-conversion{transform:translateY(2.5cqw)}.variant-bad .poster-footer{font-size:clamp(5px,1.45cqw,9px)}.poster-exercises{gap:32px;display:grid}.poster-placement>.button{margin-top:18px}.placement-workspace{grid-template-columns:minmax(290px,.8fr) minmax(0,1.2fr);gap:16px;display:grid}.content-card-list,.drop-zone-list{gap:8px;min-width:0;display:grid}.content-card-list article{border:1px solid var(--border);cursor:grab;background:#fff;border-radius:11px;grid-template-columns:minmax(100px,.7fr) minmax(180px,1.3fr);align-items:center;gap:9px 14px;padding:13px;display:grid}.content-card-list article.placed{background:#f8fbff;border-color:#b8d6f3}.content-card-list strong{color:var(--navy);font-size:13px}.content-card-list label{gap:3px;display:grid}.content-card-list label span{color:var(--muted);font-size:10px}.content-card-list select{min-height:38px;font-size:12px}.content-card-list article>small{border-top:1px solid var(--border);color:var(--muted);grid-column:1/-1;padding-top:8px;line-height:1.5}.content-card-list article>small.correct{color:var(--success)}.content-card-list article>small.incorrect{color:var(--danger)}.drop-zone-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.drop-zone-list section{background:#ffffffa6;border:1px dashed #aac3dc;border-radius:12px;min-height:128px;padding:12px}.drop-zone-list h3{color:var(--navy);align-items:center;gap:7px;margin:0 0 8px;font-size:13px;display:flex}.drop-zone-list section>div{flex-wrap:wrap;gap:5px;display:flex}.drop-zone-list button{color:var(--primary);cursor:pointer;background:#fff;border:1px solid #cbdceb;border-radius:7px;gap:6px;padding:6px 7px;font-size:11px;display:flex}.drop-zone-list section>small{color:#91a0b1;margin-top:8px;font-size:10px;display:block}.placement-feedback{min-height:0;margin-top:12px}.placement-feedback.visible{color:var(--navy);background:#eaf4ff;border-radius:12px;padding:15px}.placement-feedback p{color:var(--muted);margin:4px 0 0;font-size:13px}.ratio-layout{grid-template-columns:minmax(300px,1fr) minmax(240px,.65fr);align-items:start;gap:24px;display:grid}.ratio-controls{gap:14px;display:grid}.ratio-controls label{grid-template-columns:1fr auto;gap:4px 10px;display:grid}.ratio-controls label>span{color:var(--navy);font-size:13px;font-weight:700;display:contents}.ratio-controls strong{color:var(--primary)}.ratio-controls input{min-height:22px;accent-color:var(--primary);grid-column:1/-1;padding:0}.ratio-controls small{color:var(--muted);grid-column:1/-1}.ratio-preview{justify-items:center;gap:10px;display:grid}.ratio-stack{aspect-ratio:4/5;width:min(260px,100%);box-shadow:var(--shadow-md);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.ratio-stack>div{justify-content:space-between;align-items:center;min-height:0;padding:7px 9px;transition:flex-basis .18s;display:flex}.ratio-stack span,.ratio-stack strong{font-size:10px}.ratio-brand{color:var(--navy);background:#70c7ff}.ratio-hero{color:var(--navy);background:#ffd166}.ratio-information{color:var(--navy);background:#7ee0bd}.ratio-conversion{color:var(--navy);background:#ff9ca3}.ratio-footer{color:#fff;background:#657b94}.ratio-total{color:var(--navy)}.ratio-exercise .exercise-feedback ul{margin:6px 0 0;padding-left:18px}@media (max-width:1000px){.poster-anatomy-demo{grid-template-columns:1fr}.poster-anatomy-controls{border-top:1px solid var(--border);border-left:0}.placement-workspace{grid-template-columns:1fr}}@media (max-width:700px){.poster-preview-panel{padding:18px}.poster-anatomy-controls{padding:20px}.real-poster{width:min(100%,460px)}.zone-legend{grid-template-columns:repeat(3,1fr)}.zone-legend button{min-height:48px}.poster-comparison{grid-template-columns:1fr}.poster-comparison article{padding:12px}.drop-zone-list,.content-card-list article,.ratio-layout{grid-template-columns:1fr}.ratio-preview{order:-1}.ratio-stack{width:min(230px,75vw)}.zone-inspector dl div{grid-template-columns:1fr;gap:2px}.format-guidance>div{grid-template-columns:1fr}}.learn-page,.lesson-page{gap:42px;display:grid}.learn-hero{color:#fff;background:linear-gradient(135deg, var(--navy), var(--primary));box-shadow:var(--shadow-md);border-radius:26px;padding:54px;position:relative;overflow:hidden}.learn-hero:after{content:"Aa";color:#ffffff12;pointer-events:none;font-size:250px;font-weight:800;line-height:1;position:absolute;bottom:-28%;right:5%}.learn-hero .eyebrow{color:#9ed0ff}.learn-hero h1{letter-spacing:-.05em;max-width:780px;margin:14px 0 18px;font-size:clamp(40px,5vw,66px);line-height:1.04}.learn-hero>p{color:#d3e2f2;max-width:720px;margin:0;font-size:17px;line-height:1.7}.learn-hero-actions{z-index:1;align-items:center;gap:20px;margin-top:28px;display:flex;position:relative}.learn-hero-actions>span{color:#c6d9ed;align-items:center;gap:7px;font-size:14px;display:flex}.progress-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:17px;grid-template-columns:minmax(210px,.55fr) minmax(220px,1fr) auto;align-items:center;gap:24px;padding:22px 24px;display:grid}.progress-card>div:first-child{display:grid}.progress-card span,.progress-card small{color:var(--muted);font-size:12px}.progress-card strong{color:var(--navy);font-size:18px}.progress-track{background:#e6edf5;border-radius:99px;height:9px;overflow:hidden}.progress-track i{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #4da1ef);height:100%;transition:width .25s;display:block}.progress-card .active-lesson{color:var(--primary);background:var(--soft-blue);border-radius:99px;padding:7px 10px;font-weight:700}.learn-list{gap:26px;display:grid}.learn-section-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.learn-section-heading h2{max-width:650px;color:var(--navy);letter-spacing:-.035em;margin:8px 0 0;font-size:clamp(28px,3vw,40px);line-height:1.15}.learn-section-heading>strong{color:var(--primary)}.lesson-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.lesson-card{border:1px solid var(--border);min-height:330px;box-shadow:var(--shadow-sm);background:#fff;border-radius:19px;flex-direction:column;align-items:flex-start;padding:25px;display:flex}.lesson-card-top{justify-content:space-between;align-items:center;width:100%;display:flex}.lesson-number{color:#a2b3c7;letter-spacing:.1em;font-size:13px;font-weight:800}.lesson-status{color:var(--muted);background:#f0f3f7;border-radius:99px;padding:6px 9px;font-size:11px;font-weight:700}.lesson-status.learning{color:var(--primary);background:var(--soft-blue)}.lesson-status.complete{color:var(--success);background:#eaf8f2}.lesson-card .feature-icon{margin-top:24px}.lesson-card h3{color:var(--navy);margin:18px 0 7px;font-size:21px}.lesson-card>p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.lesson-meta{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.lesson-meta span{color:#526982;background:#f3f6f9;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:12px;font-weight:600;display:flex}.lesson-card .button{width:100%;margin-top:auto}.lesson-header{color:#fff;background:linear-gradient(140deg, var(--navy), #003c88);border-radius:24px;justify-content:space-between;gap:30px;min-height:330px;padding:46px;display:flex}.lesson-header>div{flex-direction:column;align-items:flex-start;display:flex}.lesson-header a{color:#b9d9f8;align-items:center;gap:6px;margin-bottom:44px;font-size:13px;font-weight:600;display:flex}.lesson-header .eyebrow{color:#8ec6ff}.lesson-header h1{letter-spacing:-.05em;margin:10px 0;font-size:clamp(40px,6vw,68px);line-height:1}.lesson-header p{color:#c9d9e9;max-width:650px;margin:0;font-size:17px}.lesson-header .lesson-meta{margin-bottom:0}.lesson-header .lesson-meta span{color:#dbe9f7;background:#ffffff1a}.lesson-header-icon{color:#9ed0ff;background:#ffffff14;border:1px solid #ffffff29;border-radius:22px;flex:none;place-items:center;width:78px;height:78px;display:grid}.lesson-section{padding-top:12px}.section-kicker{color:var(--primary);letter-spacing:.13em;font-size:12px;font-weight:800}.lesson-section>h2{max-width:760px;color:var(--navy);letter-spacing:-.035em;margin:9px 0 20px;font-size:clamp(27px,3vw,38px);line-height:1.18}.lesson-section>p{max-width:800px;color:var(--muted);font-size:15px;line-height:1.7}.overview-grid{grid-template-columns:1fr .8fr;gap:24px;display:grid}.overview-grid h2{color:var(--navy);margin:9px 0 12px;font-size:34px}.overview-grid>div:first-child p,.importance-card p{color:var(--muted);margin:0;font-size:16px;line-height:1.75}.importance-card{color:var(--primary);background:#f3f9ff;border:1px solid #d8e9fa;border-radius:17px;align-self:end;gap:13px;padding:24px;display:flex}.importance-card strong{color:var(--navy)}.importance-card p{margin-top:6px;font-size:14px}.objective-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.objective-grid>div{border:1px solid var(--border);background:#fff;border-radius:15px;align-items:flex-start;gap:12px;min-height:105px;padding:19px;display:flex}.objective-grid svg{color:var(--success);flex:none}.objective-grid span{color:var(--navy);font-size:14px;font-weight:600;line-height:1.5}.interactive-demo{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:21px;grid-template-columns:minmax(0,1.25fr) minmax(285px,.75fr);display:grid;overflow:hidden}.demo-preview{background:#edf3f8;place-items:center;min-height:590px;padding:42px;display:grid;overflow:hidden}.demo-controls{border-left:1px solid var(--border);align-content:center;gap:20px;padding:28px;display:grid}.demo-field{color:var(--navy);gap:8px;font-size:13px;font-weight:700;display:grid}.demo-field>span{justify-content:space-between;gap:10px;display:flex}.demo-field strong{color:var(--primary)}.demo-field input[type=range]{min-height:24px;accent-color:var(--primary);padding:0}.demo-field input[type=color]{height:48px;padding:4px}.demo-result,.attention-order,.selected-part{color:var(--primary);background:var(--soft-blue);border-radius:13px;gap:5px;padding:17px;display:grid}.demo-result strong,.attention-order strong,.selected-part strong{color:var(--navy)}.demo-result span,.demo-result small,.attention-order li,.attention-order small,.selected-part p,.demo-controls>small{color:var(--muted);font-size:12px;line-height:1.55}.demo-result.warning{color:var(--warning);background:#fff7e9}.demo-result.success{color:var(--success);background:#edf9f4}.attention-order ol{margin:5px 0;padding-left:20px}.learning-poster{aspect-ratio:4/5;color:#fff;background:linear-gradient(145deg, var(--navy), var(--primary));width:min(430px,100%);box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;justify-content:center;padding:10%;display:flex;overflow:hidden}.learning-poster>small{color:#9ed0ff;letter-spacing:.1em;font-weight:800}.learning-poster h3{letter-spacing:-.05em;overflow-wrap:anywhere;max-width:100%;margin:14px 0 0;line-height:.98}.learning-poster h4{color:#9ed0ff;margin:18px 0 0;line-height:1.1}.learning-poster p{color:#d8e6f3;margin-bottom:18px}.learning-poster>strong{font-size:13px}.learning-poster button,.contrast-learning-preview button{width:fit-content;color:var(--primary);background:#fff;border:0;border-radius:8px;margin-top:24px;padding:10px 13px;font-size:12px;font-weight:800}.spacing-poster div{gap:4px;display:grid}.spacing-poster div span{color:#bcd0e4;font-size:12px}.contrast-learning-preview{width:min(480px,100%);min-height:390px;box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;justify-content:center;padding:48px;display:flex}.contrast-learning-preview h3{letter-spacing:-.05em;margin:14px 0 10px;font-size:clamp(38px,5vw,62px);line-height:1}.contrast-learning-preview p{line-height:1.6}.contrast-score{border-radius:14px;padding:20px;display:grid}.contrast-score.pass{color:var(--success);background:#edf9f4}.contrast-score.fail{color:var(--danger);background:#fff1f1}.contrast-score strong{font-size:28px}.contrast-score span{color:var(--navy);font-weight:700}.contrast-score small{color:var(--muted)}.movable-canvas{color:#fff;width:min(400px,100%);max-height:540px;box-shadow:var(--shadow-lg);background:linear-gradient(145deg,#004cb5,#00214f);border-radius:10px;position:relative;overflow:hidden}.safe-outline{z-index:2;pointer-events:none;border:1.5px dashed #fffc;position:absolute}.third-lines{opacity:.25;position:absolute;inset:0}.third-lines i{background:#fff;position:absolute}.third-lines i:first-child,.third-lines i:nth-child(2){width:1px;height:100%;top:0}.third-lines i:first-child{left:33.33%}.third-lines i:nth-child(2){left:66.66%}.third-lines i:nth-child(3),.third-lines i:nth-child(4){width:100%;height:1px;left:0}.third-lines i:nth-child(3){top:33.33%}.third-lines i:nth-child(4){top:66.66%}.movable-element{z-index:3;max-width:70%;position:absolute;transform:translate(-50%,-50%)}.movable-element strong{font-size:clamp(22px,4vw,44px);line-height:.95}.movable-element span{color:#b7dbff;margin-top:8px;font-size:11px;display:block}.before-after{grid-template-columns:1fr 1fr;gap:15px;display:grid}.before-after article{border:1px solid var(--border);background:#fff;border-radius:17px;padding:18px}.before-after article>span{font-size:13px;font-weight:800}.before-after .bad>span{color:var(--danger)}.before-after .good>span{color:var(--success)}.before-after article>div{color:#fff;background:var(--navy);border-radius:12px;flex-direction:column;justify-content:center;min-height:260px;margin-top:14px;padding:28px;display:flex}.before-after article>div small{color:#9ec9f2}.before-after article>div strong{max-width:90%;margin:12px 0;line-height:1}.before-after .bad strong,.before-after .bad div p{font-size:25px;font-weight:500}.before-after .good strong{font-size:43px}.before-after .good div p{font-size:14px}.before-after article>p{color:var(--muted);margin:14px 4px 2px;font-size:13px;line-height:1.6}.mistake-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mistake-grid>div{border:1px solid var(--border);background:#fff;border-radius:13px;align-items:center;gap:12px;padding:18px;display:flex}.mistake-grid span{width:30px;height:30px;color:var(--danger);background:#fff0f0;border-radius:9px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.mistake-grid p{color:#455b74;margin:0;font-size:14px}.exercise{background:#f7fbff;border:1px solid #d7e7f7;border-radius:20px;padding:32px}.exercise-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.exercise-options button{border:1px solid var(--border);min-height:120px;color:var(--primary);cursor:pointer;text-align:left;background:#fff;border-radius:13px;align-items:flex-start;gap:12px;padding:15px;font-weight:800;display:flex}.exercise-options button.selected{border-color:var(--primary);box-shadow:0 0 0 2px #004cb51f}.exercise-options button span{color:var(--navy);font-weight:600;line-height:1.5}.exercise-feedback{border-radius:12px;align-items:flex-start;gap:10px;margin-top:14px;padding:15px;display:flex}.exercise-feedback.idle{color:var(--primary);background:#eaf4ff}.exercise-feedback.correct{color:var(--success);background:#eaf8f2}.exercise-feedback.incorrect{color:var(--danger);background:#fff0f0}.exercise-feedback span{color:#455b74;font-size:13px;line-height:1.55}.contrast-exercise{grid-template-columns:1fr 240px;gap:18px;display:grid}.contrast-exercise>div{border-radius:13px;padding:30px}.contrast-exercise p{margin-bottom:0}.order-exercise{gap:8px;max-width:650px;padding:0;list-style:none;display:grid}.order-exercise li{border:1px solid var(--border);background:#fff;border-radius:11px;grid-template-columns:30px 1fr 38px 38px;align-items:center;gap:8px;padding:10px 12px;display:grid}.order-exercise li>span{color:var(--primary);font-weight:800}.order-exercise button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.order-exercise button:disabled{opacity:.35;cursor:not-allowed}.lesson-summary{color:#fff;background:var(--navy);border-radius:20px;padding:35px}.lesson-summary .section-kicker{color:#8fc8ff}.lesson-summary>h2{color:#fff}.lesson-summary>div{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.lesson-summary p{color:#d5e2ef;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:13px;gap:12px;margin:0;padding:18px;display:grid}.lesson-summary p span{color:#8fc8ff;font-size:11px;font-weight:800}.lesson-complete{border:1px solid var(--border);background:#fff;border-radius:19px;justify-content:space-between;align-items:center;gap:25px;padding:30px;display:flex}.lesson-complete h2{color:var(--navy);margin:7px 0;font-size:25px}.lesson-complete p{color:var(--muted);margin:0}.lesson-complete>div:last-child{flex-wrap:wrap;gap:9px;display:flex}.lesson-navigation{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lesson-navigation>a{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:12px;min-height:86px;padding:16px;display:flex}.lesson-navigation>a:last-child{text-align:right;justify-content:flex-end}.lesson-navigation span{display:grid}.lesson-navigation small{color:var(--muted)}.lesson-navigation strong{color:var(--navy)}.educational-feedback{background:#f7fbff;border:1px solid #d8e7f6;border-radius:17px;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;padding:22px;display:grid}.educational-feedback>div{border-right:1px solid #d8e4f0;padding-right:14px}.educational-feedback>div:nth-child(3){border:0}.educational-feedback span{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.educational-feedback p{color:#4f647d;margin:6px 0 0;font-size:13px;line-height:1.6}.educational-feedback>a{width:fit-content;color:var(--primary);grid-column:1/-1;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}@media (max-width:980px){.interactive-demo{grid-template-columns:1fr}.demo-controls{border-top:1px solid var(--border);border-left:0}.overview-grid,.objective-grid{grid-template-columns:1fr}.lesson-complete{flex-direction:column;align-items:flex-start}.educational-feedback{grid-template-columns:1fr}.educational-feedback>div{border-bottom:1px solid #d8e4f0;border-right:0;padding:0 0 12px}}@media (max-width:700px){.learn-page,.lesson-page{gap:30px}.learn-hero,.lesson-header{padding:30px 24px}.learn-hero h1{font-size:39px}.learn-hero-actions{flex-direction:column;align-items:stretch}.progress-card{grid-template-columns:1fr;gap:13px}.lesson-card-grid,.before-after,.mistake-grid,.lesson-summary>div{grid-template-columns:1fr}.lesson-header{flex-direction:column-reverse;min-height:0}.lesson-header a{margin-bottom:30px}.lesson-header-icon{width:58px;height:58px}.demo-preview{min-height:450px;padding:20px}.demo-controls{padding:20px}.learning-poster{width:min(350px,100%)}.hierarchy-poster h3{font-size:clamp(38px,15vw,68px)!important}.exercise{padding:22px 18px}.exercise-options,.contrast-exercise{grid-template-columns:1fr}.exercise-options button{min-height:80px}.lesson-complete>div:last-child,.lesson-complete .button{width:100%}.lesson-navigation{grid-template-columns:1fr}.lesson-navigation>span{display:none}.part-list{grid-template-columns:1fr}.contrast-learning-preview{padding:30px}}.learning-dashboard{gap:32px}.learning-dashboard .learn-hero{padding:48px}.learning-dashboard .learn-hero>span,.learn-section-heading>div>span{color:#9ed0ff;font-size:14px;font-weight:700}.learn-section-heading>div>span{color:var(--primary)}.learn-section-heading p{max-width:680px;color:var(--muted);margin:8px 0 0}.lesson-path{margin:0;padding:0;list-style:none;display:grid}.lesson-path-item{border-bottom:1px solid var(--border);grid-template-columns:44px 44px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:175px;padding:25px 0;display:grid;position:relative}.lesson-path-item:last-child{border-bottom:0}.lesson-path-item>.lesson-number{z-index:2;color:#657b94;background:var(--background);border:2px solid #cbd7e4;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.lesson-path-item.status-complete>.lesson-number{color:#fff;border-color:var(--success);background:var(--success)}.path-line{left:19px;background:#dce5ee;width:2px;position:absolute;inset-block:0}.lesson-path-item:first-child .path-line{top:50%}.lesson-path-item:last-child .path-line{bottom:50%}.lesson-path-copy{min-width:0}.lesson-path-copy>div:first-child{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lesson-path-copy h3{color:var(--navy);margin:0;font-size:21px}.lesson-path-copy>p{color:var(--muted);margin:7px 0}.lesson-card-progress{background:#e4ebf2;border-radius:99px;max-width:520px;height:5px;overflow:hidden}.lesson-card-progress i{background:var(--primary);height:100%;display:block}.lesson-status.material{color:#765200;background:#fff3d4}.lesson-path-item>.button{min-width:125px}.learning-shell{gap:22px;max-width:1180px;margin-inline:auto;display:grid}.learning-shell .lesson-header{border-radius:18px;align-items:center;min-height:0;padding:28px 32px}.learning-shell .lesson-header a{margin-bottom:18px}.learning-shell .lesson-header h1{font-size:clamp(32px,4vw,48px)}.learning-shell .lesson-header p{font-size:15px}.learning-shell .lesson-header-icon{border-radius:16px;width:58px;height:58px}.lesson-stepper{position:relative}.lesson-stepper ol{border:1px solid var(--border);background:#fff;border-radius:15px;grid-template-columns:repeat(5,1fr);margin:0;padding:7px;list-style:none;display:grid}.lesson-stepper li{min-width:0}.lesson-stepper li button{width:100%;min-height:76px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:30px 1fr;align-items:center;gap:1px 8px;padding:10px;display:grid}.lesson-stepper li button>span{border:1px solid #ccd8e5;border-radius:50%;grid-row:1/3;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.lesson-stepper li button strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.lesson-stepper li button small{font-size:10px}.lesson-stepper li button[aria-current=step]{color:var(--primary);background:var(--soft-blue)}.lesson-stepper li button[aria-current=step]>span{color:#fff;border-color:var(--primary);background:var(--primary)}.lesson-stepper li button:disabled{opacity:.48;cursor:not-allowed}.mobile-step-summary{display:none}.lesson-progress-line{color:var(--muted);grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:12px;font-size:12px;display:grid}.lesson-progress-line>div{background:#e2e9f1;border-radius:99px;height:6px;overflow:hidden}.lesson-progress-line i{background:var(--primary);height:100%;display:block}.lesson-progress-line strong{color:var(--navy)}.lesson-stage{border:1px solid var(--border);min-height:590px;box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;padding:42px}.stage-label,.quiz-context{color:var(--primary);letter-spacing:.06em;font-size:12px;font-weight:800;display:block}.stage-heading h2,.stage-copy h2{max-width:760px;color:var(--navy);letter-spacing:-.04em;margin:8px 0 10px;font-size:clamp(30px,4vw,45px);line-height:1.13}.stage-heading p,.stage-copy>p{max-width:760px;color:var(--muted);margin:6px 0;font-size:16px;line-height:1.7}.stage-introduction{grid-template-columns:1fr .8fr;align-items:center;gap:60px;min-height:500px;display:grid}.stage-copy .button{margin-top:24px}.intro-meta{gap:9px;margin-top:18px;display:flex}.intro-meta span{color:#526982;background:#f0f4f8;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:13px;display:flex}.intro-visual{color:#fff;background:linear-gradient(145deg, var(--navy), var(--primary));border-radius:18px;flex-direction:column;justify-content:center;min-height:360px;padding:32px;display:flex}.intro-visual>svg{color:var(--gold)}.intro-visual>strong{margin-top:24px;font-size:29px}.intro-visual>span{color:#c6d8eb}.intro-visual>div{border-top:1px solid #ffffff26;gap:9px;margin-top:25px;padding-top:18px;display:grid}.intro-visual p{color:#dbe8f5;gap:8px;margin:0;font-size:13px;display:flex}.concept-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.concept-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 14px}.concept-tabs button[aria-selected=true]{color:var(--primary);border-color:var(--primary);font-weight:700}.concept-focus{min-height:150px;margin-bottom:32px;padding:8px 0 24px}.concept-focus>span{color:var(--primary);font-size:12px;font-weight:700}.concept-focus h3{color:var(--navy);margin:7px 0;font-size:25px}.concept-focus p{max-width:780px;color:var(--muted);margin:0;line-height:1.7}.stage-learn .before-after,.stage-learn .poster-comparison{margin-top:8px}.stage-learn .lesson-section>.section-kicker,.stage-learn .lesson-section>h2,.stage-learn .lesson-section>p{display:none}.advanced-notes{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:28px;padding-block:16px}.advanced-notes summary{color:var(--navy);cursor:pointer;font-weight:700}.advanced-notes .lesson-section{padding-top:18px}.advanced-notes .lesson-section>.section-kicker,.advanced-notes .lesson-section>h2{display:none}.advanced-notes .mistake-grid{grid-template-columns:1fr 1fr}.stage-inline-nav,.summary-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:32px;display:flex}.guided-feedback{border-top:1px solid var(--border);grid-template-columns:100px 1fr;gap:8px 18px;margin-top:22px;padding:20px 0;display:grid}.guided-feedback strong{color:var(--navy)}.guided-feedback p{color:var(--muted);margin:0}.stage-try .interactive-demo,.stage-try .poster-anatomy-demo{box-shadow:none}.stage-try .demo-preview{min-height:480px}.summary-points{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.summary-points p{color:var(--navy);gap:12px;margin:0;font-size:16px;line-height:1.6;display:grid}.summary-points span{color:var(--primary);font-size:12px;font-weight:800}.summary-checklist{border-top:1px solid var(--border);gap:12px;max-width:780px;margin-top:40px;padding-top:26px;display:grid}.summary-checklist h3{color:var(--navy);margin:0 0 4px}.summary-checklist label{color:#455b74;gap:10px;display:flex}.summary-checklist input{flex:none;width:18px;min-height:18px}.summary-checklist p{color:var(--muted)}.stage-navigation{justify-content:space-between;align-items:center;gap:15px;display:flex}.stage-navigation>span{color:var(--muted);font-size:12px}.lesson-shell-footer{border-top:1px solid var(--border);align-items:center;gap:20px;padding-top:12px;display:flex}.lesson-shell-footer a,.lesson-shell-footer span,.lesson-shell-footer button{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.lesson-shell-footer span{margin-left:auto}.lesson-shell-footer button{cursor:pointer;background:0 0;border:0;padding:5px}.quiz-transition{color:#fff;background:linear-gradient(145deg, var(--navy), #003b87);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:520px;padding:55px;display:flex}.quiz-transition>svg{color:var(--gold)}.quiz-transition>span{color:#9ed0ff;letter-spacing:.1em;text-transform:uppercase;margin-top:20px;font-size:12px;font-weight:800}.quiz-transition h2{letter-spacing:-.045em;margin:10px 0;font-size:clamp(34px,5vw,51px)}.quiz-transition>p{color:#cadbea;max-width:650px;margin:0;font-size:16px}.quiz-transition>div{flex-wrap:wrap;justify-content:center;gap:9px;margin:25px 0;display:flex}.quiz-transition>div strong{background:#ffffff1a;border-radius:8px;padding:8px 11px;font-size:12px}.quiz-transition .transition-progress{gap:7px;width:min(430px,100%);margin:0 0 25px;display:grid}.transition-progress span{color:#c8d9ea;font-size:12px}.transition-progress i{background:#ffffff26;border-radius:99px;height:7px;overflow:hidden}.transition-progress b{background:var(--gold);width:100%;height:100%;display:block}.quiz-transition .button-ghost{color:#bcd1e6;margin-top:8px}.quiz-shell{background:#f7f9fc;border-radius:19px;min-height:674px;margin:-42px;overflow:hidden}.quiz-header{color:#fff;background:var(--navy);grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:22px;padding:20px 24px;display:grid}.quiz-header>div:first-child{display:grid}.quiz-header span{color:#9ed0ff;font-size:11px}.quiz-header strong{font-size:15px}.quiz-header button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;gap:6px;padding:8px 10px;display:flex}.quiz-progress{background:#ffffff26;border-radius:99px;height:7px;overflow:hidden}.quiz-progress i{background:var(--gold);height:100%;display:block}.quiz-workspace{padding:38px}.saved-note{color:var(--muted);gap:6px;margin:0 38px 25px;font-size:12px;display:flex}.quiz-question{max-width:820px;margin:auto}.quiz-question>p{color:var(--muted)}.quiz-question h2{color:var(--navy);margin:8px 0 24px;font-size:clamp(27px,4vw,38px)}.quiz-options{gap:9px;margin-bottom:22px;display:grid}.quiz-options button{border:1px solid var(--border);min-height:70px;color:var(--navy);cursor:pointer;text-align:left;background:#fff;border-radius:12px;align-items:center;gap:14px;padding:14px;display:flex}.quiz-options button>span{width:34px;height:34px;color:var(--primary);background:var(--soft-blue);border-radius:9px;flex:none;place-items:center;font-weight:800;display:grid}.quiz-options button[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 2px #004cb51a}.quiz-feedback{background:#fff;border-left:4px solid;margin-top:20px;padding:20px}.quiz-feedback.correct{border-color:var(--success)}.quiz-feedback.retry{border-color:var(--warning)}.quiz-feedback>strong{color:var(--navy);font-size:18px}.quiz-feedback p{color:var(--muted)}.quiz-feedback>span{color:var(--primary);font-size:13px}.quiz-feedback>div{justify-content:flex-end;gap:8px;margin-top:15px;display:flex}.quiz-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:540px;display:flex}.quiz-result>svg{color:var(--success)}.quiz-result>span{color:var(--primary);margin-top:12px;font-weight:800}.quiz-result h2{color:var(--navy);margin:5px 0;font-size:42px}.quiz-result>p{color:var(--muted)}.result-understanding{text-align:left;grid-template-columns:1fr 1fr;width:min(760px,100%);margin:24px 0;display:grid}.result-understanding article{padding:18px 24px}.result-understanding article+article{border-left:1px solid var(--border)}.result-understanding h3{color:var(--navy)}.result-understanding p{color:var(--muted);gap:7px;display:flex}.result-understanding button{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.result-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lesson-loading,.lesson-empty{min-height:60vh;color:var(--muted);place-items:center;display:grid}.lesson-empty{align-content:center;gap:20px}.lesson-empty h1{color:var(--navy)}@media (max-width:900px){.stage-introduction{grid-template-columns:1fr;gap:30px}.intro-visual{min-height:300px}.lesson-stage{padding:30px}.summary-points{grid-template-columns:1fr}.quiz-shell{margin:-30px}.quiz-header{grid-template-columns:1fr auto}.quiz-progress{grid-area:2/1/auto/-1}}@media (max-width:700px){.learning-dashboard .learn-hero{padding:30px 24px}.lesson-path-item{grid-template-columns:40px 40px minmax(0,1fr);gap:10px}.lesson-path-item>.button{grid-column:3;width:100%}.lesson-path-copy>div:first-child{flex-direction:column;align-items:flex-start}.lesson-meta span:last-child{display:none}.learning-shell .lesson-header{padding:22px}.lesson-stepper .mobile-step-summary{border:1px solid var(--border);width:100%;min-height:54px;color:var(--navy);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:700;display:flex}.lesson-stepper ol{grid-template-columns:1fr;margin-top:7px;display:none}.lesson-stepper ol.open{display:grid}.lesson-stepper li button{min-height:58px}.lesson-stage{min-height:0;padding:24px 18px}.stage-introduction{min-height:0}.intro-visual{min-height:270px;padding:24px}.stage-heading h2,.stage-copy h2{font-size:31px}.advanced-notes .mistake-grid{grid-template-columns:1fr}.stage-inline-nav,.summary-actions{flex-direction:column-reverse;align-items:stretch}.stage-inline-nav .button,.summary-actions .button{width:100%}.guided-feedback{grid-template-columns:1fr}.stage-navigation{flex-direction:column;align-items:stretch}.stage-navigation>span{text-align:center;order:-1}.stage-navigation .button{width:100%}.lesson-shell-footer{flex-direction:column;align-items:flex-start}.lesson-shell-footer span{margin:0}.quiz-shell{border-radius:0;margin:-24px -18px}.quiz-header{padding:16px}.quiz-header button{font-size:12px}.quiz-workspace{padding:24px 16px}.saved-note{margin-inline:16px}.quiz-transition{border-radius:0;min-height:480px;margin:-24px -18px;padding:35px 20px}.quiz-options button{min-height:64px}.quiz-feedback>div,.result-actions{flex-direction:column;align-items:stretch}.quiz-feedback .button,.result-actions .button{width:100%}.result-understanding{grid-template-columns:1fr}.result-understanding article+article{border-top:1px solid var(--border);border-left:0}.quiz-result h2{font-size:34px}}.format-guidance>div{grid-template-columns:1fr}.format-guidance small{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;line-height:1.35;display:grid}.format-guidance small b{text-align:right;white-space:normal}.zoom-preview{background:#e9eff5;min-width:0;position:relative;overflow:hidden}.zoom-preview.demo-preview{padding:0;display:block}.zoom-toolbar{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #cbd8e5eb;border-radius:12px;align-items:center;gap:4px;min-height:48px;padding:6px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00214f24}.zoom-toolbar button{color:#435a76;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;min-height:36px;padding:0 10px;font-size:11px;font-weight:700;display:flex}.zoom-toolbar button:hover{color:var(--primary);background:var(--soft-blue)}.zoom-toolbar button.active{color:#fff;background:var(--primary)}.zoom-toolbar>span{min-width:48px;color:var(--navy);text-align:center;padding-inline:7px;font-size:12px;font-weight:800}.zoom-viewport{touch-action:none;background:radial-gradient(circle at 50% 42%,#f9fbfd,#e6edf4);place-items:center;min-height:540px;display:grid;overflow:hidden}.zoom-viewport:before{content:"";pointer-events:none;opacity:.3;background-image:radial-gradient(#b9c8d8 1px,#0000 1px);background-size:18px 18px;width:100%;height:100%;position:absolute}.zoom-viewport.panning{cursor:grab}.zoom-viewport.panning:active{cursor:grabbing}.zoom-content{z-index:1;transform-origin:50%;will-change:transform;place-items:center;width:100%;transition:transform .12s ease-out;display:grid}@media (max-width:700px){.zoom-toolbar{justify-content:center;width:calc(100% - 20px);top:10px}.zoom-toolbar button{min-height:40px;padding-inline:8px}.zoom-toolbar button:last-child{font-size:0}.zoom-viewport{min-height:410px}.footer-brands{flex-wrap:wrap}.dewaweb-logo{width:96px;height:32px}}.readability-layout .form-stack>.two-fields:has(.custom-color-field){grid-template-columns:1fr}.readability-layout .custom-color-field .color-presets{flex-wrap:wrap}.poster-zoom{border-radius:14px;width:100%;max-width:650px}.poster-zoom .zoom-viewport{width:100%;min-height:620px;padding:74px 28px 28px;position:relative}.poster-zoom .zoom-content{width:100%;min-width:0}.poster-zoom .real-poster{width:min(100%,540px)}.privacy-note p:after{content:" The uploaded design is not used by the portal for model training. Processing by the service provider remains subject to its privacy policy."}.privacy-note>svg{flex:0 0 22px;align-self:flex-start;width:22px;height:22px;margin-top:1px}.readability-layout .two-fields:first-of-type .field:first-child:has(input:invalid):after{content:"Widths below 540 px can still be analyzed, but fall below the recommended baseline.";color:var(--warning);font-size:12px;font-weight:500;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background);zoom:1.1}body{background:var(--background);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}.app-shell{min-height:100vh;overflow:hidden}.section-container{width:min(1232px,100% - 48px);margin-inline:auto}.site-header-wrap{z-index:30;padding:24px 24px 0;position:relative}.site-header{width:min(1216px,100%);min-height:68px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #e5eaf0e6;border-radius:18px;align-items:center;gap:28px;margin:auto;padding:10px 18px;display:flex}.brand{align-items:center;gap:11px;min-width:max-content;display:inline-flex}.brand-mark{flex:none;place-items:center;width:39px;height:39px;display:grid}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-copy{flex-direction:column;line-height:1.15;display:flex}.brand-copy strong{color:var(--ink);letter-spacing:-.02em;font-size:14px}.brand-copy small{color:var(--muted);margin-top:3px;font-size:10.5px}.desktop-nav{align-items:center;gap:29px;margin-left:auto;display:flex}.desktop-nav a{color:#536783;font-size:13px;font-weight:500;transition:color .18s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--primary)}.button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 18px;font-size:14px;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button-primary{color:#fff;background:var(--primary);box-shadow:0 6px 16px #0057b82e}.button-secondary{color:var(--ink);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #dbe3ec}.button-secondary:hover{border-color:#bad6f5}.button-ghost{color:var(--primary);background:0 0}.button-white{color:var(--primary);background:#fff}.button[disabled]{opacity:.48;cursor:not-allowed;box-shadow:none;transform:none}.button.compact{min-height:34px;padding-inline:14px;font-size:12px}.button.large{min-height:50px;padding-inline:24px}.header-cta{min-height:38px;padding-inline:15px;font-size:12px}.mobile-toggle{margin-left:auto;display:none}.icon-button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;place-items:center;width:40px;height:40px}.mobile-menu{border:1px solid var(--border);width:min(1216px,100%);box-shadow:var(--shadow-md);background:#fff;border-radius:16px;margin:8px auto 0;padding:12px;display:grid}.mobile-menu a{border-radius:9px;padding:12px;font-size:14px;font-weight:500}.mobile-menu a:hover,.mobile-menu a.active{background:var(--soft-blue);color:var(--primary)}.mobile-menu .mobile-feature{color:#fff;background:var(--primary);align-items:center;gap:8px;margin-top:5px;display:flex}.hero{grid-template-columns:.9fr 1.1fr;align-items:start;gap:72px;min-height:720px;padding-top:106px;display:grid;position:relative}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#b5e6ff8a 0%,#e6f4ff47 46%,#0000 72%);width:860px;height:650px;position:absolute;top:-180px;right:-230px}.hero-copy{z-index:2;padding-top:12px;position:relative}.pill,.eyebrow{color:var(--primary);letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:700;display:inline-flex}.pill{background:#f7fbffcc;border:1px solid #b9d9ff;border-radius:999px;padding:7px 11px}.hero h1{color:var(--navy);letter-spacing:-.055em;margin:24px 0 22px;font-size:clamp(45px,5vw,72px);line-height:1.02}.hero-copy>p{max-width:570px;color:var(--muted);margin:0;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-stats{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);max-width:520px;margin-top:47px;padding-top:26px;display:grid}.hero-stats div{flex-direction:column;gap:5px;display:flex}.hero-stats strong{color:var(--navy);font-size:22px}.hero-stats span{color:var(--muted);font-size:12px}.hero-art{z-index:2;min-height:465px;margin-top:25px;position:relative}.art-card{border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fffffff5;border-radius:19px;padding:23px;position:absolute}.hero-art [data-parallax-depth]{transform:rotate(var(--parallax-rotation,0deg))}.art-card>span{color:#6b7f9a;letter-spacing:.15em;margin-bottom:14px;font-size:10px;font-weight:700;display:block}.palette-art{--parallax-rotation:-2deg;width:335px;top:65px;left:45px}.swatch-row{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.swatch-row i{background:var(--navy);border-radius:8px;height:48px}.swatch-row i:nth-child(2){background:var(--primary)}.swatch-row i:nth-child(3){background:var(--gold)}.swatch-row i:nth-child(4){background:var(--secondary)}.swatch-row i:nth-child(5){background:var(--mist)}.swatch-row i:nth-child(6){background:var(--background);border:1px solid #dce4ee}.art-card code{color:#526782;margin-top:15px;font-size:10px;display:block}.type-art{--parallax-rotation:1.5deg;width:260px;top:43px;right:3px}.type-art strong{color:var(--navy);font-size:34px;line-height:1;display:block}.type-art b,.type-art small{color:var(--navy);margin-top:8px;font-size:12px;display:block}.type-art small{color:var(--muted);margin-top:4px}.spacing-art{--parallax-rotation:-1deg;width:215px;bottom:18px;right:2px}.spacing-art div{color:var(--muted);align-items:center;gap:9px;margin-top:9px;font-size:10px;display:flex}.spacing-art div i{background:var(--secondary);border-radius:999px;height:6px}.grid-art{--parallax-rotation:1deg;width:302px;bottom:0;left:70px}.grid-art>div{grid-template-columns:repeat(12,1fr);gap:4px;display:grid}.grid-art i{background:#dceafb;border-radius:4px;height:46px}.floating-tag{z-index:4;color:#fff;background:var(--primary);box-shadow:var(--shadow-sm);border-radius:999px;padding:7px 12px;font-size:10px;font-weight:600;position:absolute}.tag-one{top:49px;left:26px}.tag-two{bottom:4px;right:25px}.tag-three{color:var(--navy);border:1px solid var(--border);background:#fff;top:230px;right:100px}.tools-home{padding-top:25px;padding-bottom:110px}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-top:13px;margin-bottom:33px;display:flex}.section-heading h2,.score-copy h2,.cta-section h2{max-width:650px;color:var(--navy);letter-spacing:-.038em;margin:0;font-size:clamp(30px,3.3vw,45px);line-height:1.13}.section-heading p{color:var(--muted);margin:12px 0 0}.section-heading>a{color:var(--primary);white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.card-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-card{border:1px solid var(--border);min-height:235px;box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.feature-icon,.resource-icon,.page-icon{width:42px;height:42px;color:var(--primary);background:#edf6ff;border:1px solid #d9ebff;border-radius:12px;place-items:center;display:grid}.feature-card h3{color:var(--navy);letter-spacing:-.02em;margin:22px 0 8px;font-size:18px}.feature-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.card-action{color:var(--primary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:22px;left:24px}.beta-badge{color:#6f46c4;text-transform:uppercase;letter-spacing:.08em;background:#f4efff;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700;position:absolute;top:24px;right:24px}.score-section{background:linear-gradient(135deg,#fff 0%,#eef7ff 100%);border:1px solid #dbe9f7;border-radius:24px;grid-template-columns:1fr .9fr;align-items:center;gap:70px;margin-bottom:110px;padding:60px;display:grid}.score-copy p{max-width:560px;color:var(--muted);line-height:1.7}.score-copy h2{margin-top:12px}.score-copy label{max-width:260px;color:var(--navy);gap:8px;margin-top:28px;font-size:12px;font-weight:600;display:grid}select,input,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d9e1ea;border-radius:10px;transition:border-color .18s,box-shadow .18s}input,select,.score-copy select{min-height:43px;padding:0 12px}.field input:focus,.field select:focus,.field textarea:focus,.preview-input input:focus{border-color:#8ec2fa;outline:0;box-shadow:0 0 0 3px #0057b81a}.score-card{border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fff;border-radius:20px;grid-template-columns:145px 1fr;align-items:center;gap:28px;padding:26px;display:grid}.score-ring{--score:331deg;aspect-ratio:1;background:conic-gradient(var(--primary) var(--score), #e5edf6 0);border-radius:50%;place-items:center;width:132px;display:grid;position:relative}.score-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:10px}.score-ring span{z-index:1;align-items:baseline;display:flex;position:relative}.score-ring strong{color:var(--navy);font-size:35px}.score-ring small{color:var(--muted);font-size:11px}.score-lines{gap:10px;display:grid}.score-lines>div{color:var(--muted);grid-template-columns:1fr auto;gap:7px;font-size:11px;display:grid}.score-lines b{color:var(--navy)}.score-lines i{background:#e7edf4;border-radius:999px;grid-column:1/-1;height:5px;overflow:hidden}.score-lines em{border-radius:inherit;background:var(--secondary);height:100%;display:block}.score-status{color:#157653;background:#eaf8f2;border-radius:9px;grid-column:1/-1;align-items:center;gap:8px;padding:11px 13px;font-size:11px;font-weight:600;display:flex}.cta-section{color:#fff;background:var(--navy);box-shadow:var(--shadow-md);border-radius:24px;justify-content:space-between;align-items:center;gap:40px;margin-bottom:110px;padding:57px 62px;display:flex}.cta-section .eyebrow{color:#91c8ff}.cta-section h2{color:#fff;max-width:720px;margin-top:12px}.cta-section p{color:#c3d2e5;max-width:670px;line-height:1.65}.docs-shell{grid-template-columns:225px minmax(0,1fr);gap:58px;width:min(1232px,100% - 48px);margin:65px auto 110px;display:grid}.sidebar{border-right:1px solid var(--border);align-self:start;max-height:calc(100vh - 56px);padding-right:24px;position:sticky;top:28px;overflow-y:auto}.side-heading{color:var(--navy);margin-bottom:9px;font-size:12px;font-weight:700;display:block}.side-heading.active{color:var(--primary)}.side-link{color:var(--muted);border-radius:8px;justify-content:space-between;align-items:center;margin:3px 0;padding:8px 10px;font-size:11.5px;display:flex}.side-link.active{color:var(--primary);background:#eaf4ff;font-weight:600}.side-link span{background:#fff;border-radius:99px;padding:2px 5px;font-size:8px}.page-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;gap:30px;min-height:185px;margin-bottom:42px;padding-bottom:42px;display:flex}.page-header h1{color:var(--navy);letter-spacing:-.045em;margin:13px 0;font-size:clamp(38px,5vw,57px);line-height:1.05}.page-header p{max-width:720px;color:var(--muted);margin:0;font-size:16px;line-height:1.7}.page-icon{border-radius:15px;flex:none;width:54px;height:54px}.page-icon.ai{color:#7247c5;background:#f4efff;border-color:#e3d7fa}.info-banner{color:var(--primary);background:#f2f8ff;border:1px solid #d8e8f8;border-radius:14px;gap:14px;margin-top:34px;padding:20px;display:flex}.info-banner strong{color:var(--navy);font-size:13px}.info-banner p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.6}.doc-section>h2,.showcase>h2{color:var(--navy);letter-spacing:-.025em;margin:0 0 9px;font-size:24px}.doc-section>p{color:var(--muted);margin:0 0 24px;line-height:1.65}.palette-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.palette-card{border:1px solid var(--border);background:#fff;border-radius:15px;grid-template-columns:118px 1fr;min-height:150px;display:grid;overflow:hidden}.color-swatch{min-height:100%}.palette-card>div:last-child{padding:16px}.palette-card span,.palette-card strong,.palette-card small{display:block}.palette-card span{color:var(--navy);font-size:12px;font-weight:600}.palette-card strong{color:var(--ink);margin-top:6px;font-size:13px}.palette-card small{color:var(--muted);margin-top:4px;font-size:9px}.palette-card p{color:var(--muted);margin:8px 0;font-size:10px}.copy-button{border:1px solid var(--border);min-height:27px;color:var(--muted);cursor:pointer;background:#fff;border-radius:7px;align-items:center;gap:5px;padding:0 8px;font-size:9px;display:inline-flex}.copy-button:hover{color:var(--primary);border-color:#bad8f8}.combo-builder{border:1px solid var(--border);border-radius:17px;grid-template-columns:260px 1fr;display:grid;overflow:hidden}.combo-controls{background:#fff;gap:14px;padding:22px;display:grid}.combo-controls label{color:var(--navy);grid-template-columns:1fr auto;align-items:center;font-size:11px;font-weight:600;display:grid}.combo-controls input[type=color]{width:44px;height:32px;padding:3px}.combo-controls strong{color:var(--primary);font-size:12px}.combo-preview{flex-direction:column;justify-content:center;min-height:260px;padding:40px;display:flex}.combo-preview span{letter-spacing:.12em;font-size:10px;font-weight:700}.combo-preview strong{max-width:550px;margin-top:12px;font-size:clamp(26px,3vw,39px);line-height:1.15}.combo-preview p{max-width:500px;margin-bottom:0;font-size:12px;line-height:1.6}.rule-columns{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:45px;display:grid}.rule-columns>div{border:1px solid var(--border);background:#fff;border-radius:15px;padding:23px}.rule-columns h3{align-items:center;gap:8px;margin:0 0 13px;font-size:13px;display:flex}.do-card h3{color:var(--success)}.dont-card h3{color:var(--danger)}.rule-columns p{color:var(--muted);margin:8px 0;padding-left:14px;font-size:11px;line-height:1.55;position:relative}.rule-columns p:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;top:7px;left:0}.preview-input{color:var(--navy);gap:8px;margin-bottom:16px;font-size:11px;font-weight:600;display:grid}.type-list{gap:11px;display:grid}.type-list article{border:1px solid var(--border);background:#fff;border-radius:14px;padding:21px;overflow:hidden}.type-meta{align-items:center;gap:15px;display:flex}.type-meta strong{color:var(--navy);font-size:11px}.type-meta span{color:var(--muted);margin-right:auto;font-size:9px}.type-list article>p{color:var(--navy);margin:28px 0 5px}.spacing-list{gap:10px;display:grid}.spacing-list article{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:210px 60px 1fr auto;align-items:center;gap:20px;min-height:69px;padding:13px 17px;display:grid}.spacing-visual{background:linear-gradient(90deg, var(--primary), #68a9e9);border-radius:6px;height:28px}.spacing-list strong{color:var(--navy);font-size:12px}.spacing-list span{color:var(--muted);font-size:11px}.segmented,.tab-list{border:1px solid var(--border);background:#fff;border-radius:10px;gap:3px;width:fit-content;padding:4px;display:flex}.segmented button,.tab-list button{min-height:34px;color:var(--muted);cursor:pointer;text-transform:capitalize;background:0 0;border:0;border-radius:7px;padding:0 14px;font-size:11px}.segmented button.active,.tab-list button.active{color:#fff;background:var(--primary)}.grid-demo{border:1px solid var(--border);background:#fff;border-radius:14px;gap:8px;margin-top:22px;padding:25px;display:grid}.grid-demo i{height:205px;color:var(--primary);background:#dcecff;border-radius:5px;justify-content:center;align-items:end;padding-bottom:10px;font-size:9px;font-style:normal;display:flex}.token-table{border:1px solid var(--border);border-radius:13px;grid-template-columns:repeat(4,1fr);margin-top:12px;display:grid;overflow:hidden}.token-table div{border-right:1px solid var(--border);background:#fff;gap:5px;padding:16px;display:grid}.token-table div:last-child{border:0}.token-table span{color:var(--muted);font-size:9px}.token-table strong{color:var(--navy);font-size:12px}.radius-grid,.shadow-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.radius-grid article,.shadow-grid article{border:1px solid var(--border);background:#fff;border-radius:15px;flex-direction:column;gap:8px;min-height:205px;padding:20px;display:flex}.radius-grid article>div{background:#dcecff;border:1px solid #bedbf8;height:94px;margin-bottom:8px}.radius-grid strong,.shadow-grid strong{color:var(--navy);font-size:12px}.radius-grid span{color:var(--muted);font-size:10px}.radius-grid .copy-button,.shadow-grid .copy-button{width:fit-content;margin-top:auto}.shadow-grid article{border:0;min-height:225px;margin:14px}.shadow-grid article>div{background:#eef6ff;border-radius:12px;height:90px}.shadow-grid code{color:var(--muted);overflow-wrap:anywhere;font-size:8px;line-height:1.5}.tool-panel{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:19px;padding:30px}.two-column-tool,.contrast-layout{grid-template-columns:.85fr 1.15fr;gap:35px;display:grid}.form-stack{align-content:start;gap:16px;display:grid}.field{color:var(--navy);gap:7px;font-size:11px;font-weight:600;display:grid}.field small{color:var(--muted);font-size:9px;font-weight:400}.field textarea{resize:vertical;padding:12px}.input-with-color{border:1px solid #d9e1ea;border-radius:10px;grid-template-columns:38px 1fr;gap:4px;padding:4px;display:grid}.input-with-color.invalid{border-color:#e4a3a3}.input-with-color input{border:0;min-height:35px}.input-with-color input[type=color]{padding:2px}.result-list{border:1px solid var(--border);border-radius:11px;overflow:hidden}.result-list>div{border-bottom:1px solid var(--border);grid-template-columns:50px 1fr auto;align-items:center;padding:12px;display:grid}.result-list>div:last-child{border-bottom:0}.result-list span{color:var(--muted);font-size:9px}.result-list strong{color:var(--navy);font-size:11px}.large-swatch{border-radius:14px;place-items:center;min-height:330px;padding:22px;display:grid}.large-swatch span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border-radius:8px;padding:10px 13px;font-size:12px;font-weight:600}.ratio-box{color:#fff;background:var(--navy);border-radius:13px;gap:5px;padding:20px;display:grid}.ratio-box span{color:#a9bdd8;font-size:9px}.ratio-box strong{font-size:35px}.ratio-box em{color:#d7e4f2;font-size:10px;font-style:normal}.contrast-preview{border:1px solid var(--border);border-radius:14px;flex-direction:column;justify-content:center;min-height:220px;padding:35px;display:flex}.contrast-preview strong{font-size:27px}.contrast-preview p{margin:10px 0;font-size:14px;line-height:1.6}.contrast-preview small{font-size:10px}.check-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;display:grid}.check-grid>div{border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:11px;font-size:9px;display:grid}.check-grid .pass{color:var(--success);background:#edf9f4}.check-grid .fail{color:var(--danger);background:#fff1f1}.check-grid b{font-size:9px}.three-fields{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.recommendation{border-radius:11px;gap:11px;padding:15px;display:flex}.recommendation.success{color:var(--success);background:#edf9f4}.recommendation.warning{color:var(--warning);background:#fff7e9}.recommendation p{color:var(--muted);margin:4px 0 0;font-size:9px;line-height:1.5}.type-preview{min-height:330px;color:var(--navy);overflow-wrap:anywhere;background:#f3f8fe;border-radius:14px;flex-direction:column;justify-content:center;padding:34px;display:flex}.type-preview span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;font-size:9px;font-weight:600}.spacing-checker{gap:20px;display:grid}.spacing-result{border-radius:14px;align-items:center;gap:20px;min-height:150px;padding:24px;display:flex}.spacing-result.success{color:var(--success);background:#eef9f4}.spacing-result.warning{color:var(--warning);background:#fff7e9}.spacing-result span{color:var(--navy);font-size:11px}.spacing-result strong{margin:4px 0;font-size:22px;display:block}.spacing-result p{color:var(--muted);margin:0;font-size:11px}.spacing-suggestions>span{color:var(--muted);font-size:9px}.spacing-suggestions>div{gap:7px;margin-top:8px;display:flex}.spacing-suggestions button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;width:44px;height:38px;font-size:10px}.spacing-suggestions button.active{color:#fff;border-color:var(--primary);background:var(--primary)}.grid-tool-preview{background:#f4f8fc;border-radius:13px;min-height:190px;padding:20px;display:grid}.grid-tool-preview i{background:#bfdcf9;border-radius:5px}.process-steps{border:1px solid var(--border);background:#fff;border-radius:14px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;margin-bottom:18px;padding:18px 22px;display:grid}.process-steps>div{grid-template-rows:auto auto;grid-template-columns:32px 1fr;column-gap:10px;display:grid}.process-steps span{width:32px;height:32px;color:var(--primary);background:#eaf4ff;border-radius:50%;grid-row:1/3;place-items:center;font-size:10px;font-weight:700;display:grid}.process-steps strong{color:var(--navy);font-size:11px}.process-steps small{color:var(--muted);font-size:8px}.process-steps>i{background:#d9e3ed;width:45px;height:1px}.privacy-note{color:var(--primary);background:#edf6ff;border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:13px 15px;display:flex}.privacy-note p{color:var(--muted);margin:0;font-size:9px}.privacy-note strong{color:var(--navy)}.upload-zone{text-align:center;cursor:pointer;background:linear-gradient(#fbfdff,#f3f8fd);border:1.5px dashed #a9c8e8;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:40px;transition:border-color .18s,background .18s,transform .18s;display:flex}.upload-zone:hover,.upload-zone.dragging{border-color:var(--primary);background:#edf6ff;transform:translateY(-2px)}.upload-zone>span{width:62px;height:62px;color:var(--primary);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #d9eaff;border-radius:17px;place-items:center;display:grid}.upload-zone h2{color:var(--navy);margin:20px 0 7px;font-size:20px}.upload-zone p{color:var(--muted);margin:0 0 18px;font-size:11px}.upload-zone small{color:#8495aa;margin-top:12px;font-size:8px}.analysis-workspace{grid-template-columns:1.35fr .65fr;gap:15px;display:grid}.image-panel,.criteria-panel{border:1px solid var(--border);background:#fff;border-radius:15px;padding:17px}.image-panel>img{object-fit:contain;background:#eff3f7;border-radius:10px;width:100%;max-height:520px}.file-meta{background:#f5f8fb;border-radius:9px;align-items:center;gap:9px;margin-top:11px;padding:10px;display:flex}.file-meta>svg{color:var(--primary)}.file-meta div{flex-direction:column;flex:1;min-width:0;display:flex}.file-meta strong{text-overflow:ellipsis;color:var(--navy);font-size:9px;overflow:hidden}.file-meta span{color:var(--muted);margin-top:3px;font-size:8px}.file-meta button{cursor:pointer;background:#fff;border:0;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.analysis-actions{justify-content:flex-end;gap:9px;margin-top:12px;display:flex}.criteria-panel{align-content:start;gap:5px;display:grid}.criteria-panel .eyebrow{margin-bottom:8px}.criteria-panel>div{color:var(--primary);background:#f4f8fc;border-radius:9px;align-items:center;gap:9px;padding:11px;display:flex}.criteria-panel>div span{color:var(--ink);font-size:9px;font-weight:500}.error-banner{color:var(--danger);background:#fff1f1;border-radius:10px;align-items:center;gap:9px;margin-top:14px;padding:14px;font-size:10px;display:flex}.loading-card{background:#fff;border:1px solid #dce8f4;border-radius:14px;align-items:center;gap:17px;margin-top:16px;padding:22px;display:flex}.scanner{width:52px;height:52px;color:var(--primary);background:#eaf4ff;border-radius:14px;place-items:center;animation:1.4s ease-in-out infinite pulse;display:grid}.loading-card strong{color:var(--navy);font-size:12px}.loading-card p{color:var(--muted);margin:5px 0 0;font-size:9px}.spin{animation:1s linear infinite spin}.analysis-results{gap:16px;margin-top:26px;display:grid}.result-hero{color:#fff;background:var(--navy);border-radius:17px;grid-template-columns:155px 1fr;align-items:center;gap:28px;padding:28px;display:grid}.score-ring.large{width:145px}.score-ring.large:after{background:var(--navy)}.score-ring.large strong{color:#fff}.status-pill{color:#98caff;background:#ffffff1a;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:700;display:inline-flex}.source-badge{color:#dcecff;background:#ffffff14;border-radius:99px;margin-left:6px;padding:6px 9px;font-size:8px;font-weight:600;display:inline-flex}.result-hero h2{margin:9px 0 6px;font-size:25px}.result-hero p{color:#c5d4e6;margin:0;font-size:10px;line-height:1.6}.detected-colors{gap:6px;margin-top:14px;display:flex}.detected-colors span{border:2px solid #fff6;border-radius:7px;width:25px;height:25px}.category-scores{border:1px solid var(--border);background:#fff;border-radius:15px;grid-template-columns:repeat(2,1fr);gap:18px 25px;padding:22px;display:grid}.category-scores>div>div{color:var(--navy);justify-content:space-between;font-size:10px;display:flex}.category-scores i{background:#e8eef5;border-radius:99px;height:6px;margin-top:7px;display:block;overflow:hidden}.category-scores em{border-radius:inherit;background:linear-gradient(90deg, var(--primary), #58a3eb);height:100%;display:block}.category-scores small{color:var(--muted);margin-top:6px;font-size:8px;line-height:1.45;display:block}.result-columns{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.result-columns>article,.recommendation-card{border:1px solid var(--border);background:#fff;border-radius:15px;padding:22px}.result-columns h3,.recommendation-card h3{color:var(--navy);align-items:center;gap:8px;margin:0 0 14px;font-size:13px;display:flex}.result-columns>article:first-child h3{color:var(--success)}.result-columns>article>p{color:var(--muted);margin:8px 0;padding-left:13px;font-size:9px;line-height:1.55;position:relative}.result-columns>article>p:before{content:"";background:var(--success);border-radius:50%;width:4px;height:4px;position:absolute;top:6px;left:0}.issue{border-top:1px solid var(--border);gap:9px;padding:10px 0;display:flex}.issue:first-of-type{border:0}.issue>span{height:fit-content;color:var(--warning);background:#fff3df;border-radius:5px;padding:4px 6px;font-size:7px;font-weight:700}.issue>span[data-level=\"Tinggi\"]{color:var(--danger);background:#fff0f0}.issue p{color:var(--muted);margin:4px 0 0;font-size:8px;line-height:1.45}.recommendation-card>div{grid-template-columns:27px 1fr;align-items:start;gap:10px;margin-top:11px;display:grid}.recommendation-card>div>span{width:27px;height:27px;color:var(--primary);background:#eaf4ff;border-radius:8px;place-items:center;font-size:9px;font-weight:700;display:grid}.recommendation-card p{color:var(--muted);margin:4px 0 0;font-size:9px;line-height:1.55}.ai-disclaimer{color:var(--primary);background:#eff6fd;border-radius:10px;gap:9px;padding:14px;display:flex}.ai-disclaimer p{color:var(--muted);margin:0;font-size:8px;line-height:1.55}.result-actions{justify-content:flex-end;gap:9px;display:flex}.showcase{margin-bottom:35px}.component-stage{border:1px solid var(--border);background:#fff;border-radius:15px;flex-wrap:wrap;align-items:center;gap:12px;min-height:170px;padding:30px;display:flex}.ui-badge{border-radius:999px;padding:6px 9px;font-size:9px;font-weight:700}.ui-badge.success{color:var(--success);background:#eaf8f2}.ui-badge.warning{color:var(--warning);background:#fff4e2}.toast{z-index:50;min-width:270px;color:var(--success);box-shadow:var(--shadow-lg);background:#fff;border:1px solid #caeadc;border-radius:12px;gap:10px;padding:14px;display:flex;position:fixed;bottom:24px;right:24px}.toast div{flex-direction:column;display:flex}.toast strong{color:var(--navy);font-size:10px}.toast span{color:var(--muted);margin-top:3px;font-size:8px}.demo-card-row{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.demo-card{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;align-items:start;min-height:245px;padding:23px;display:flex}.demo-card.elevated{box-shadow:var(--shadow-md)}.demo-card h3{color:var(--navy);margin:22px 0 7px}.demo-card p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.demo-card a{color:var(--primary);align-items:center;gap:6px;margin-top:auto;font-size:10px;font-weight:600;display:flex}.demo-card .button{margin-top:auto}.tab-content{border:1px solid var(--border);background:#fff;border-radius:13px;min-height:140px;margin-top:9px;padding:24px}.tab-content strong{color:var(--navy);font-size:13px}.tab-content p{color:var(--muted);font-size:10px}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#06193585;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(420px,100%);box-shadow:var(--shadow-lg);background:#fff;border-radius:19px;padding:28px;position:relative}.modal-close{cursor:pointer;background:#f0f4f8;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:15px;right:15px}.modal h2{color:var(--navy);margin:20px 0 8px;font-size:22px}.modal p{color:var(--muted);font-size:10px;line-height:1.6}.modal .button{margin-top:12px}.form-demo{border:1px solid var(--border);background:#fff;border-radius:16px;gap:16px;max-width:630px;padding:27px;display:grid}.check-field input{width:16px;min-height:16px}.resource-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.resource-grid>*{border:1px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:15px;flex-direction:column;align-items:start;min-height:210px;padding:22px;transition:transform .18s,box-shadow .18s;display:flex}.resource-grid>:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.resource-grid h3{color:var(--navy);margin:18px 0 7px;font-size:16px}.resource-grid p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.resource-grid>*>span:last-child{color:var(--primary);align-items:center;gap:6px;margin-top:auto;font-size:9px;font-weight:600;display:flex}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:72vh;padding:80px 24px;display:flex}.not-found>span{color:#c8ddf3;letter-spacing:-.08em;font-size:90px;font-weight:800}.not-found h1{color:var(--navy);margin:-5px 0 8px;font-size:30px}.not-found p{color:var(--muted);margin:0 0 22px;font-size:12px}.footer{border-top:1px solid var(--border);background:#fff}.footer-inner{grid-template-columns:1fr auto auto;align-items:center;gap:45px;width:min(1232px,100% - 48px);min-height:130px;margin:auto;display:grid}.footer-brands{align-items:center;gap:18px;display:flex}.footer-brand-divider{background:var(--border);width:1px;height:38px}.dewaweb-logo{object-fit:cover;object-position:left center;width:112px;height:38px;display:block}.footer p,.footer>div>span{color:var(--muted);font-size:9px}.footer p{max-width:430px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-art [data-parallax-depth]{will-change:auto}}:root{--background:#f5f7fb;--surface:#fff;--border:#dbe3ed;--ink:#071a35;--navy:#071a35;--primary:#0759c7;--primary-strong:#03449e;--soft-blue:#eaf3ff;--shadow-sm:0 1px 2px #071a350a, 0 10px 28px #071a350f;--shadow-md:0 18px 48px #071a351c}body{background:var(--background);color:var(--ink)}.site-header-wrap{padding-top:16px}.site-header{border-color:#071a351c;border-radius:16px;box-shadow:0 10px 30px #071a3512}.brand-mark{border-radius:10px}.desktop-nav a{border-radius:8px}.desktop-nav a.active{color:var(--primary);background:var(--soft-blue)}.button{border-radius:9px;font-weight:750}.button-primary{box-shadow:0 8px 18px #0759c72e}.hero{gap:54px;min-height:680px;padding-top:82px}.hero h1{letter-spacing:-.075em;max-width:760px;font-size:clamp(52px,6.5vw,88px)}.hero-copy>p{max-width:530px;font-size:17px}.hero-art:before{opacity:.72}.landing-section>header{max-width:650px}.landing-section>header h2{letter-spacing:-.06em;font-size:clamp(32px,4vw,52px)}.landing-route-grid{grid-template-columns:1.1fr .9fr;gap:18px}.landing-route{min-height:230px;box-shadow:var(--shadow-sm);border-radius:14px;padding:31px}.landing-route-primary{background:var(--navy);min-height:478px;padding:38px;box-shadow:0 22px 52px #071a352e}.landing-route-primary h3{letter-spacing:-.07em;font-size:clamp(34px,4vw,54px)}.landing-tool{min-height:102px}.landing-tool strong{font-size:15px}.landing-all-tools{border-radius:9px}.docs-shell{margin-top:54px}.sidebar{border-right-color:var(--border)}.side-heading{letter-spacing:-.01em}.feature-card{min-height:248px;box-shadow:var(--shadow-sm);border-radius:14px}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.feature-icon{border-radius:10px}.page-header{border-bottom-color:var(--border)}.tool-panel,.info-banner,.rule-columns>div,.content-card,.form-card{box-shadow:var(--shadow-sm);border-radius:14px}.reveal,.hero-copy>*,.hero-art{animation:none!important}@media (max-width:760px){.hero{gap:18px;padding-top:54px}.hero h1{font-size:clamp(45px,13vw,68px)}.hero-art{transform-origin:0 0;width:116%;min-height:370px;transform:scale(.86)}.landing-section{padding-top:68px}.landing-route-primary{min-height:330px}.landing-route{min-height:220px}}@media (max-width:980px){.desktop-nav,.header-cta{display:none}.mobile-toggle{display:grid}.hero{grid-template-columns:1fr;gap:15px;min-height:auto;padding-top:75px;padding-bottom:100px}.hero-copy{max-width:690px}.hero-art{width:min(650px,100%);margin-inline:auto}.card-grid{grid-template-columns:repeat(2,1fr)}.score-section{grid-template-columns:1fr;padding:45px}.score-card{max-width:560px}.docs-shell{grid-template-columns:180px minmax(0,1fr);gap:34px}.sidebar{padding-right:15px}.palette-grid,.radius-grid,.shadow-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}.spacing-list article{grid-template-columns:150px 50px 1fr auto}.combo-builder{grid-template-columns:210px 1fr}.tool-panel{padding:22px}.two-column-tool,.contrast-layout{grid-template-columns:1fr}.large-swatch{min-height:240px}.analysis-workspace{grid-template-columns:1fr}.criteria-panel{grid-template-columns:repeat(2,1fr)}.criteria-panel .eyebrow{grid-column:1/-1}.generated-palette{grid-template-columns:repeat(3,1fr)}.generated-palette article{min-height:150px}.graphic-specs{grid-template-columns:repeat(2,1fr)}.checklist-items{grid-template-columns:1fr}}@media (max-width:700px){.section-container,.docs-shell,.footer-inner{width:min(100% - 32px,1232px)}.site-header-wrap{padding:12px 12px 0}.site-header{border-radius:14px;min-height:60px;padding:8px 10px}.brand-mark{width:36px;height:36px}.brand-copy small{display:none}.hero{width:min(100% - 32px,1232px);padding-top:62px;padding-bottom:75px}.hero h1{font-size:44px}.hero-copy>p{font-size:15px}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-stats{gap:14px}.hero-art{transform-origin:0 0;width:116%;min-height:385px;transform:scale(.86)}.palette-art{left:3px}.type-art{right:0}.grid-art{left:5px}.spacing-art{right:0}.tools-home{padding-bottom:70px}.section-heading{flex-direction:column;align-items:start}.card-grid{grid-template-columns:1fr}.feature-card{min-height:215px}.score-section{gap:35px;width:min(100% - 32px,1232px);margin-bottom:75px;padding:28px 20px}.score-card{grid-template-columns:1fr;justify-items:center;padding:20px}.score-lines,.score-status{width:100%}.cta-section{flex-direction:column;align-items:start;width:min(100% - 32px,1232px);margin-bottom:75px;padding:35px 25px}.docs-shell{grid-template-columns:1fr;margin-top:45px}.sidebar{border:1px solid var(--border);background:#fff;border-radius:12px;gap:5px;max-height:none;padding:12px;display:flex;position:static;overflow:auto hidden}.side-group{margin:0;display:contents}.side-heading{white-space:nowrap;border-radius:7px;margin:0;padding:8px 10px}.side-heading.active{background:#eaf4ff}.side-link{display:none}.page-header{min-height:0;margin-bottom:32px;padding-bottom:30px}.page-header h1{font-size:38px}.page-header p{font-size:14px}.page-icon{width:46px;height:46px}.palette-grid,.rule-columns,.radius-grid,.shadow-grid,.resource-grid,.demo-card-row,.result-columns,.category-scores{grid-template-columns:1fr}.palette-card{grid-template-columns:95px 1fr}.combo-builder{grid-template-columns:1fr}.combo-controls{grid-template-columns:repeat(2,1fr)}.combo-controls strong{grid-column:1/-1}.combo-preview{min-height:230px;padding:28px}.spacing-list article{grid-template-columns:1fr auto;gap:10px}.spacing-visual{grid-column:1/-1;max-width:100%}.spacing-list span{display:none}.token-table{grid-template-columns:repeat(2,1fr)}.token-table div:nth-child(2){border-right:0}.token-table div:nth-child(-n+2){border-bottom:1px solid var(--border)}.grid-demo{overflow-x:auto}.grid-demo i{min-width:16px}.tool-panel{padding:15px}.three-fields,.check-grid{grid-template-columns:1fr}.spacing-suggestions>div{flex-wrap:wrap}.process-steps{grid-template-columns:repeat(3,1fr);gap:8px;padding:13px}.process-steps>i{display:none}.process-steps>div{text-align:center;flex-direction:column;align-items:center;gap:5px;display:flex}.process-steps span{grid-row:auto}.analysis-actions,.result-actions{flex-direction:column}.analysis-actions .button,.result-actions .button{width:100%}.result-hero{text-align:center;grid-template-columns:1fr}.result-hero .score-ring{margin:auto}.detected-colors{justify-content:center}.criteria-panel{grid-template-columns:1fr}.upload-zone{min-height:360px;padding:25px 15px}.component-stage{flex-direction:column;align-items:stretch}.component-stage .button{width:100%}.footer-inner{grid-template-columns:1fr;gap:16px;padding:28px 0}.footer p{margin:0}.principle-grid{grid-template-columns:1fr}.generated-palette,.graphic-specs{grid-template-columns:repeat(2,1fr)}.color-compare{min-height:270px}.poster-type-preview{min-height:360px;padding:28px}.checklist-score{flex-direction:column;align-items:flex-start}.checklist-items{grid-template-columns:1fr}.safe-area-preview>div>span{min-width:150px}.publication-grid{max-height:440px}}.docs-main{width:100%;max-width:984px}.sidebar{padding-right:20px}.side-link{padding:9px 11px;font-size:13px;line-height:1.4}.side-link span,.beta-badge{font-size:10px}.page-header{min-height:0;margin-bottom:40px;padding-bottom:36px}.page-header p{max-width:760px;font-size:16px}.card-action{font-size:13px;left:26px}.info-banner strong,.field>span,.preview-input,.custom-color-field>span{font-size:13px}.info-banner p,.field small,.recommendation p,.safe-area-preview>small,.recommendation strong,.check-grid b,.check-grid span{font-size:12px}.tool-panel{padding:32px}.palette-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.palette-grid.official-palette{grid-template-columns:repeat(3,minmax(0,1fr))}.palette-card.filled{min-height:220px;box-shadow:var(--shadow-sm);border:0;border-radius:18px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:22px;display:flex}.palette-card.filled span,.palette-card.filled strong,.palette-card.filled small,.palette-card.filled p{color:inherit}.palette-card.filled span{font-size:14px;font-weight:700}.palette-card.filled strong{margin-top:7px;font-size:18px}.palette-card.filled small{opacity:.8;margin-top:5px;font-size:11px}.palette-card.filled p{opacity:.86;min-height:38px;margin:14px 0;font-size:12px}.generated-palette{border:0;border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;overflow:visible}.generated-palette article{min-height:190px;box-shadow:var(--shadow-sm);border-radius:17px;padding:20px}.generated-palette article>span{font-size:12px}.generated-palette article>strong{font-size:14px}.custom-color-field{color:var(--navy);align-content:start;gap:8px;font-weight:600;display:grid}.hex-input{background:#fff;border:1px solid #d9e1ea;border-radius:11px;grid-template-columns:30px 1fr;align-items:center;gap:8px;min-height:46px;padding:4px 8px;display:grid}.hex-input.invalid{border-color:#e8a4a4}.hex-input i{border:1px solid #062b631f;border-radius:8px;width:30px;height:30px}.hex-input input{min-height:36px;box-shadow:none;text-transform:uppercase;border:0;padding:0;font-size:13px;font-weight:600}.hex-input input:focus{outline:0}.color-presets{gap:7px;display:flex}.color-presets button{cursor:pointer;border:2px solid #fff;border-radius:50%;width:28px;height:28px;box-shadow:0 0 0 1px #d5dee8}.color-presets button.active{box-shadow:0 0 0 2px var(--primary)}.combo-builder{grid-template-columns:340px 1fr}.combo-controls{gap:20px;padding:26px}.combo-controls>strong{font-size:13px}.combo-preview span{font-size:12px}.combo-preview p{font-size:14px}.image-picker-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:22px;display:grid}.image-picker-canvas{border:1px solid var(--border);background:#eef3f8;border-radius:18px;place-items:center;min-height:440px;display:grid;overflow:hidden}.image-picker-canvas.empty>div{color:var(--muted);text-align:center;place-items:center;padding:40px;display:grid}.image-picker-canvas.empty>div svg{color:var(--primary);margin-bottom:14px}.image-picker-canvas.empty>div strong{color:var(--navy);font-size:16px}.image-picker-canvas.empty>div p{max-width:330px;margin:7px 0 0;font-size:13px}.image-picker-canvas.empty canvas{display:none}.image-picker-canvas canvas{object-fit:contain;cursor:crosshair;width:100%;height:auto;max-height:620px}.picker-result{gap:14px;display:grid}.upload-button{width:100%;position:relative;overflow:hidden}.upload-button input,.logo-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.picked-color{border-radius:18px;flex-direction:column;justify-content:flex-end;min-height:200px;padding:22px;display:flex}.picked-color span{opacity:.85;font-size:12px;font-weight:600}.picked-color strong{margin:6px 0;font-size:25px}.picked-color small{opacity:.8;font-size:12px}.picker-actions{flex-wrap:wrap;gap:8px;display:flex}.picker-result>p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.golden-type-layout{grid-template-columns:330px minmax(0,1fr);gap:28px;display:grid}.ratio-formula{background:#f4f9ff;border:1px solid #d9e9f8;border-radius:14px;padding:20px}.ratio-formula span{color:var(--muted);font-size:12px;display:block}.ratio-formula strong{color:var(--primary);margin-top:4px;font-size:24px;display:block}.ratio-formula p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.6}.type-token-list{border:1px solid var(--border);border-radius:14px;display:grid;overflow:hidden}.type-token-list>div{border-bottom:1px solid var(--border);background:#fff;grid-template-columns:1fr auto auto;align-items:center;gap:10px;min-height:54px;padding:10px 12px;display:grid}.type-token-list>div:last-child{border-bottom:0}.type-token-list span{color:var(--muted);font-size:12px}.type-token-list strong{color:var(--navy);font-size:13px}.golden-type-preview{color:#fff;background:var(--navy);border-radius:18px;flex-direction:column;justify-content:center;min-height:520px;padding:44px;display:flex;overflow:visible}.golden-type-preview>small{color:#8ec6ff;letter-spacing:.12em;margin-bottom:26px;font-size:12px;font-weight:700}.golden-type-preview h2{overflow-wrap:anywhere;letter-spacing:-.045em;max-width:100%;margin:0;line-height:1.02}.golden-type-preview h3{color:#8ec6ff;margin:24px 0 0;line-height:1.18}.golden-type-preview p{color:#d7e6f5;max-width:620px;margin:18px 0;line-height:1.55}.golden-type-preview>span{color:#aac0d8;line-height:1.5}.logo-upload{min-height:88px;color:var(--primary);cursor:pointer;background:#f5faff;border:1.5px dashed #a9c8e8;border-radius:14px;align-items:center;gap:14px;padding:18px;display:flex;position:relative}.logo-upload span{flex-direction:column;display:flex}.logo-upload strong{color:var(--navy);font-size:14px}.logo-upload small{color:var(--muted);margin-top:4px;font-size:12px}.logo-preview{gap:18px}.logo-clear-boundary{place-items:center;max-width:90%;display:grid}.logo-clear-boundary>span{min-width:210px;min-height:110px;padding:22px}.logo-clear-boundary img{object-fit:contain;max-width:min(280px,100%);max-height:150px;display:block}.composition-layout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:32px;display:grid}.composition-preview-wrap{justify-items:center;gap:12px;display:grid}.composition-canvas{background:linear-gradient(145deg, var(--navy), var(--primary));width:min(520px,100%);min-height:300px;box-shadow:var(--shadow-md);border-radius:16px;position:relative;overflow:hidden}.thirds-grid{z-index:1;pointer-events:none;position:absolute;inset:0}.thirds-grid i{background:#fff3;position:absolute}.thirds-grid i:first-child,.thirds-grid i:nth-child(2){width:1px;height:100%;top:0}.thirds-grid i:first-child{left:33.333%}.thirds-grid i:nth-child(2){left:66.666%}.thirds-grid i:nth-child(3),.thirds-grid i:nth-child(4){width:100%;height:1px;left:0}.thirds-grid i:nth-child(3){top:33.333%}.thirds-grid i:nth-child(4){top:66.666%}.composition-safe{z-index:2;border:1.5px dashed #ffffffd1;border-radius:10px;padding:8%;display:flex;position:absolute}.sample-composition{flex-direction:column;justify-content:center;width:100%;display:flex}.sample-composition.focus-top{justify-content:flex-start}.sample-composition.focus-bottom{justify-content:flex-end}.sample-composition span{color:var(--mist);letter-spacing:.12em;font-size:clamp(9px,1.2vw,12px);font-weight:700}.sample-composition strong{color:#fff;letter-spacing:-.04em;max-width:90%;margin-top:10px;font-size:clamp(24px,4vw,48px);line-height:1.04}.sample-composition p{color:#e1e9f2;max-width:88%;margin:12px 0;font-size:clamp(10px,1.25vw,14px);line-height:1.5}.sample-composition button{width:fit-content;min-height:28px;color:var(--primary);background:#fff;border:0;border-radius:7px;padding:0 10px;font-size:9px;font-weight:800}.canvas-meta{width:min(520px,100%);color:var(--muted);justify-content:space-between;gap:16px;font-size:12px;display:flex}.canvas-meta strong{color:var(--navy)}.process-steps strong,.privacy-note strong,.loading-card strong,.criteria-panel>div span,.result-hero p,.category-scores>div>div,.result-columns h3,.recommendation-card h3,.resource-grid p,.footer p,.footer>div>span{font-size:12px}.process-steps small,.privacy-note p,.loading-card p,.category-scores small,.issue strong,.issue p,.recommendation-card p,.ai-disclaimer p{font-size:11px}.upload-zone p,.file-meta strong,.file-meta span{font-size:12px}@media (max-width:1080px){.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.golden-type-layout,.composition-layout{grid-template-columns:1fr}.golden-type-preview{min-height:450px}.composition-canvas{width:min(600px,100%)}}@media (max-width:700px){.section-container,.docs-shell,.footer-inner{width:min(100% - 32px,1240px)}.docs-main{max-width:none}.tool-panel{padding:18px}.two-fields,.image-picker-layout,.palette-grid,.generated-palette,.combo-builder{grid-template-columns:1fr}.image-picker-canvas{min-height:300px}.golden-type-preview{min-height:420px;padding:28px}.logo-clear-boundary>span{min-width:150px}.composition-layout{gap:24px}.canvas-meta{flex-direction:column;align-items:flex-start;gap:2px}}.ai-detection-card{background:#f7fbff;border:1px solid #d8e5f2;border-radius:18px;grid-template-columns:130px minmax(0,1fr) 150px;align-items:center;gap:24px;padding:26px;display:grid}.ai-detection-card.strong{background:#fff8f8;border-color:#f0c8c8}.ai-detection-card.uncertain{background:#fffbf3;border-color:#ead9b8}.ai-detection-card.low{background:#f6fcf9;border-color:#cfe8dc}.ai-likelihood{width:118px;height:118px;color:var(--navy);box-shadow:var(--shadow-sm);text-align:center;background:#fff;border:10px solid #dce9f5;border-radius:50%;place-content:center;display:grid}.ai-detection-card.strong .ai-likelihood{border-color:#efb8b8}.ai-detection-card.uncertain .ai-likelihood{border-color:#ebd39e}.ai-detection-card.low .ai-likelihood{border-color:#bfe2d1}.ai-likelihood span{letter-spacing:-.04em;font-size:26px;font-weight:800}.ai-likelihood small{color:var(--muted);font-size:11px}.ai-detection-copy h3{color:var(--navy);margin:8px 0 7px;font-size:22px}.ai-detection-copy>p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.ai-signals{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.ai-signals span{color:#435a76;background:#ffffffb8;border:1px solid #062b631a;border-radius:8px;padding:7px 9px;font-size:11px;line-height:1.4}.ai-confidence{border-left:1px solid #062b631f;flex-direction:column;padding-left:20px;display:flex}.ai-confidence span{color:var(--muted);font-size:11px}.ai-confidence strong{color:var(--navy);margin-top:5px;font-size:18px}.ai-disclaimer{border:1px solid #d9e7f5}.source-callout{background:linear-gradient(135deg,#f6faff,#eef6ff);border:1px solid #d6e7f8;border-radius:18px;justify-content:space-between;align-items:center;gap:28px;padding:30px;display:flex}.source-callout>div{max-width:680px}.source-callout h2{color:var(--navy);letter-spacing:-.035em;margin:8px 0;font-size:25px}.source-callout p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.logo-lockup-guide{border:1px solid var(--border);background:#fff;border-radius:18px;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);display:grid;overflow:hidden}.lockup-preview{background:#f2f7fc;justify-content:center;align-items:center;gap:34px;min-height:310px;padding:42px;display:flex}.lockup-preview>i{background:#c8d8e8;width:1px;height:82px}.lockup-brand{color:var(--navy);flex-direction:column;line-height:1;display:flex}.lockup-brand strong{letter-spacing:-.05em;font-size:clamp(26px,4vw,42px)}.lockup-brand span{color:var(--primary);letter-spacing:.12em;margin-top:6px;font-size:11px;font-weight:800}.lockup-brand.himti strong{color:var(--primary)}.lockup-brand.himti span{color:var(--navy)}.lockup-notes{grid-template-columns:34px 1fr;align-content:center;gap:14px 12px;padding:30px;display:grid}.lockup-notes>span{width:30px;height:30px;color:var(--primary);background:var(--soft-blue);border-radius:9px;place-items:center;font-size:10px;font-weight:800;display:grid}.lockup-notes p{color:var(--muted);margin:2px 0 0;font-size:12px;line-height:1.55}.lockup-notes strong{color:var(--navy)}.production-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.production-grid article{border:1px solid var(--border);min-height:300px;box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;flex-direction:column;padding:25px;display:flex}.production-icon{width:42px;height:42px;color:var(--primary);background:var(--soft-blue);border-radius:12px;place-items:center;display:grid}.production-grid h3{color:var(--navy);margin:20px 0 8px;font-size:19px}.production-grid article>p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.production-grid article>div{gap:9px;margin-top:auto;padding-top:20px;display:grid}.production-grid article>div span{color:#435a76;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.production-grid article>div svg{color:var(--success);flex:none;margin-top:2px}.tool-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.tool-stack article{border:1px solid var(--border);background:#fff;border-radius:16px;grid-template-columns:42px 1fr;align-items:start;gap:14px;padding:22px;display:grid}.tool-stack article>svg{box-sizing:content-box;color:var(--primary);background:var(--soft-blue);border-radius:11px;padding:10px}.tool-stack strong{color:var(--navy);font-size:14px}.tool-stack p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.6}.logo-size-guide{border:1px solid var(--border);background:#f7faff;border-radius:18px;grid-template-columns:minmax(250px,1.1fr) 36px minmax(0,1.6fr);align-items:center;gap:16px;padding:28px;display:grid}.organization-sizes{grid-template-columns:minmax(170px,1fr) 36px minmax(150px,.86fr);align-items:center;gap:12px;display:grid}.logo-size-card{min-height:150px;color:var(--navy);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #cad8e8;border-radius:15px;flex-direction:column;justify-content:center;padding:22px;display:flex}.logo-size-card.event{color:#fff;background:var(--primary);border-color:#0000;min-height:210px}.logo-size-card.binus{min-height:170px}.logo-size-card.himti{min-height:145px}.logo-size-card span{letter-spacing:.12em;opacity:.72;font-size:10px;font-weight:800}.logo-size-card strong{letter-spacing:-.035em;margin-top:8px;font-size:clamp(18px,2.4vw,28px)}.logo-size-card small{opacity:.75;margin-top:6px;font-size:11px;line-height:1.45}.logo-relation{color:var(--primary);text-align:center;font-size:24px;font-weight:800}@media (max-width:850px){.ai-detection-card{grid-template-columns:118px 1fr}.ai-confidence{border-top:1px solid #062b631f;border-left:0;grid-column:1/-1;padding:14px 0 0}.logo-lockup-guide,.production-grid{grid-template-columns:1fr}.production-grid article{min-height:0}.tool-stack,.logo-size-guide,.organization-sizes{grid-template-columns:1fr}.logo-relation{transform:rotate(90deg)}.logo-size-card.event,.logo-size-card.binus,.logo-size-card.himti{min-height:140px}}@media (max-width:560px){.ai-detection-card{grid-template-columns:1fr}.ai-likelihood{margin-inline:auto}.ai-detection-copy{text-align:center}.ai-signals{justify-content:center}.ai-confidence{text-align:center;align-items:center}.source-callout{flex-direction:column;align-items:stretch;padding:24px}.source-callout .button{width:100%}.lockup-preview{gap:20px;min-height:250px;padding:28px 20px}.lockup-preview>i{height:65px}.lockup-brand span{font-size:8px}.lockup-notes{padding:24px}.palette-grid.official-palette{grid-template-columns:1fr}.logo-size-guide{padding:20px}}.docs-shell{grid-template-columns:236px minmax(0,1fr);align-items:start;gap:44px;width:min(1320px,100% - 64px)}.docs-main{width:100%;min-width:0;max-width:none}.docs-main>*{min-width:0}.page-header{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.page-header>div{min-width:0}.tool-panel{border:1px solid var(--border);width:100%;min-width:0;box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;padding:32px}.form-stack{gap:20px;min-width:0}.field,.field input,.field select,.field textarea{width:100%;min-width:0}.feature-card{min-width:0;min-height:238px}.resource-grid>*{min-width:0;min-height:230px}.two-column-tool{grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);align-items:start;gap:32px}.palette-controls{grid-template-columns:minmax(280px,1fr) 250px auto;align-items:end;gap:16px;display:grid}.custom-color-panel{border:1px solid var(--border);background:#f8fafc;border-radius:16px;grid-template-columns:196px minmax(210px,1fr);align-items:center;gap:20px;padding:18px;display:grid}.color-wheel-picker{justify-items:center;gap:10px;display:grid}.color-wheel-picker>span{color:var(--navy);justify-self:start;font-size:12px;font-weight:700}.color-wheel{cursor:crosshair;touch-action:none;background:radial-gradient(circle,#fff 0%,#ffffffd1 10%,#fff0 70%),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:5px solid #fff;border-radius:50%;width:178px;height:178px;position:relative;box-shadow:0 0 0 1px #ccd8e5,0 10px 24px #00214f1f}.color-wheel:focus-visible{outline-offset:4px;outline:3px solid #004cb547}.color-wheel i{pointer-events:none;border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 5px #00214f80}.lightness-control{grid-template-columns:1fr auto;align-items:center;gap:5px 10px;width:100%;display:grid}.lightness-control span,.lightness-control strong{color:var(--muted);font-size:10px}.lightness-control strong{color:var(--navy)}.lightness-control input{width:100%;min-height:20px;accent-color:var(--primary);grid-column:1/-1}.random-color-button{white-space:nowrap;min-height:46px}.harmony-summary{background:#f6faff;border:1px solid #d9e7f5;border-radius:14px;justify-content:space-between;align-items:center;gap:28px;padding:20px;display:flex}.harmony-summary div{flex-direction:column;flex:none;display:flex}.harmony-summary span{color:var(--muted);font-size:11px}.harmony-summary strong{color:var(--navy);margin-top:4px;font-size:16px}.harmony-summary p{max-width:620px;color:var(--muted);margin:0;font-size:12px;line-height:1.65}.picker-actions{align-items:center}.picker-actions>span{color:var(--muted);font-size:11px}.readability-layout{grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);align-items:start;gap:32px;display:grid}.font-size-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.readability-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.readability-results>div{border:1px solid var(--border);background:#f8fafc;border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;min-height:68px;padding:12px 13px;display:grid}.readability-results span{color:var(--navy);font-size:12px;font-weight:600}.readability-results strong{color:var(--navy);font-size:13px}.readability-results small{color:var(--muted);font-size:10px}.readability-results svg{grid-area:1/2/3}.readability-results .pass svg{color:var(--success)}.readability-results .fail{background:#fff8f8;border-color:#efcece}.readability-results .fail svg{color:var(--danger)}.readability-stage{min-height:580px;padding:28px}.readability-stage>span{font-size:11px}.readability-stage>div{aspect-ratio:4/5;min-width:180px;max-width:92%;padding:8%}.readability-stage strong{display:block}.readability-stage h4{margin:12px 0 0;line-height:1.15}.readability-stage p{margin:10px 0;line-height:1.45}.readability-stage small{line-height:1.4;display:block}.safe-area-standards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.safe-area-standards button{border:1px solid var(--border);min-height:92px;color:var(--navy);cursor:pointer;text-align:left;background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;padding:15px;transition:border-color .18s,background .18s;display:flex}.safe-area-standards button:hover{background:#f5f9ff;border-color:#9cbde3}.safe-area-standards span{color:var(--muted);font-size:10px}.safe-area-standards strong{margin-top:4px;font-size:13px}.safe-area-standards small{color:var(--primary);margin-top:5px;font-size:10px}@media (max-width:1120px){.docs-shell{grid-template-columns:215px minmax(0,1fr);gap:28px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-controls{grid-template-columns:minmax(0,1fr) minmax(220px,.7fr)}.random-color-button{grid-column:1/-1;width:fit-content}.readability-layout{grid-template-columns:1fr}.readability-stage{min-height:500px}}@media (max-width:900px){.docs-shell{grid-template-columns:1fr;width:min(100% - 40px,1320px);margin-top:36px}.sidebar{border:1px solid var(--border);background:#fff;border-radius:14px;gap:6px;max-height:none;padding:10px;display:flex;position:static;overflow:auto hidden}.side-group{margin:0;display:contents}.side-heading{white-space:nowrap;border-radius:9px;margin:0;padding:9px 12px}.side-link{display:none}.two-column-tool,.composition-layout,.golden-type-layout,.image-picker-layout{grid-template-columns:1fr}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.docs-shell{width:min(100% - 32px,1320px)}.page-header{flex-direction:column;gap:18px}.page-header h1{font-size:clamp(34px,10vw,42px)}.tool-panel{border-radius:16px;padding:20px}.palette-controls,.font-size-grid,.readability-results,.resource-grid,.card-grid,.custom-color-panel{grid-template-columns:1fr}.color-wheel-picker>span{justify-self:center}.random-color-button{width:100%}.harmony-summary{flex-direction:column;align-items:flex-start;gap:12px}.safe-area-standards{grid-template-columns:1fr}.readability-stage{min-height:430px;padding:20px}.generated-palette{grid-template-columns:1fr}}body{font-size:16px;line-height:1.65}.section-container{width:min(1360px,100% - 64px)}.site-header,.mobile-menu{width:min(1344px,100%)}.site-header{min-height:74px;padding:11px 20px}.desktop-nav a{font-size:14px}.button{min-height:46px;padding-inline:20px;font-size:15px}.button.compact{min-height:38px;font-size:13px}.header-cta{min-height:42px;font-size:13px}.hero-copy>p{font-size:19px}.eyebrow,.pill{font-size:13px}.feature-card h3{font-size:20px}.feature-card p{font-size:15px}.card-action{font-size:14px;bottom:24px;left:28px}.score-copy p,.cta-section p{font-size:16px}.score-copy label{font-size:14px}.score-lines>div,.score-status{font-size:13px}.score-ring small{font-size:12px}.docs-shell{grid-template-columns:250px minmax(0,1fr);gap:50px;width:min(1360px,100% - 64px)}.side-heading{font-size:14px}.side-link{padding:10px 12px;font-size:14px}.page-header p{font-size:17px}.doc-section>p,.principle-grid p,.rule-columns p{font-size:15px}.rule-columns h3{font-size:16px}.info-banner strong{font-size:14px}.info-banner p{font-size:13px}.resource-grid>*{min-height:250px;padding:25px}.resource-grid h3{font-size:19px}.resource-grid p{font-size:14px}.resource-grid>*>span:last-child{font-size:13px}.footer-inner{width:min(1360px,100% - 64px)}.footer p,.footer>div>span{font-size:13px}input,select{min-height:48px;padding-inline:14px;font-size:15px}textarea{padding:14px;font-size:15px}.field,.field>span,.preview-input,.custom-color-field>span{font-size:14px}.field small{font-size:13px}.copy-button{min-height:38px;padding-inline:12px;font-size:13px}.segmented button,.tab-list button{min-height:40px;font-size:13px}.recommendation strong{font-size:14px}.recommendation p,.check-grid b,.check-grid span{font-size:13px}.color-presets button{width:36px;height:36px}.lightness-control span,.lightness-control strong,.harmony-summary span,.picker-actions>span{font-size:12px}.harmony-summary p{font-size:13px}.size-preset-list button{min-height:76px;padding:15px 17px}.size-preset-list span{font-size:14px}.size-preset-list strong{font-size:13px}.size-preset-list small{font-size:12px}.canvas-preview>p{font-size:13px}.print-resolution{min-height:78px;padding:13px 15px}.print-resolution span{font-size:12px}.print-resolution strong{font-size:15px}.checklist-score p{font-size:13px}.checklist-items label{min-height:70px;padding:15px}.checklist-items span,.type-meta strong{font-size:14px}.type-meta span{font-size:12px}.type-token-list>div{min-height:62px;padding:12px 14px}.type-token-list span{font-size:13px}.type-token-list strong{font-size:14px}.token-table span{font-size:12px}.token-table strong{font-size:14px}.readability-results>div{min-height:76px;padding:14px}.readability-results span{font-size:14px}.readability-results strong{font-size:15px}.readability-results small,.safe-area-standards span,.safe-area-standards small{font-size:12px}.safe-area-standards strong{font-size:15px}.process-steps span{width:36px;height:36px;font-size:12px}.process-steps strong{font-size:14px}.process-steps small{font-size:12px}.privacy-note p,.loading-card p{font-size:13px}.privacy-note strong,.loading-card strong{font-size:14px}.upload-zone h2{font-size:23px}.upload-zone p{font-size:14px}.upload-zone small{font-size:12px}.file-meta strong{font-size:13px}.file-meta span{font-size:12px}.file-meta button{width:38px;height:38px}.criteria-panel>div{padding:13px}.criteria-panel>div span,.error-banner{font-size:13px}.result-hero p{font-size:14px}.status-pill,.source-badge{font-size:10px}.category-scores>div>div{font-size:14px}.category-scores small{font-size:12px}.result-columns h3,.recommendation-card h3{font-size:16px}.result-columns>article>p{font-size:14px}.issue>span{font-size:10px}.issue strong{font-size:14px}.issue p{font-size:13px}.recommendation-card p{font-size:14px}.ai-disclaimer p{font-size:13px}.ai-likelihood small,.ai-signals span,.ai-confidence span{font-size:12px}.ai-detection-copy>p{font-size:14px}.source-callout p{font-size:15px}.lockup-notes p{font-size:13px}.production-grid article>p{font-size:14px}.production-grid article>div span{font-size:13px}.tool-stack strong{font-size:15px}.tool-stack p{font-size:13px}.palette-card.filled small{font-size:12px}.palette-card.filled p,.picker-result>p,.file-name,.picked-color span,.picked-color small{font-size:13px}@media (max-width:900px){.docs-shell{grid-template-columns:1fr;gap:28px;width:min(100% - 40px,1360px)}}@media (max-width:700px){.section-container,.docs-shell,.footer-inner{width:min(100% - 32px,1360px)}.site-header{min-height:64px;padding:8px 10px}.brand-copy strong{font-size:14px}.hero-copy>p{font-size:16px}.feature-card{min-height:238px;padding:24px}.card-action{left:24px}.page-header p{font-size:15px}.tool-panel{padding:20px}}.certificate-privacy{color:var(--primary);background:var(--soft-blue);border:1px solid #d7e8f8;border-radius:13px;align-items:center;gap:11px;margin-bottom:18px;padding:15px 18px;display:flex}.certificate-privacy p{color:var(--muted);margin:0;font-size:14px}.certificate-privacy strong{color:var(--navy)}.certificate-stepper ol{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:6px;margin:0;padding:7px;list-style:none;display:grid}.certificate-stepper button{width:100%;min-height:72px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;grid-template-rows:auto auto;grid-template-columns:36px 1fr;align-items:center;gap:1px 10px;padding:10px 13px;display:grid}.certificate-stepper button>span{border:1px solid #cbd8e5;border-radius:50%;grid-row:1/3;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.certificate-stepper strong{color:var(--navy);font-size:14px}.certificate-stepper li.active button{color:var(--primary);background:var(--soft-blue)}.certificate-stepper li.active button>span{color:#fff;border-color:var(--primary);background:var(--primary)}.certificate-stepper li.done button>span{color:#fff;border-color:var(--success);background:var(--success)}.certificate-stepper button:disabled{opacity:.48;cursor:not-allowed}.certificate-status{align-items:center;min-height:48px;margin-bottom:22px;display:flex}.certificate-status>span{width:100%;color:var(--success);background:#edf9f4;border-radius:11px;align-items:center;gap:9px;padding:12px 15px;font-size:13px;display:flex}.certificate-status>span.error{color:var(--danger);background:#fff1f1}.certificate-stage{gap:20px;display:grid}.certificate-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.certificate-section{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;padding:24px}.certificate-section>header{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.certificate-section>header>span{width:42px;height:42px;color:var(--primary);background:var(--soft-blue);border-radius:12px;flex:none;place-items:center;display:grid}.certificate-section h2,.style-panel h2,.generation-panel h2{color:var(--navy);margin:0;font-size:20px}.certificate-section header p{color:var(--muted);margin:3px 0 0;font-size:13px}.certificate-dropzone{min-height:330px;color:var(--primary);cursor:pointer;text-align:center;background:linear-gradient(#fbfdff,#f2f8fe);border:1.5px dashed #a9c8e8;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:26px;display:flex}.certificate-dropzone strong{color:var(--navy);margin-top:6px}.certificate-dropzone span{max-width:330px;color:var(--muted);margin-bottom:8px;font-size:13px}.template-summary>img{object-fit:contain;background:#edf2f7;border-radius:12px;width:100%;max-height:310px;display:block}.template-summary dl,.name-summary dl,.validation-list{border:1px solid var(--border);border-radius:11px;gap:1px;margin:14px 0;display:grid;overflow:hidden}.template-summary dl div,.name-summary dl div,.validation-list div{background:#f9fbfd;justify-content:space-between;gap:18px;min-width:0;padding:10px 12px;display:flex}.template-summary dt,.name-summary dt,.validation-list dt{color:var(--muted);font-size:12px}.template-summary dd,.name-summary dd,.validation-list dd{min-width:0;color:var(--navy);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:700;overflow:hidden}.inline-actions{flex-wrap:wrap;gap:8px;display:flex}.button.danger{color:var(--danger)}.certificate-file-button{width:100%;min-height:82px;color:var(--primary);cursor:pointer;text-align:left;background:#f8fbff;border:1px dashed #a9c8e8;border-radius:13px;align-items:center;gap:13px;padding:15px;display:flex}.certificate-file-button span{display:grid}.certificate-file-button strong{color:var(--navy)}.certificate-file-button small{color:var(--muted);margin-top:3px}.or-divider{color:var(--muted);align-items:center;margin:14px 0;font-size:12px;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--border);flex:1;height:1px}.or-divider span{padding-inline:10px}.name-summary-head{background:var(--soft-blue);border-radius:11px;justify-content:space-between;align-items:center;gap:15px;padding:14px;display:flex}.name-summary-head>div{min-width:0;display:grid}.name-summary-head span,.name-summary>p span,.name-preview>span{color:var(--muted);font-size:11px}.name-summary-head strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.name-summary-head>strong{color:var(--primary)}.data-warning,.field-warning,.overflow-warning,.zip-estimate{color:var(--warning);background:#fff7e9;border-radius:10px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:12px;display:flex}.name-preview{margin:14px 0}.name-preview ol{color:var(--navy);margin:5px 0 0;padding-left:22px;font-size:13px}.name-summary>p{display:grid}.name-summary>p strong{overflow-wrap:anywhere;color:var(--navy);font-size:13px}.stage-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:14px;min-height:66px;padding-top:18px;display:flex}.stage-actions>span{color:var(--muted);margin-right:auto;font-size:13px}.certificate-editor-layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr);align-items:start;gap:18px;display:grid}.editor-panel,.style-panel,.final-preview,.generation-panel{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-sm);background:#fff;border-radius:18px}.editor-panel{overflow:hidden}.editor-toolbar,.preview-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 16px;display:flex}.editor-toolbar strong,.preview-toolbar strong{color:var(--navy)}.editor-toolbar>div{align-items:center;gap:4px;display:flex}.editor-toolbar button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:5px;min-height:36px;padding-inline:9px;display:flex}.editor-toolbar span{min-width:45px;color:var(--muted);text-align:center;font-size:12px}.editor-viewport{background:#e9eff5;align-items:center;min-height:540px;padding:28px;display:flex;overflow:auto}.editor-canvas-wrap{min-width:50%;box-shadow:var(--shadow-lg);touch-action:none;flex:none;margin:auto;position:relative}.editor-canvas-wrap canvas{width:100%;height:100%;display:block}.safe-margin{pointer-events:none;border:1px dashed #004cb5bf;position:absolute;inset:5%}.center-guide{z-index:2;pointer-events:none;background:#ffb100b3;display:block;position:absolute}.center-guide.vertical{inset-block:0;width:1px;left:50%}.center-guide.horizontal{inset-inline:0;height:1px;top:50%}.name-area{z-index:4;cursor:move;touch-action:none;background:#004cb50d;border:2px solid #1687e8;position:absolute}.name-area>span{color:#fff;white-space:nowrap;background:#1687e8;border-radius:5px 5px 0 0;padding:3px 6px;font-size:10px;font-weight:700;position:absolute;top:-25px;left:-2px}.name-area>button{cursor:ew-resize;background:#1687e8;border:3px solid #fff;border-radius:50%;width:18px;height:18px;padding:0;position:absolute;top:50%;right:-10px;transform:translateY(-50%);box-shadow:0 1px 5px #00214f66}.editor-help{color:var(--muted);margin:0;padding:13px 16px;font-size:12px}.style-panel,.generation-panel{align-content:start;gap:16px;padding:22px;display:grid;position:sticky;top:22px}.position-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.font-upload{color:var(--primary);cursor:pointer;border:1px dashed #b7cce2;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:700}.font-upload input{display:none}.field-warning{margin:-7px 0 0}.alignment-field,.output-options,.abbreviation-field,.rgb-fields,.color-swatches{border:0;margin:0;padding:0}.alignment-field legend,.output-options legend,.abbreviation-field legend,.rgb-fields legend,.color-swatches legend{color:var(--navy);margin-bottom:7px;font-size:13px;font-weight:700}.alignment-field>div{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.alignment-field button{border:1px solid var(--border);min-height:48px;color:var(--muted);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:5px;font-size:10px;display:flex}.alignment-field button[aria-pressed=true]{color:#fff;border-color:var(--primary);background:var(--primary)}.alignment-field button:focus-visible,.color-picker button:focus-visible,.review-groups button:focus-visible{outline-offset:2px;outline:3px solid #0064c040}.check-field{color:var(--navy);align-items:center;gap:9px;font-size:13px;display:flex}.check-field input{width:18px;min-height:18px;accent-color:var(--primary);flex:none}.abbreviation-field{gap:7px;display:grid}.abbreviation-options{border:1px solid var(--border);background:#f5f8fb;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.abbreviation-options label{cursor:pointer;min-width:0}.abbreviation-options input{opacity:0;width:1px;height:1px;min-height:1px;padding:0;position:absolute}.abbreviation-options span{min-height:40px;color:var(--muted);text-align:center;border-radius:7px;place-items:center;padding:7px 8px;font-size:11px;line-height:1.3;display:grid}.abbreviation-options label:has(input:checked) span{color:#fff;background:var(--primary)}.abbreviation-options label:has(input:focus-visible) span{outline-offset:2px;outline:3px solid #0064c040}.abbreviation-field small{color:var(--muted);line-height:1.5}.typography-advanced{border-top:1px solid var(--border);padding-top:12px}.typography-advanced summary{color:var(--primary);cursor:pointer;font-size:13px;font-weight:700}.typography-advanced>div{margin-top:13px}.typography-advanced>.check-field{margin-top:12px}.color-picker{position:relative}.color-trigger{border:1px solid var(--border);width:100%;min-height:43px;color:var(--navy);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:9px;padding:7px 10px;font-family:monospace;display:flex}.color-trigger i{border:1px solid #c8d2dd;border-radius:7px;flex:none;width:25px;height:25px}.color-popover{z-index:20;border:1px solid var(--border);width:min(350px,100vw - 36px);box-shadow:var(--shadow-lg);background:#fff;border-radius:14px;gap:13px;padding:15px;display:grid;position:absolute;top:calc(100% + 7px);right:0}.color-popover-head{justify-content:space-between;align-items:center;display:flex}.color-popover-head>div{grid-template-columns:31px 1fr;align-items:center;gap:0 9px;display:grid}.color-popover-head i{border:1px solid var(--border);border-radius:8px;grid-row:1/3;width:31px;height:31px}.color-popover-head strong{color:var(--navy);font-size:13px}.color-popover-head span{color:var(--muted);font-family:monospace;font-size:11px}.color-popover-head button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:#f2f5f8;border:0;border-radius:8px;place-items:center;display:grid}.sv-area{cursor:crosshair;touch-action:none;border-radius:10px;height:175px;position:relative;overflow:hidden}.sv-area:before,.sv-area:after{content:"";pointer-events:none;position:absolute;inset:0}.sv-area:before{background:linear-gradient(90deg,#fff,#0000)}.sv-area:after{background:linear-gradient(#0000,#000)}.sv-area>i{z-index:2;pointer-events:none;border:2px solid #fff;border-radius:50%;width:15px;height:15px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #233448,0 1px 3px #0008}.hue-field{color:var(--navy);gap:6px;font-size:12px;font-weight:700;display:grid}.hue-field input{appearance:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:0;border-radius:99px;width:100%;height:18px;padding:0}.hue-field input::-webkit-slider-thumb{appearance:none;background:0 0;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #556575}.sv-keyboard{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sv-keyboard label{color:var(--muted);gap:4px;font-size:11px;display:grid}.sv-keyboard input{width:100%}.rgb-fields{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.rgb-fields legend{grid-column:1/-1}.rgb-fields label{color:var(--muted);grid-template-columns:18px 1fr;align-items:center;gap:4px;font-size:11px;display:grid}.rgb-fields input{min-width:0}.color-error{color:var(--danger);margin:-5px 0 0;font-size:11px}.color-swatches>div{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.color-swatches button{cursor:pointer;border:1px solid #b8c3ce;border-radius:7px;min-width:0;height:38px;padding:0;overflow:hidden}.color-swatches span{color:#fff;background:#0000008c;padding:2px;font-family:monospace;font-size:8px;display:block}.color-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.preview-layout{grid-template-columns:minmax(0,1.55fr) minmax(310px,.7fr);align-items:start;gap:18px;display:grid}.preview-toolbar select{width:min(360px,58%)}.final-canvas-wrap{background:#e9eff5;place-items:center;min-height:500px;padding:28px;display:grid}.final-canvas-wrap canvas{max-width:100%;max-height:640px;box-shadow:var(--shadow-lg)}.preview-navigation{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:7px;padding:13px 16px;display:flex}.validation-list{margin:0}.validation-list .warning{color:var(--warning);background:#fff7e9}.validation-list dd{font-size:14px}.overflow-warning{margin:0}.overflow-warning p{color:var(--muted);margin:0;line-height:1.5}.overflow-warning strong{color:var(--warning)}.output-options{gap:7px;display:grid}.output-options label{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:11px;display:flex}.output-options input{width:17px;min-height:17px;accent-color:var(--primary);flex:none}.output-options span{display:grid}.output-options strong{color:var(--navy);font-size:13px}.output-options small{color:var(--muted);font-size:11px}.zip-estimate{color:var(--muted);background:#f3f7fb;margin:0}.generation-progress{background:#fff;border:1px solid #cfe2f5;border-radius:15px;grid-template-columns:1fr auto;gap:6px 15px;padding:20px;display:grid}.generation-progress>div:first-child{justify-content:space-between;gap:15px;display:flex}.generation-progress strong{color:var(--navy)}.generation-progress p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;margin:0;font-size:13px;overflow:hidden}.generation-progress [role=progressbar]{background:#e5edf5;border-radius:99px;height:9px;overflow:hidden}.generation-progress i{border-radius:inherit;background:var(--primary);height:100%;transition:width .15s;display:block}.generation-progress .button{grid-area:3/2}.generation-message{color:var(--navy);background:var(--soft-blue);border-radius:11px;padding:13px 15px;font-size:13px}.participant-modal{width:min(620px,100%)}.participant-modal>p{font-size:13px}.participant-modal ol{border-top:1px solid var(--border);max-height:55vh;margin:18px 0 0;padding:0;list-style:none;overflow-y:auto}.participant-modal li{border-bottom:1px solid var(--border);grid-template-columns:35px 1fr auto;gap:8px;padding:10px 4px;font-size:13px;display:grid}.participant-modal li>span{color:var(--muted)}.participant-modal li small{color:var(--warning);background:#fff4df;border-radius:99px;padding:2px 6px}.review-groups{gap:7px;display:grid}.review-groups details{border:1px solid var(--border);background:#fbfcfe;border-radius:10px}.review-groups summary{color:var(--navy);cursor:pointer;justify-content:space-between;gap:10px;padding:10px 11px;font-size:12px;font-weight:700;display:flex}.review-groups summary span{color:var(--primary)}.review-groups>details>p{color:var(--muted);margin:0;padding:0 11px 11px;font-size:11px}.review-groups ul{max-height:230px;margin:0;padding:0 10px 10px;list-style:none;overflow:auto}.review-groups li{border-top:1px solid var(--border);gap:8px;padding:9px 0;display:grid}.review-groups li>div:first-child{overflow-wrap:anywhere;gap:2px;display:grid}.review-groups li strong{color:var(--navy);font-size:12px}.review-groups li span{color:var(--primary);font-size:11px}.review-groups li small{color:var(--muted);font-size:10px}.review-groups li>div:last-child{flex-wrap:wrap;gap:5px;display:flex}.review-groups .button{min-height:30px;padding:5px 8px;font-size:10px}.center-position-actions{grid-template-columns:1fr}.center-position-actions svg{flex:none}@media (max-width:1100px){.certificate-editor-layout,.preview-layout{grid-template-columns:1fr}.style-panel,.generation-panel{position:static}.editor-viewport{min-height:480px}}@media (max-width:700px){.certificate-stepper button{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:82px;padding:8px 5px;display:flex}.certificate-stepper button>span{width:30px;height:30px}.certificate-stepper strong{font-size:11px}.certificate-stepper small{display:none}.certificate-upload-grid{grid-template-columns:1fr}.certificate-section{padding:18px}.certificate-dropzone{min-height:280px}.stage-actions{flex-direction:column;align-items:stretch}.stage-actions>span{text-align:center;margin:0}.stage-actions .button{width:100%}.editor-toolbar{flex-direction:column;align-items:flex-start}.editor-toolbar>div{justify-content:space-between;width:100%}.editor-viewport{min-height:360px;padding:18px 10px}.editor-canvas-wrap{min-width:100%}.position-grid{grid-template-columns:1fr}.alignment-field button{flex-direction:column}.color-popover{left:0;right:auto}.preview-toolbar{flex-direction:column;align-items:stretch}.preview-toolbar select{width:100%}.final-canvas-wrap{min-height:340px;padding:16px}.preview-navigation{display:grid}.generation-progress{grid-template-columns:1fr}.generation-progress .button{grid-area:auto}.participant-modal{padding:22px 18px}}@property --score{syntax:"<angle>";inherits:false;initial-value:0deg}.score-ring{transition:--score .7s cubic-bezier(.16,1,.3,1)}::selection{background:#004cb529}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:3px solid var(--background);background:#c3cfdd;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#a8b8ca}:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #004cb58c}body{color:#12325e}:root{--muted:#52627a}.app-shell{overflow-x:clip}.site-header-wrap{z-index:30;position:sticky;top:0}.site-header{box-shadow:0 1px 2px #062b630a,0 12px 32px #062b6314}.feature-card .card-action svg{transition:transform .22s cubic-bezier(.2,.8,.2,1)}.feature-card:hover .card-action svg{transform:translate(4px)}.feature-card:hover .feature-icon{color:#fff;background:var(--primary);border-color:var(--primary)}.feature-icon,.resource-icon,.page-icon{transition:color .22s,background .22s,border-color .22s}@media (prefers-reduced-motion:no-preference){.hero-copy>*{animation:.7s cubic-bezier(.16,1,.3,1) both rise-in}.hero-copy>:nth-child(2){animation-delay:70ms}.hero-copy>:nth-child(3){animation-delay:.14s}.hero-copy>:nth-child(4){animation-delay:.21s}.hero-art{animation:.9s cubic-bezier(.16,1,.3,1) .18s both rise-in}}@keyframes rise-in{0%{opacity:0;transform:translateY(20px)}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.reveal-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.card-grid .reveal{display:grid}.card-grid .reveal>.feature-card{width:100%;height:100%}.hero{padding-top:96px}.landing-page{background:var(--background)}.landing-section{width:min(1360px,100% - 64px);margin-inline:auto;padding:104px 0}.landing-section>header{max-width:720px;margin-bottom:42px}.landing-section>header h2{color:var(--navy);letter-spacing:-.045em;margin:0;font-size:clamp(34px,4vw,52px);line-height:1.08}.landing-section>header p{max-width:620px;color:var(--muted);margin:13px 0 0;font-size:16px;line-height:1.65}.landing-routes{border-top:1px solid var(--border)}.landing-route-grid{grid-template-rows:repeat(2,minmax(210px,1fr));grid-template-columns:1.15fr .85fr;gap:16px;display:grid}.landing-route{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;align-items:flex-start;min-width:0;padding:27px;transition:transform .22s,border-color .22s;display:flex}.landing-route:hover{border-color:#b8d3ef;transform:translateY(-3px)}.landing-route>svg{color:var(--primary)}.landing-route>div{margin:auto 0}.landing-route h3{color:var(--navy);letter-spacing:-.025em;margin:18px 0 8px;font-size:24px}.landing-route p{max-width:46ch;color:var(--muted);margin:0;line-height:1.6}.landing-route>span{color:var(--primary);align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.landing-route>span svg,.landing-tool>svg:last-child,.landing-all-tools svg{transition:transform .2s}.landing-route:hover>span svg,.landing-tool:hover>svg:last-child,.landing-all-tools:hover svg{transform:translate(4px)}.landing-route-primary{color:#fff;background:var(--navy);border-color:#0000;grid-row:1/3;padding:38px}.landing-route-primary:hover{border-color:#0000}.landing-route-primary>svg,.landing-route-primary>span{color:#8ec6ff}.landing-route-primary h3{color:#fff;font-size:clamp(30px,3vw,42px)}.landing-route-primary p{color:#c7d5e5;font-size:17px}.landing-route-tinted{background:var(--soft-blue);border-color:#d9e8f7}.landing-tools{padding-top:88px}.landing-tool-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;display:grid}.landing-tool{border-top:1px solid var(--border);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:116px;padding:22px 0;display:grid}.landing-tool>svg:first-child{color:var(--primary)}.landing-tool>svg:last-child{color:#8697ab}.landing-tool div{gap:5px;min-width:0;display:grid}.landing-tool strong{color:var(--navy);font-size:16px}.landing-tool span{color:var(--muted);font-size:13px;line-height:1.5}.landing-tool:hover strong{color:var(--primary)}.landing-all-tools{width:fit-content;color:var(--primary);align-items:center;gap:7px;margin-top:28px;font-size:14px;font-weight:700;display:flex}@media (max-width:700px){.landing-section{width:min(100% - 32px,1360px);padding:72px 0}.landing-route-grid,.landing-tool-groups{grid-template-columns:1fr}.landing-route-grid{grid-template-rows:auto}.landing-route-primary{grid-row:auto;min-height:320px;padding:28px}.landing-route{min-height:230px}}:root{--background:#eaf2fb;--surface:#f8fcffbd;--border:#3f69972e;--soft-blue:#deeeffad;--ink:#102d53;--muted:#4f627a;--glass-fill:#f8fcffad;--glass-strong:#f9fcffd1;--glass-border:#ffffffd1;--glass-edge:#2b5b912b;--glass-shadow:0 24px 60px #14417624, inset 0 1px 0 #ffffffe0;--glass-shadow-soft:0 12px 32px #14417617, inset 0 1px 0 #ffffffbd}html{background:var(--background)}body{min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 8% 5%, #479cff40, transparent 31rem), radial-gradient(circle at 92% 18%, #82cfec42, transparent 29rem), radial-gradient(circle at 58% 82%, #6d94dd29, transparent 34rem), var(--background);background-attachment:fixed}.skip-link{z-index:100;color:#f6faff;background:var(--navy);border-radius:999px;padding:11px 16px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header-wrap{background:0 0;padding:14px 20px 0;top:0}.site-header,.mobile-menu,.sidebar,.page-header,.hero-art,.tool-panel,.lesson-stage,.lesson-stepper ol,.progress-card,.certificate-stepper ol{border:1px solid var(--glass-border);background:var(--glass-strong);box-shadow:var(--glass-shadow), 0 0 0 1px var(--glass-edge)}.site-header{border-radius:24px;gap:24px;min-height:68px;padding:9px 12px 9px 18px}.brand-mark{background:#f6faffb8;border-radius:12px;padding:4px;box-shadow:inset 0 1px #ffffffe6}.desktop-nav a{color:#405873;white-space:nowrap;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:600}.mobile-menu{border-radius:20px}.icon-button{background:#f8fcffc7;border-radius:12px}.button{white-space:nowrap;border-radius:999px;min-height:44px}.button-primary{color:#f7fbff;background:linear-gradient(#1764ce,#004cb5 68%);border:1px solid #fff3;box-shadow:inset 0 1px #ffffff4d,0 9px 22px #004cb538}.button-secondary{color:var(--navy);border-color:var(--glass-border);box-shadow:var(--glass-shadow-soft), 0 0 0 1px var(--glass-edge);background:#f8fcffb3}.hero{grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:center;gap:58px;min-height:calc(100dvh - 96px);padding-top:64px;padding-bottom:72px}.hero:before{filter:blur(2px);background:#74c0ff26;border-radius:50%;width:580px;height:580px;top:1%;right:-8%}.hero-copy{padding-top:0}.hero h1{max-width:690px;margin:22px 0 20px;font-size:clamp(48px,5.3vw,72px)}.hero-copy>p{max-width:54ch}.pill{background:#f1f8ff9e;border-color:#3b7ec633;box-shadow:inset 0 1px #ffffffd9}.hero-art{background:linear-gradient(145deg,#eff8ffb8,#cae3f980);border-radius:28px;min-height:510px;margin-top:0;overflow:hidden}.hero-art:before{content:"";aspect-ratio:1;background:#004cb533;border-radius:50%;width:330px;position:absolute;top:-130px;right:-80px;box-shadow:-280px 330px 0 30px #ffb1001a}.art-card{border-color:var(--glass-border);box-shadow:var(--glass-shadow-soft), 0 0 0 1px var(--glass-edge);background:#f9fcffb8;border-radius:18px}.floating-tag{box-shadow:var(--glass-shadow-soft);border:1px solid #ffffff5c}.landing-section{width:min(1280px,100% - 64px)}.landing-route-primary{color:#f4f8ff;background:linear-gradient(145deg,#00214ff2,#004cb5d6);border-color:#ffffff29}.card-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.card-grid .reveal{grid-column:span 4}.card-grid .reveal:first-child,.card-grid .reveal:nth-child(7){grid-column:span 8}.card-grid .reveal:nth-child(11){grid-column:1/-1}.feature-card{min-height:270px;padding:28px}.feature-card h2,.feature-card h3{color:var(--navy);letter-spacing:-.025em;margin:24px 0 8px;font-size:19px}.card-grid .reveal:first-child .feature-card{color:#f4f8ff;background:linear-gradient(145deg,#00214ff0,#004cb5d1)}.card-grid .reveal:first-child .feature-card h2,.card-grid .reveal:first-child .feature-card p{color:#f4f8ff}.card-grid .reveal:first-child .feature-card .card-action{color:#acd5ff}.card-grid .reveal:nth-child(5) .feature-card,.card-grid .reveal:nth-child(11) .feature-card{background:#dbedffb3}.resource-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.resource-grid>*{grid-column:span 4;min-height:240px;padding:26px}.resource-grid>:first-child{color:#f4f8ff;background:linear-gradient(145deg,#00214ff0,#004cb5d1);grid-column:span 8}.resource-grid>:first-child h3,.resource-grid>:first-child p,.resource-grid>:first-child>span:last-child{color:#f4f8ff}.docs-shell{grid-template-columns:248px minmax(0,1fr);gap:30px;width:min(1320px,100% - 48px);margin:38px auto 96px}.sidebar{border-right:1px solid var(--glass-border);border-radius:24px;max-height:calc(100dvh - 112px);padding:18px 14px;top:100px}.side-group{margin-bottom:18px}.side-heading{padding-inline:10px}.side-link{border-radius:12px;min-height:38px;padding:9px 10px}.side-link:hover{background:#e1effda3}.page-header{border-bottom:1px solid var(--glass-border);border-radius:24px;align-items:center;min-height:0;margin-bottom:28px;padding:34px 36px}.page-header h1{max-width:780px;margin:10px 0 12px;font-size:clamp(38px,4.8vw,60px)}.page-header p{max-width:68ch}.doc-section>h2,.showcase>h2{font-size:27px}.info-banner,.source-callout,.educational-feedback,.certificate-privacy,.certificate-status{border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 #ffffffb8, 0 0 0 1px var(--glass-edge);background:#e8f4ffa3}.progress-card,.lesson-stage,.lesson-stepper ol{border-radius:24px}.learn-hero,.lesson-header,.result-hero,.quiz-transition{box-shadow:var(--glass-shadow);background:linear-gradient(145deg,#001c43f2,#004cb5d1);border:1px solid #ffffff29;border-radius:24px}.learn-list{border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-soft), 0 0 0 1px var(--glass-edge);background:#f8fcff75;border-radius:24px;padding:30px}.interactive-demo,.poster-anatomy-demo{border-color:var(--glass-border);box-shadow:var(--glass-shadow-soft), 0 0 0 1px var(--glass-edge);border-radius:18px}.demo-controls,.poster-anatomy-controls{background:#f8fcffbd}select,textarea,input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]):not([type=file]){background:#f9fcffc2;border-color:#436c9940;border-radius:12px;box-shadow:inset 0 1px #ffffffd1}.segmented,.tab-list{background:#f1f8ffad;border-radius:999px}.segmented button,.tab-list button{border-radius:999px}.copy-button{background:#f8fcffb3;border-radius:999px}.certificate-stepper ol,.certificate-stage{border-radius:24px}.certificate-file-button,.certificate-dropzone{background:#ecf6ff94;border-color:#4c7eb457;border-radius:18px}.style-panel,.generation-panel{top:104px}.footer{background:#eef7ff75;border-top:1px solid #ffffffa3;box-shadow:inset 0 1px #ffffffb3}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header,.mobile-menu,.sidebar,.page-header,.hero-art,.tool-panel,.lesson-stage,.lesson-stepper ol,.progress-card,.learn-list,.certificate-stepper ol,.footer{-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%)}}@media (max-width:1100px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{max-width:720px}.hero-art{width:min(720px,100%);margin-inline:auto}.card-grid,.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid .reveal,.card-grid .reveal:nth-child(n),.resource-grid>*,.resource-grid>:first-child{grid-column:auto}}@media (max-width:900px){.docs-shell{grid-template-columns:1fr}.sidebar{gap:6px;max-height:none;display:flex;position:static;top:auto;overflow:auto hidden}.side-group{display:contents}.side-heading{white-space:nowrap;align-items:center;min-height:40px;margin:0;display:flex}.side-link{display:none}}@media (max-width:700px){.site-header-wrap{padding:10px 10px 0}.site-header{border-radius:20px;min-height:62px;padding:8px 9px 8px 12px}.hero{gap:42px;width:min(100% - 32px,1232px);padding-top:48px;padding-bottom:70px}.hero h1{font-size:42px}.hero-art{border-radius:24px;grid-template-columns:1fr 1fr;gap:12px;min-height:0;padding:16px;display:grid;transform:none}.hero-art:before,.floating-tag{display:none}.hero-art .art-card{width:auto;min-width:0;padding:18px;position:relative;inset:auto;transform:none}.hero-art .palette-art,.hero-art .grid-art{grid-column:1/-1}.hero-art .type-art,.hero-art .spacing-art{min-height:180px}.landing-section{width:min(100% - 32px,1280px)}.landing-route-primary{min-height:300px}.card-grid,.resource-grid{grid-template-columns:1fr}.feature-card,.resource-grid>*{min-height:230px}.docs-shell{width:min(100% - 24px,1320px);margin-top:24px}.page-header{align-items:flex-start;padding:26px 22px}.page-header h1{font-size:38px}.tool-panel,.lesson-stage,.learn-list{padding:22px 18px}.footer-inner{width:min(100% - 32px,1320px)}}@media (prefers-reduced-transparency:reduce){.site-header,.mobile-menu,.sidebar,.page-header,.hero-art,.tool-panel,.lesson-stage,.lesson-stepper ol,.progress-card,.learn-list,.certificate-stepper ol,.footer{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f3f8fd}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header,.mobile-menu,.sidebar,.page-header,.hero-art,.tool-panel,.lesson-stage,.lesson-stepper ol,.progress-card,.learn-list,.certificate-stepper ol,.footer{background:#f3f8fd}}@media (forced-colors:active){.site-header,.mobile-menu,.sidebar,.page-header,.hero-art,.tool-panel,.lesson-stage,.feature-card,.landing-route,.resource-grid>*{box-shadow:none;border:1px solid canvastext}}:root{--background:#f3f6fa;--surface:#fbfdff;--border:#dfe6ee;--soft-blue:#edf5fd;--glass-fill:#fbfdfff0;--glass-strong:#fbfdffe6;--glass-border:#ffffffe6;--glass-edge:#42648b1f;--glass-shadow:0 14px 38px #17396117, inset 0 1px 0 #ffffffe6;--glass-shadow-soft:0 6px 20px #1739610f, inset 0 1px 0 #ffffffd1}body{color:var(--ink);background:var(--background);background-attachment:scroll}.site-header{background:#fbfdffd6;box-shadow:0 10px 28px #17396117,inset 0 1px #fffffff0}.mobile-menu{background:#fbfdfff0}.hero:before,.hero-art:before{display:none}.hero-art{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.art-card{background:#fbfdffe6;box-shadow:0 8px 24px #17396114,inset 0 1px #ffffffe6}.sidebar,.page-header,.tool-panel,.lesson-stage,.lesson-stepper ol,.progress-card,.certificate-stepper ol,.landing-route,.feature-card,.resource-grid>*,.rule-columns>div,.principle-grid article,.production-grid article,.lesson-card,.objective-grid>div,.before-after article,.mistake-grid>div,.quiz-options button,.certificate-section{background:var(--surface);border-color:var(--border);box-shadow:var(--glass-shadow-soft)}.page-header,.tool-panel,.lesson-stage,.lesson-stepper ol,.progress-card,.certificate-stepper ol{box-shadow:0 8px 26px #1739610f}.landing-route:hover,.feature-card:hover,.resource-grid>:hover{border-color:#b9cee4;transform:translateY(-2px);box-shadow:0 12px 30px #17396117}.landing-route-primary{color:#f4f8ff;background:var(--navy);border-color:#0000;box-shadow:0 10px 28px #00214f24}.landing-route-tinted,.card-grid .reveal:nth-child(5) .feature-card,.card-grid .reveal:nth-child(11) .feature-card{background:var(--soft-blue)}.card-grid .reveal:first-child .feature-card,.resource-grid>:first-child{color:var(--ink);background:var(--surface)}.card-grid .reveal:first-child .feature-card h2,.card-grid .reveal:first-child .feature-card p,.resource-grid>:first-child h3,.resource-grid>:first-child p{color:inherit}.card-grid .reveal:first-child .feature-card .card-action,.resource-grid>:first-child>span:last-child{color:var(--primary)}.learn-hero,.lesson-header,.result-hero,.quiz-transition{background:var(--navy);box-shadow:0 12px 34px #00214f24}.learn-list{border-color:var(--border);box-shadow:none;background:0 0}.info-banner,.source-callout,.educational-feedback,.certificate-privacy,.certificate-status{box-shadow:none;background:#eef6fd;border-color:#d8e5f1}.footer{border-top-color:var(--border);box-shadow:none;background:#eef3f8}.sidebar,.page-header,.tool-panel,.lesson-stage,.lesson-stepper ol,.progress-card,.learn-list,.certificate-stepper ol,.footer{-webkit-backdrop-filter:none;backdrop-filter:none}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header,.mobile-menu{-webkit-backdrop-filter:blur(16px)saturate(115%);backdrop-filter:blur(16px)saturate(115%)}}.side-group[open]{margin-bottom:18px}.side-group>summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:flex-start;align-items:center;gap:6px;list-style:none;display:flex}.side-group>summary::-webkit-details-marker{display:none}.side-group>summary svg{flex:none;transition:transform .2s}.side-group[open]>summary svg{transform:rotate(180deg)}.side-group[open]>summary{color:var(--primary)}.side-group-links{display:grid}.summary-checklist>p{color:#455b74;align-items:flex-start;gap:10px;margin:0;display:flex}.summary-checklist>p:last-child{color:var(--muted);margin-top:6px}.summary-checklist>p svg{color:var(--success);flex:none;margin-top:3px}.zoom-viewport{touch-action:pan-y}.zoom-viewport.panning{touch-action:none}@media (max-width:900px){.sidebar{gap:8px;display:grid;overflow:visible}.side-group{margin:0;display:block}.side-group[open]{margin:0}.side-heading{min-height:42px;padding:9px 10px}.side-group>summary{margin-left:0;display:flex}.side-group-links{padding:2px 0 8px}.side-link{display:flex}}.hero-art{border-radius:0;overflow:visible;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important}.hero-art:before{content:none!important}.typing-line{min-height:1.05em;display:inline-block}.typing-line:after{content:"";background:currentColor;border-radius:2px;width:3px;height:.82em;margin-left:5px;animation:.8s step-end infinite typing-caret;display:inline-block}@keyframes typing-caret{50%{opacity:0}}.style-panel{position:static}.settings-group{border-top:1px solid var(--border);gap:13px;padding-top:16px;display:grid}.settings-group h3{color:var(--navy);margin:0;font-size:14px}.certificate-dropzone .button{color:#fff;margin-bottom:0}.abbreviation-options{grid-template-columns:repeat(auto-fit,minmax(105px,1fr))}.abbreviation-options input:focus-visible+span{outline-offset:2px;outline:3px solid #0064c040}.abbreviation-field:disabled{opacity:.55}.abbreviation-field:disabled label{cursor:not-allowed}.output-options label:hover{background:var(--soft-blue);border-color:#9fc5ec}.output-options label:has(input:checked){background:var(--soft-blue);border-color:#9fc5ec}.editor-panel,.style-panel,.final-preview,.generation-panel{border-color:var(--border);background:var(--surface);box-shadow:var(--glass-shadow-soft)}@media (prefers-reduced-motion:reduce){.typing-line:after{animation:none}}.prc-tool{--prc-line:#d7e2ee;--prc-soft:#f3f8fd;--prc-text:#405975;min-width:0;color:var(--prc-text);gap:22px;display:grid}.prc-tool *,.prc-tool :before,.prc-tool :after{box-sizing:border-box}.prc-tool>*,.prc-tool button,.prc-tool input,.prc-tool select,.prc-tool pre{min-width:0}.prc-header{margin:0}.prc-header h1{overflow-wrap:anywhere}.prc-stepper{margin:0}.prc-stepper ol{grid-template-columns:repeat(5,minmax(0,1fr))}.prc-panel{border:1px solid var(--prc-line);background:#fff;border-radius:16px;margin:0;padding:26px;box-shadow:0 8px 26px #1739610f}.prc-section-head{justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:20px;display:flex}.prc-section-head>div{min-width:0}.prc-section-head h2{color:var(--navy);letter-spacing:-.02em;margin:0;font-size:21px}.prc-section-head p{max-width:680px;color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.6}.prc-output-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.prc-output-choice button{border:1px solid var(--prc-line);color:#526982;cursor:pointer;text-align:left;background:#fff;border-radius:12px;align-items:center;gap:13px;min-height:84px;padding:16px;display:flex}.prc-output-choice button:hover{border-color:#8cb9e4}.prc-output-choice button.active{color:var(--primary);border-color:var(--primary);background:var(--prc-soft);box-shadow:inset 0 0 0 1px var(--primary)}.prc-output-choice button>svg{flex:none}.prc-output-choice button span{gap:4px;display:grid}.prc-output-choice button strong{color:var(--navy);font-size:14px}.prc-output-choice button small{color:var(--muted);font-size:11px;line-height:1.45}.prc-preset-select{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;margin-top:18px;display:grid}.prc-target-summary{border-left:3px solid var(--primary);background:var(--prc-soft);gap:2px;min-width:210px;padding:11px 14px;display:grid}.prc-target-summary small,.prc-target-summary span{color:var(--muted);font-size:10px}.prc-target-summary strong{color:var(--navy);font-size:15px}.prc-advanced{border-top:1px solid var(--prc-line);margin-top:18px}.prc-advanced summary{width:fit-content;color:var(--primary);cursor:pointer;padding-top:16px;font-size:12px;font-weight:700}.prc-advanced>p{color:var(--muted);margin:7px 0 0;font-size:11px}.prc-field-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.prc-field{min-width:0;color:var(--navy);align-content:start;gap:7px;font-size:12px;font-weight:700;display:grid}.prc-field input,.prc-field select{width:100%;min-height:42px;font:inherit;background:#fff;border-color:#c8d6e4;border-radius:10px;font-weight:500}.prc-field small{color:#657a91;font-size:10px;font-weight:500;line-height:1.45}.prc-tool input:focus-visible,.prc-tool select:focus-visible,.prc-tool button:focus-visible,.prc-tool [role=button]:focus-visible{outline-offset:2px;outline:3px solid #0064c047}.prc-tool input[type=checkbox]{width:17px;min-height:17px;accent-color:var(--primary);flex:none}.prc-dropzone{min-height:190px;color:var(--primary);background:var(--prc-soft);cursor:pointer;text-align:center;border:2px dashed #98bde1;border-radius:14px;align-content:center;place-items:center;gap:8px;padding:28px;display:grid}.prc-dropzone strong{color:var(--navy)}.prc-dropzone>span:not(.button){color:#5f748c;font-size:11px;line-height:1.5}.prc-dropzone>small{color:var(--success);font-size:10px;font-weight:700}.prc-dropzone:hover{border-color:var(--primary);background:#eaf4fd}.prc-file-summary{border:1px solid var(--prc-line);background:var(--prc-soft);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:16px;display:grid}.prc-file-summary>svg{color:var(--primary)}.prc-file-summary>div{gap:4px;min-width:0;display:grid}.prc-file-summary strong,.prc-file-summary span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prc-file-summary strong{color:var(--navy);font-size:13px}.prc-file-summary span{color:var(--muted);font-size:11px}.prc-error,.prc-critical{color:#972d2d;background:#fff4f4;border:1px solid #e7bcbc;border-radius:10px;align-items:flex-start;gap:8px;margin:14px 0 0;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.prc-error svg,.prc-critical svg{flex:none}.prc-zoom{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.prc-zoom button{min-height:36px;color:var(--navy);cursor:pointer;background:#fff;border:1px solid #c8d6e4;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:7px 9px;display:inline-flex}.prc-zoom output{min-width:52px;color:var(--navy);place-items:center;font-size:11px;font-weight:800;display:grid}.prc-overlay-controls{grid-template-columns:minmax(0,1fr) minmax(190px,.35fr);align-items:end;gap:16px;margin-bottom:14px;display:grid}.prc-overlay-controls fieldset{border:0;flex-wrap:wrap;gap:7px;min-width:0;margin:0;padding:0;display:flex}.prc-overlay-controls legend{width:100%;color:var(--navy);margin-bottom:2px;font-size:11px;font-weight:700}.prc-overlay-controls fieldset label{border:1px solid var(--prc-line);color:#435a76;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:7px;min-height:38px;padding:8px 10px;font-size:11px;display:flex}.prc-overlay-controls fieldset label:has(input:checked){color:var(--primary);background:var(--prc-soft);border-color:#8cb9e4}.prc-overlay-controls fieldset label:has(input:focus-visible){outline-offset:2px;outline:3px solid #0064c047}.prc-overlay-controls .prc-field{grid-template-columns:minmax(0,1fr) auto;align-items:center}.prc-overlay-controls .prc-field>span{grid-column:1/-1}.prc-overlay-controls input[type=range]{min-height:auto;accent-color:var(--primary);padding:0}.prc-overlay-controls output{font-size:11px}.prc-preview-viewport{overscroll-behavior:contain;background:#e9f0f7;border-radius:14px;place-items:center;width:100%;min-height:460px;padding:24px;display:grid;overflow:auto}.prc-preview-canvas{background:#fff;flex:none;max-width:none;max-height:720px;position:relative;overflow:hidden;box-shadow:0 12px 30px #00214f29}.prc-preview-canvas img{object-fit:contain;width:100%;height:100%;display:block}.prc-preview-canvas>i{z-index:1;pointer-events:none;position:absolute}.prc-overlay-safe{border:2px dashed #0085c8;inset:7%;box-shadow:0 0 0 999px #004a7e14}.prc-overlay-trim{border:2px solid #f4bf2a;inset:2.5%}.prc-overlay-bleed{border:5px solid #d03030bf;inset:0}.prc-overlay-center{inset:0}.prc-overlay-center:before,.prc-overlay-center:after{content:"";background:#0064c0cc;position:absolute}.prc-overlay-center:before{width:1px;top:0;bottom:0;left:50%}.prc-overlay-center:after{height:1px;top:50%;left:0;right:0}.prc-overlay-grid{background-image:linear-gradient(#0064c04d 1px,#0000 1px),linear-gradient(90deg,#0064c04d 1px,#0000 1px);background-size:33.333% 33.333%;place-items:center;display:grid;inset:0}.prc-overlay-grid svg{color:#fff;filter:drop-shadow(0 1px 2px #00214fb3)}.prc-review-layout{grid-template-columns:minmax(0,1.5fr) minmax(230px,.5fr);align-items:start;gap:18px;display:grid}.prc-file-facts{min-width:0}.prc-file-facts h3{color:var(--navy);margin:0 0 10px;font-size:15px}.prc-file-facts dl{border-top:1px solid var(--prc-line);margin:0}.prc-file-facts dl>div{border-bottom:1px solid var(--prc-line);gap:3px;padding:9px 0;display:grid}.prc-file-facts dt{color:var(--muted);font-size:10px}.prc-file-facts dd{color:var(--navy);overflow-wrap:anywhere;margin:0;font-size:11px;font-weight:700}.prc-file-facts>p,.prc-final-note{color:#526982;background:var(--prc-soft);border-radius:9px;align-items:flex-start;gap:7px;margin:14px 0 0;padding:11px;font-size:10px;line-height:1.5;display:flex}.prc-file-facts>p svg,.prc-final-note svg{color:var(--primary);flex:none}.prc-action-summary{background:#fff7e8;border-left:5px solid #d18412;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.prc-action-summary.good{border-color:var(--success);background:#eef9f4}.prc-action-summary.danger{border-color:var(--danger);background:#fff2f2}.prc-action-summary>span{color:#9b5b09;flex:none}.prc-action-summary.good>span{color:var(--success)}.prc-action-summary.danger>span{color:var(--danger)}.prc-action-summary strong{color:var(--navy);font-size:17px}.prc-action-summary p{color:#526982;margin:4px 0 0;font-size:11px;line-height:1.55}.prc-action-block{margin-top:24px}.prc-action-block>h3{color:var(--navy);margin:0 0 4px;font-size:15px}.prc-action-block>p{color:var(--muted);margin:0 0 9px;font-size:11px}.prc-action-block ol,.prc-action-block ul{margin:0;padding:0;list-style:none}.prc-action-block li{border-top:1px solid var(--prc-line);grid-template-columns:28px minmax(0,1fr);gap:10px;padding:14px 2px;display:grid}.prc-action-block li>span{color:#fff;background:var(--danger);border-radius:8px;place-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:grid}.prc-action-block li strong{color:var(--navy);font-size:12px}.prc-action-block li p{color:#435a76;margin:4px 0 0;font-size:12px;line-height:1.55}.prc-action-block li small{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.45;display:block}.prc-manual-block{background:var(--prc-soft);border-radius:10px;padding:16px}.prc-manual-block li{grid-template-columns:auto minmax(0,1fr)}.prc-manual-block li>svg{color:var(--primary);margin-top:2px}.prc-passed{border-top:1px solid var(--prc-line);margin-top:20px}.prc-passed summary{color:var(--success);cursor:pointer;padding-top:15px;font-size:11px;font-weight:700}.prc-passed ul{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.prc-passed li{color:#526982;align-items:flex-start;gap:8px;font-size:10px;display:flex}.prc-passed li svg{color:var(--success);flex:none}.prc-passed li span{gap:2px;display:grid}.prc-passed li strong{color:var(--navy);font-size:11px}.prc-checklist-progress{min-width:54px;color:var(--primary);background:var(--prc-soft);text-align:center;border-radius:9px;padding:8px 10px}.prc-checklist-single{border:0;min-width:0;margin:0;padding:0}.prc-checklist-single legend{color:var(--navy);margin-bottom:8px;font-size:13px;font-weight:800}.prc-checklist-single label{border-top:1px solid var(--prc-line);color:#435a76;cursor:pointer;align-items:flex-start;gap:10px;padding:13px 4px;font-size:12px;line-height:1.5;display:flex}.prc-checklist-single label.done{color:var(--success);background:#f5fbf8}.prc-checklist-single label:has(input:focus-visible){outline-offset:2px;outline:3px solid #0064c047}@media (max-width:900px){.prc-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prc-section-head{flex-direction:column}.prc-zoom{justify-content:flex-start}.prc-overlay-controls,.prc-review-layout{grid-template-columns:1fr}.prc-preview-viewport{min-height:380px}}@media (max-width:600px){.prc-tool{gap:16px;max-width:100%;overflow:hidden}.prc-panel{border-radius:12px;max-width:100%;padding:19px 14px}.prc-header h1{font-size:32px}.prc-header .page-icon{display:none}.prc-stepper{max-width:100%;overflow-x:auto}.prc-stepper ol{grid-template-columns:repeat(5,minmax(100px,1fr));min-width:560px}.prc-output-choice,.prc-preset-select,.prc-field-grid{grid-template-columns:1fr}.prc-target-summary{min-width:0}.prc-file-summary{grid-template-columns:auto minmax(0,1fr)}.prc-file-summary .button{grid-column:1/-1;width:100%}.prc-overlay-controls fieldset{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.prc-overlay-controls fieldset label{min-width:0}.prc-preview-viewport{min-height:300px;padding:10px}.prc-action-summary{padding:15px}}.guidelines-shell .page-header{align-items:flex-start;padding:30px 32px}.guidelines-shell .page-header h1{letter-spacing:-.035em;max-width:18ch;font-size:clamp(36px,4vw,52px);line-height:1.08}.guidelines-shell .page-header p{color:#526982;max-width:62ch;font-size:16px;line-height:1.75}.guidelines-shell .doc-section{margin-bottom:54px}.guidelines-shell .doc-section>h2{margin-bottom:16px;font-size:28px;line-height:1.2}.guidelines-shell .doc-section>p,.guidelines-shell .source-callout p{color:#526982;max-width:65ch;font-size:16px;line-height:1.75}.guidelines-shell .principle-grid{gap:14px}.guidelines-shell .principle-grid article{min-height:0;padding:20px}.guidelines-shell .principle-grid article>span{font-size:12px}.guidelines-shell .principle-grid p{color:#435a76;margin-top:2px;font-size:16px;line-height:1.7}.guidelines-shell .principle-grid p strong{color:var(--navy);font-weight:700}.guidelines-shell .graphic-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.guidelines-shell .graphic-specs div{min-height:88px;padding:18px}.guidelines-shell .graphic-specs span{color:#526982;font-size:12px}.guidelines-shell .graphic-specs strong{font-size:16px;line-height:1.45}.guidelines-shell .rule-columns{gap:18px}.guidelines-shell .rule-columns>div{padding:24px}.guidelines-shell .rule-columns h3{font-size:18px}.guidelines-shell .rule-columns p{color:#435a76;margin:11px 0;font-size:15px;line-height:1.7}.guidelines-shell .info-banner p,.guidelines-shell .lockup-notes p,.guidelines-shell .production-grid article>p,.guidelines-shell .production-grid article>div span,.guidelines-shell .tool-stack p,.guidelines-shell .palette-card.filled p{font-size:14px;line-height:1.65}.guidelines-shell .palette-card.filled p,.guidelines-shell .palette-card.filled small{opacity:1}.guidelines-shell .preview-input{color:var(--navy);font-size:14px}.guidelines-shell .type-list{gap:16px}.guidelines-shell .type-list article{padding:24px}.guidelines-shell .type-meta{flex-wrap:wrap;row-gap:8px}.guidelines-shell .type-meta strong{font-size:14px}.guidelines-shell .type-meta span{color:#526982;font-size:12px;line-height:1.5}.guidelines-shell .type-list article>p{overflow-wrap:anywhere;margin-top:32px}.guidelines-shell .logo-relation{width:auto;color:var(--primary);text-align:center;font-size:42px;font-weight:800;line-height:1}@media (max-width:600px){.guidelines-shell .page-header{padding:24px 20px}.guidelines-shell .page-header h1{font-size:36px}.guidelines-shell .doc-section>h2{font-size:25px}.guidelines-shell .graphic-specs{grid-template-columns:1fr}.guidelines-shell .graphic-specs div{border-right:0;border-bottom:1px solid var(--border);min-height:0}.guidelines-shell .type-meta{grid-template-columns:minmax(0,1fr) auto;display:grid}.guidelines-shell .type-meta span{grid-area:2/1/auto/-1}.guidelines-shell .type-meta .copy-button{grid-area:1/2}.guidelines-shell .logo-relation{transform:none}}.stage-learn{grid-template-columns:minmax(190px,.34fr) minmax(0,1fr);column-gap:48px;display:grid}.stage-learn>.stage-heading,.stage-learn>.lesson-section,.stage-learn>.advanced-notes,.stage-learn>.stage-inline-nav{grid-column:1/-1}.stage-learn>.stage-heading{max-width:65ch;margin-bottom:40px}.stage-learn>.stage-heading .stage-label{display:none}.stage-learn>.stage-heading h2{margin-top:0;font-size:clamp(28px,3vw,38px)}.stage-learn>.stage-heading p,.stage-learn>.lesson-section>p,.stage-learn .concept-focus p{max-width:65ch;font-size:16px;line-height:1.75}.stage-learn .concept-tabs{border:0;border-top:1px solid var(--border);flex-direction:column;align-self:start;gap:0;margin:0;display:flex}.stage-learn .concept-tabs button{border-bottom:1px solid var(--border);text-align:left;min-height:54px;padding:12px 10px;line-height:1.4}.stage-learn .concept-tabs button[aria-selected=true]{border-bottom-color:var(--border);color:var(--primary);background:var(--soft-blue);border-radius:8px}.stage-learn .concept-focus{min-height:0;margin:0;padding:2px 0 0}.stage-learn .concept-focus>span{font-variant-numeric:tabular-nums}.stage-learn .concept-focus h3{letter-spacing:-.025em;max-width:24ch;margin:8px 0 14px;font-size:clamp(26px,2.4vw,34px);line-height:1.2}.stage-learn>.lesson-section{border-top:1px solid var(--border);margin-top:64px;padding-top:40px}.stage-learn>.lesson-section>.section-kicker{display:none}.stage-learn>.lesson-section>h2{letter-spacing:-.025em;max-width:24ch;margin:0 0 12px;font-size:clamp(25px,2.5vw,32px);display:block}.stage-learn>.lesson-section>p{color:#526982;margin:0 0 28px;display:block}.stage-learn .before-after,.stage-learn .poster-comparison{gap:28px;margin-top:28px}.stage-learn .before-after article,.stage-learn .poster-comparison article{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.stage-learn .before-after article>p,.stage-learn .poster-comparison ul{font-size:14px;line-height:1.7}.stage-learn>.advanced-notes{margin-top:48px;padding-block:20px}.stage-learn .advanced-notes summary{font-size:16px}.stage-learn .advanced-notes .mistake-grid{grid-template-columns:1fr;max-width:760px}.stage-learn .advanced-notes .mistake-grid>div{border:0;border-bottom:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;padding:14px 0}@media (max-width:900px){.docs-shell:has(.learning-shell)>.sidebar{display:none}.stage-learn{grid-template-columns:1fr}.stage-learn>*{grid-column:1}.stage-learn .concept-tabs{border-top:0;border-bottom:1px solid var(--border);scrollbar-width:thin;flex-direction:row;margin-bottom:28px;overflow-x:auto}.stage-learn .concept-tabs button{white-space:nowrap;border-bottom:2px solid #0000;flex:none;min-height:48px}.stage-learn .concept-tabs button[aria-selected=true]{border-bottom-color:var(--primary);background:0 0;border-radius:0}}@media (max-width:700px){.stage-learn>.stage-heading{margin-bottom:28px}.stage-learn>.stage-heading h2{font-size:28px}.stage-learn .concept-focus h3{font-size:26px}.stage-learn>.lesson-section{margin-top:44px;padding-top:32px}.stage-learn .before-after,.stage-learn .poster-comparison{gap:36px}.stage-learn .before-after article>div{min-height:220px;padding:22px}}:root{--background:#f5f7fa;--surface:#fff;--surface-secondary:#eef3f8;--border:#dce4ed;--ink:#142b45;--navy:#092849;--muted:#536b84;--primary:#0a64c7;--primary-strong:#074b98;--soft-blue:#e8f2fc;--gold:#f2a900;--shadow-sm:0 2px 8px #1333560f;--shadow-md:0 12px 28px #13335617;--glass-fill:var(--surface);--glass-strong:var(--surface);--glass-border:var(--border);--glass-edge:transparent;--glass-shadow:var(--shadow-md);--glass-shadow-soft:var(--shadow-sm)}html{scroll-behavior:smooth}body{background:var(--background);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6}:focus-visible{outline:3px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 42%, transparent)}}:focus-visible{outline-offset:3px}.site-header-wrap{padding:12px 20px 0}.site-header{border:1px solid var(--border);background:var(--surface);border-radius:16px;min-height:64px;padding:8px 10px 8px 16px}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb, var(--surface) 92%, transparent)}}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 5px 18px #13335612}.brand-mark{background:var(--surface-secondary);box-shadow:none;border-radius:10px}.desktop-nav a{color:var(--muted);border-radius:9px;padding:9px 11px;font-size:12px}.desktop-nav a:hover{color:var(--navy);background:var(--surface-secondary)}.desktop-nav a.active{color:var(--primary);background:var(--soft-blue);box-shadow:none}.header-cta{min-height:40px}.button-primary{border:1px solid var(--primary);color:#fff;background:var(--primary);box-shadow:0 5px 12px #0a64c72e}.button-secondary{border:1px solid var(--border);color:var(--navy);background:var(--surface);box-shadow:var(--shadow-sm)}.button-secondary:hover{background:var(--surface-secondary);border-color:#9bb9d6}.button:hover{transform:translateY(-1px)}.button:active:not([disabled]){transform:scale(.98)}.hero h1{max-width:680px;color:var(--navy);letter-spacing:-.06em;margin:20px 0 18px;font-size:clamp(44px,5.1vw,70px);line-height:1.02}.hero h1 span{color:var(--primary)}.pill{color:var(--primary);background:var(--soft-blue);box-shadow:none;border:1px solid #c7d8e9}.hero-art{min-height:470px}.art-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);border-radius:16px}.floating-tag{border-color:var(--border);color:var(--navy);background:var(--surface);box-shadow:var(--shadow-sm)}.landing-section{padding-top:82px;padding-bottom:20px}.landing-section>header p{color:var(--muted);font-size:16px}.landing-routes{border-top-color:var(--border)}.landing-route,.feature-card,.resource-grid>*,.rule-columns>div,.principle-grid article,.production-grid article,.lesson-card,.objective-grid>div,.before-after article,.mistake-grid>div,.quiz-options button,.certificate-section{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px}.landing-route:hover,.feature-card:hover,.resource-grid>:hover{box-shadow:var(--shadow-md);border-color:#a9c3dc;transform:translateY(-2px)}.landing-route-primary{color:#fff;border-color:var(--navy);background:var(--navy);box-shadow:var(--shadow-md)}.landing-route-primary h3,.landing-route-primary p{color:#fff}.landing-route-tinted{background:var(--soft-blue)}.landing-tool{border-top-color:var(--border)}.landing-tool strong{color:var(--navy)}.landing-tool span{color:var(--muted)}.sidebar{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;padding:14px 12px}.side-heading{color:var(--navy)}.side-link{min-height:40px;color:var(--muted);border-radius:9px}.side-link.active{color:var(--primary);background:var(--soft-blue);box-shadow:none}.page-header{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:18px;margin-bottom:30px;padding:30px 34px}.page-header .eyebrow{display:none}.page-header p{color:var(--muted);font-size:16px;line-height:1.7}.page-icon{color:var(--primary);background:var(--soft-blue);border:1px solid #c7d8e9;border-radius:12px}.doc-section>h2,.showcase>h2{color:var(--navy);letter-spacing:-.035em;font-size:27px}.info-banner,.source-callout,.educational-feedback,.certificate-privacy,.certificate-status{background:var(--soft-blue);box-shadow:none;border:1px solid #c9ddec}.tool-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:18px;padding:32px}.learn-hero,.lesson-header,.result-hero,.quiz-transition{background:var(--navy);box-shadow:var(--shadow-md);border-radius:18px}.learn-list{box-shadow:none;background:0 0;border:0;padding:0}.progress-card,.lesson-stage,.lesson-stepper ol{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px}.feature-icon{color:var(--primary);background:var(--soft-blue);border-radius:10px}.lesson-path-item{border-bottom-color:var(--border)}select,textarea,input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]):not([type=file]){color:var(--ink);background:var(--surface);box-shadow:none;border:1px solid #bdcddd;border-radius:9px}select:focus,textarea:focus,input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]):not([type=file]):focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab, red, red)){select:focus,textarea:focus,input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]):not([type=file]):focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}}.field>span,.preview-input{color:var(--navy);font-weight:700}.field small{color:var(--muted)}.footer{border-top:1px solid var(--border);background:var(--surface-secondary);box-shadow:none}@media (max-width:900px){.docs-shell{grid-template-columns:1fr;gap:22px;width:min(100% - 32px,760px);margin-top:24px}.sidebar{max-height:none;position:static}.hero{min-height:0;padding-top:48px}}@media (max-width:700px){.site-header-wrap{padding:10px 10px 0}.site-header{border-radius:14px;min-height:60px}.hero{gap:38px;width:min(100% - 32px,680px);padding-top:44px;padding-bottom:56px}.hero h1{font-size:42px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.landing-section{width:min(100% - 32px,680px);padding-top:60px}.landing-route{min-height:220px}.docs-shell{width:min(100% - 24px,680px)}.page-header{border-radius:15px;padding:24px 20px}.page-header h1{font-size:36px}.tool-panel,.lesson-stage{padding:20px 16px}.learn-hero,.lesson-header{padding:28px 22px}.desktop-nav,.header-cta{display:none}.mobile-toggle{display:grid}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tools-catalog,.tool-page{width:min(1180px,100% - 48px);margin:48px auto 100px}.tools-catalog-hero,.tool-hero{color:#fff;background:linear-gradient(135deg, var(--navy), #0b58b9);box-shadow:var(--shadow-md);border-radius:22px;justify-content:space-between;align-items:end;gap:24px;padding:42px;display:flex}.tools-catalog-hero h1,.tool-hero h1{letter-spacing:-.065em;max-width:760px;margin:10px 0 12px;font-size:clamp(38px,5vw,68px);line-height:.98}.tools-catalog-hero p,.tool-hero p{color:#d8e8fa;max-width:650px;margin:0;font-size:16px;line-height:1.6}.tools-catalog-hero .eyebrow,.tool-hero .eyebrow{color:#9ed0ff}.tools-search{border:1px solid var(--border);background:var(--surface);max-width:680px;box-shadow:var(--shadow-sm);border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:28px 0 62px;padding:14px 16px;display:grid}.tools-search svg{color:var(--primary)}.tools-search input{background:0 0;outline:0;min-width:0;padding:0;box-shadow:none!important;border:0!important}.tool-category>header{align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.tool-category h2{color:var(--navy);letter-spacing:-.045em;margin:0;font-size:clamp(24px,3vw,36px)}.tool-category>header span{min-width:26px;color:var(--primary);background:var(--soft-blue);text-align:center;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.tool-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tool-catalog-card{border:1px solid var(--border);background:var(--surface);min-height:240px;box-shadow:var(--shadow-sm);border-radius:15px;flex-direction:column;padding:23px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.tool-catalog-card:hover{box-shadow:var(--shadow-md);border-color:#a9c3dc;transform:translateY(-4px)}.tool-catalog-card:focus-visible{outline-offset:3px;outline:3px solid #004cb573}.tool-card-icon{width:42px;height:42px;color:var(--primary);background:var(--soft-blue);border-radius:11px;place-items:center;display:grid}.tool-status-badge{border-radius:999px;padding:4px 7px;font-size:10px;font-weight:800;position:absolute;top:24px;right:22px}.tool-status-badge.new{color:#fff;background:var(--primary)}.tool-status-badge.beta{color:#765200;background:#fff3d4}.tool-card-category{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin-top:19px;font-size:10px;font-weight:800}.tool-catalog-card h3{color:var(--navy);letter-spacing:-.025em;margin:7px 0;font-size:18px}.tool-catalog-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.tool-card-action{color:var(--primary);align-items:center;gap:6px;margin-top:auto;padding-top:20px;font-size:12px;font-weight:800;display:flex}.tool-card-action svg{transform:rotate(-45deg)}.existing-category{border-top:1px solid var(--border);padding-top:34px}.tool-empty,.tool-empty-state{color:var(--muted)}.tool-empty-state{text-align:center;border:1px dashed #b9c9da;border-radius:16px;place-items:center;gap:8px;margin:60px 0;padding:46px;display:grid}.tool-empty-state h2{color:var(--navy);margin:0}.tool-hero{margin-bottom:24px}.tool-hero-icon{width:64px;height:64px;color:var(--gold);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:17px;flex:none;place-items:center;display:grid}.tool-workspace{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:16px;display:grid}.tool-workspace>.tool-panel:last-child{grid-column:1/-1}.tool-panel{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:16px;padding:25px}.tool-panel h2{color:var(--navy);letter-spacing:-.02em;margin:0 0 20px;font-size:18px}.tool-field{min-width:0;color:var(--navy);gap:7px;font-size:12px;font-weight:750;display:grid}.tool-field>small{color:var(--muted);font-size:11px;font-weight:500}.tool-field input[type=range]{width:100%;accent-color:var(--primary);padding:0}.tool-field output{color:var(--primary);font-size:12px}.tool-field textarea{resize:vertical}.two-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.tool-actions{flex-wrap:wrap;align-items:end;gap:8px;margin-top:18px;display:flex}.tool-privacy{color:var(--primary);background:var(--soft-blue);border:1px solid #c9ddec;border-radius:10px;align-items:center;gap:9px;margin:0 0 18px;padding:12px 14px;font-size:12px;display:flex}.tool-privacy span{color:var(--navy)}.tool-dropzone{min-height:145px;color:var(--muted);cursor:pointer;text-align:center;background:#f8fbff;border:1px dashed #9cb8d4;border-radius:12px;align-content:center;place-items:center;gap:7px;padding:22px;display:grid}.tool-dropzone svg{color:var(--primary)}.tool-dropzone strong{color:var(--navy)}.tool-dropzone span{font-size:12px}.tool-dropzone.dragging,.tool-dropzone:focus-visible{border-color:var(--primary);background:var(--soft-blue);outline:0}.tool-error{font-size:12px;line-height:1.5;color:var(--danger)!important}.tool-success{color:var(--success);background:#edf9f4;border-radius:9px;padding:12px;font-size:12px;line-height:1.5}.tool-note{color:var(--muted);font-size:12px;line-height:1.55}.tool-file{color:var(--navy);overflow-wrap:anywhere;align-items:center;gap:7px;font-size:12px;display:flex}.tool-file svg{color:var(--primary);flex:none}.color-input{grid-template-columns:44px 1fr;gap:8px;display:grid}.color-input input[type=color]{border:1px solid var(--border);background:#fff;border-radius:9px;width:44px;min-height:42px;padding:3px}.segmented-control{flex-wrap:wrap;gap:5px;margin-bottom:17px;display:flex}.segmented-control button{border:1px solid var(--border);min-height:36px;color:var(--muted);background:var(--surface);cursor:pointer;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:700}.segmented-control button.active{border-color:var(--primary);color:#fff;background:var(--primary)}.gradient-preview{border-radius:13px;min-height:290px}.tool-code{background:var(--navy);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.tool-code code{color:#d8e8fa;overflow-wrap:anywhere;font-size:11px;line-height:1.5}.tool-swatches{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;display:grid}.tool-swatch{cursor:pointer;border:1px solid #071a351f;border-radius:10px;align-items:end;min-height:100px;padding:8px;display:flex}.tool-swatch span{width:100%;color:var(--navy);background:#ffffffe0;border-radius:5px;padding:5px;font-size:10px;font-weight:800}.harmony-preview{border-radius:12px;grid-template-columns:repeat(4,1fr);min-height:145px;margin-top:14px;display:grid;overflow:hidden}.harmony-preview span{place-items:center;display:grid}.scale-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.scale-grid button{cursor:pointer;text-align:left;border:1px solid #071a351a;border-radius:10px;align-content:space-between;min-height:118px;padding:12px;display:grid}.scale-grid strong{font-size:14px}.scale-grid span{font-size:11px}.scale-grid small{font-size:9px;line-height:1.4}.atlas-color{border-radius:13px;flex-direction:column;justify-content:space-between;min-height:180px;margin-top:18px;padding:23px;display:flex}.atlas-color strong{color:#ffffffe6;font-size:18px}.atlas-color span{font-size:18px;font-weight:800}.result-list{gap:8px;display:grid}.result-list>div{border:1px solid var(--border);border-radius:9px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:11px 12px;display:grid}.result-list span{color:var(--muted);font-size:11px;font-weight:800}.result-list strong{color:var(--navy);overflow-wrap:anywhere;font-size:12px}.atlas-stats>div{background:var(--soft-blue);border-radius:10px;padding:13px}.canvas-stage{background:#edf3f8;border-radius:12px;place-items:center;min-height:300px;padding:18px;display:grid;overflow:auto}.canvas-stage canvas{transform-origin:50%;max-width:100%}.crop-preview{background:#e8eef5;border-radius:12px;place-items:center;min-height:250px;display:grid;position:relative;overflow:hidden}.crop-preview img{object-position:center;width:100%;height:100%;position:absolute}.third-lines{height:1px;box-shadow:0 calc(min(100vw, 100%) * .33) 0 #ffffffbf;pointer-events:none;background:#ffffffbf;position:absolute;inset:33.33% 0 auto}.carousel-preview{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid;overflow:auto}.carousel-preview>div{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:7px;min-height:120px;position:relative}.carousel-preview span{color:#fff;background:#071a35cc;border-radius:4px;padding:3px 6px;font-size:10px;position:absolute;top:6px;left:6px}.batch-results{gap:8px;display:grid}.batch-results>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;display:grid}.batch-results strong,.batch-results span{display:block}.batch-results strong{color:var(--navy);overflow-wrap:anywhere;font-size:12px}.batch-results span{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.4}.code-preview{white-space:pre-wrap;color:#d8e8fa;background:var(--navy);border-radius:10px;max-height:360px;margin:0;padding:15px;font-size:11px;line-height:1.5;overflow:auto}.matte-source{object-fit:contain;background:#eaf3ff;border-radius:10px;width:100%;max-height:280px;margin-top:14px}.tool-file-input{color:var(--navy);gap:7px;font-size:12px;font-weight:750;display:grid}.tool-file-input input{font-size:12px}.glyph-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;display:grid}.glyph-grid button{border:1px solid var(--border);min-height:90px;color:var(--navy);background:var(--surface);cursor:pointer;border-radius:9px;place-items:center;padding:8px;display:grid}.glyph-grid button:hover{border-color:var(--primary);background:var(--soft-blue)}.glyph-grid small{color:var(--muted);font-size:9px}.line-height-result{color:#fff;background:var(--navy);border-radius:12px;padding:24px}.line-height-result strong{color:var(--gold);letter-spacing:-.06em;font-size:54px;display:block}.line-height-result span{color:#d8e8fa;font-size:12px}.line-height-result p{color:#d8e8fa;margin:16px 0 0}.line-height-options{grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0;display:grid}.line-height-options div{background:var(--soft-blue);border-radius:9px;gap:4px;padding:12px;display:grid}.line-height-options span{color:var(--muted);font-size:10px}.line-height-options strong{color:var(--navy)}.type-preview{color:var(--navy);background:#f1f5f9;border-radius:11px;margin-top:15px;padding:22px}.tool-page .check-field{color:var(--navy);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.tool-page .check-field input{width:18px;min-height:18px}.compact{min-height:36px;padding:8px 11px;font-size:12px}@media (max-width:900px){.tools-catalog,.tool-page{width:min(100% - 32px,760px);margin-top:28px}.tool-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-workspace{grid-template-columns:1fr}.tool-workspace>.tool-panel:last-child{grid-column:auto}.atlas-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.tools-catalog,.tool-page{width:min(100% - 24px,680px)}.tools-catalog-hero,.tool-hero{flex-direction:column;align-items:start;padding:27px 22px}.tools-catalog-hero h1,.tool-hero h1{font-size:40px}.tools-search{margin-bottom:40px}.tool-catalog-grid{grid-template-columns:1fr}.tool-catalog-card{min-height:205px}.two-fields,.atlas-stats{grid-template-columns:1fr}.tool-panel{padding:20px 16px}.glyph-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.batch-results>div{grid-template-columns:1fr}.carousel-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-actions .button{max-width:100%}.tool-actions{align-items:stretch}.tool-actions>*{flex:none}}.atlas-layout{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:start;gap:24px;display:grid}.atlas-main-column,.atlas-side-column{gap:24px;min-width:0;display:grid}.atlas-layout .tool-panel{padding:28px}.atlas-color-large{border-radius:18px;flex-direction:column;justify-content:end;gap:7px;min-height:265px;margin-top:20px;padding:30px;display:flex;box-shadow:inset 0 0 0 1px #fff3}.atlas-color-large strong{letter-spacing:-.04em;font-size:34px}.atlas-color-large span{font-size:15px;font-weight:700}.atlas-color-large small{color:inherit;opacity:.75}.atlas-gamut-wrap{margin-top:22px}.atlas-gamut{aspect-ratio:1;border:1px solid var(--border);cursor:crosshair;touch-action:none;background:radial-gradient(circle,#fffffff2 0%,#ffffff26 63%,#0000 72%),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;width:min(100%,310px);margin:auto;position:relative;overflow:hidden;box-shadow:0 10px 24px #071a351a}.atlas-gamut:focus-visible{outline-offset:4px;outline:3px solid #004cb540}.atlas-gamut-marker{width:18px;height:18px;box-shadow:0 0 0 2px var(--navy), 0 3px 8px #071a3547;border:3px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.atlas-gamut-values{text-align:center;color:var(--muted);grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;font-size:11px;display:grid}.atlas-gamut-values b{color:var(--navy);margin-top:3px;font-size:13px;display:block}.atlas-gamut-controls{border-top:1px solid var(--border);gap:12px;margin-top:18px;padding-top:18px;display:grid}.atlas-section-heading{color:var(--navy);justify-content:space-between;gap:10px;margin-bottom:10px;display:flex}.atlas-section-heading span{color:var(--muted);font-size:11px}.atlas-harmony-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;display:grid}.atlas-harmony-swatches{gap:8px;display:grid}.atlas-harmony-row{grid-template-columns:minmax(0,1fr) 42px;gap:8px;display:grid}.atlas-harmony-row>.button{width:42px;min-height:48px;padding:0;font-size:0}.atlas-harmony-swatch{color:#fff;text-align:left;text-shadow:0 1px 3px #0000004d;cursor:pointer;border:0;border-radius:9px;align-items:end;gap:8px;min-height:48px;padding:9px 10px;display:flex}.atlas-harmony-swatch span{font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}.atlas-harmony-swatch .copy-button{color:inherit;background:#ffffff29;border:0;padding:3px}.atlas-scale-group+.atlas-scale-group{margin-top:20px}.atlas-scale-group>strong{color:var(--navy);margin-bottom:9px;display:block}.atlas-scale{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.atlas-scale button{color:#071a35;text-align:left;cursor:pointer;border:0;border-radius:7px;align-content:end;gap:3px;min-width:0;min-height:72px;padding:7px 5px;display:grid}.atlas-scale span{opacity:.7;font-size:9px}.atlas-scale b{text-overflow:ellipsis;font:700 9px ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.atlas-simulation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.atlas-simulation{border:1px solid var(--border);background:var(--surface-alt);min-height:68px;color:var(--navy);text-align:left;cursor:pointer;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:50px 1fr;gap:3px 12px;padding:9px;display:grid}.atlas-simulation span{border-radius:6px;grid-row:1/3;min-height:48px}.atlas-simulation strong{align-self:end;font-size:13px}.atlas-simulation small{color:var(--muted);font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.atlas-color-name{color:var(--primary);letter-spacing:-.03em;margin:-7px 0 16px;font-size:24px;font-weight:800}.atlas-results{gap:0}.atlas-results>div{grid-template-columns:88px minmax(0,1fr) auto;min-height:52px}.atlas-results strong{overflow-wrap:anywhere;font:600 13px ui-monospace,SFMono-Regular,Consolas,monospace}.atlas-results .button{min-height:36px;padding-inline:10px}.atlas-contrast-cards{gap:10px;display:grid}.atlas-contrast-card{border:1px solid var(--border);background:var(--surface-alt);border-radius:11px;padding:13px}.atlas-contrast-card>div:first-child{align-items:center;gap:8px;display:flex}.atlas-contrast-card>div:first-child span{border:1px solid var(--border);border-radius:50%;width:14px;height:14px}.atlas-contrast-card>b{color:var(--navy);margin:10px 0;font-size:22px;display:block}.atlas-status-row{flex-wrap:wrap;gap:6px;display:flex}.atlas-status-row span{color:var(--muted);background:#fff;border-radius:5px;padding:4px 7px;font-size:10px}.atlas-status-row b{color:var(--primary)}.atlas-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;display:grid}.atlas-stats>div{border:1px solid var(--border);border-radius:9px;padding:12px}.atlas-stats span,.atlas-stats strong{display:block}.atlas-stats span{color:var(--muted);font-size:11px}.atlas-stats strong{color:var(--navy);margin-top:4px;font-size:15px}@media (max-width:900px){.atlas-layout{grid-template-columns:1fr}}@media (max-width:620px){.atlas-harmony-grid,.atlas-simulation-grid{grid-template-columns:1fr}.atlas-scale{grid-template-columns:repeat(4,minmax(0,1fr))}.atlas-gamut{width:min(100%,260px)}.atlas-color-large{min-height:220px;padding:22px}.atlas-color-large strong{font-size:28px}.atlas-layout .tool-panel{padding:22px 18px}.atlas-results>div{grid-template-columns:78px minmax(0,1fr) 36px}.atlas-results .button{width:36px;min-height:36px;padding:0;font-size:0}}.brand-intro{z-index:100;visibility:hidden;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,#fff 0,#f4f8fd 58%,#e8f1fa 100%);place-items:center;display:grid;position:fixed;inset:0}.brand-intro-mark{transform-origin:50%;will-change:transform;place-items:center;width:92px;height:92px;display:grid}.brand-intro-mark img{object-fit:contain;width:100%;height:100%}.app-loading{min-height:100dvh;color:var(--navy);background:radial-gradient(circle at 50% 45%,#fff 0,#f4f8fd 58%,#e8f1fa 100%);place-content:center;justify-items:center;gap:16px;display:grid}.app-loading img{animation:.8s cubic-bezier(.16,1,.3,1) infinite himti-loading-spin}@keyframes himti-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.brand-intro{display:none}.app-loading img{animation:none}}.comparison-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.comparison-pane{background:#edf3f8;border-radius:11px;align-content:center;place-items:center;gap:8px;min-width:0;min-height:240px;padding:10px;display:grid;overflow:hidden}.comparison-pane>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-self:start;font-size:10px;font-weight:800}.comparison-pane img,.comparison-pane canvas{object-fit:contain;max-width:100%;max-height:330px}.sample-preview{aspect-ratio:16/9;background:linear-gradient(120deg, var(--primary), var(--gold));border-radius:8px;width:100%}@media (max-width:620px){.comparison-stage{grid-template-columns:1fr}}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--container:1240px;--container-gutter:48px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px}html{font-size:16px}body{font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.6}.app-shell{min-width:0;overflow-x:clip}.site-header-wrap{z-index:30;padding:16px 24px 0;position:sticky;top:0}.site-header{width:min(var(--container), 100%);border-radius:var(--radius-md);gap:24px;min-height:68px;padding:10px 16px 10px 18px}.brand{gap:12px}.brand-mark{width:40px;height:40px}.brand-copy strong{font-size:14px}.brand-copy small{font-size:11px}.desktop-nav a{min-height:40px;padding:10px 12px;font-size:13px}.header-cta{min-height:42px;padding-inline:16px}.docs-shell{width:min(var(--container), calc(100% - var(--container-gutter)));grid-template-columns:240px minmax(0,1fr);gap:48px;margin-top:48px}.sidebar{border-radius:var(--radius-md);max-height:calc(100dvh - 124px);padding:12px;top:100px}.side-context{z-index:1;border-bottom:1px solid var(--border);color:var(--navy);background:var(--surface);gap:10px;margin:-12px -12px 8px;padding:16px 14px 12px;display:grid;position:sticky;top:-12px}.side-context strong{font-size:13px}.side-search{border:1px solid var(--border);min-height:36px;color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.side-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #075dcc1f}.side-search input{background:0 0;outline:0;min-width:0;min-height:34px!important;box-shadow:none!important;border:0!important;padding:0!important;font-size:12px!important}.side-empty{color:var(--muted);margin:20px 10px;font-size:12px}.side-heading{min-height:44px;padding:12px;font-size:13px}.side-link{min-height:40px;padding:10px 12px 10px 20px;font-size:13px}.docs-main{min-width:0}.page-header{border-radius:var(--radius-lg);margin-bottom:40px;padding:40px}.page-header h1{max-width:860px;font-size:clamp(36px,4.2vw,54px);font-weight:600;line-height:1.04}.page-header p{max-width:68ch;margin-top:14px;font-size:16px;line-height:1.7}.doc-section{margin-bottom:64px}.doc-section>h2,.showcase>h2{margin-bottom:18px;font-size:clamp(26px,3vw,36px)}.doc-section>p{max-width:70ch;line-height:1.7}.principle-grid,.objective-grid,.card-grid,.feature-grid,.production-grid,.resource-grid,.rule-columns,.lesson-card-grid{gap:20px}.principle-grid article,.feature-card,.objective-grid>div,.production-grid article,.lesson-card{border-radius:var(--radius-md);padding:28px}.principle-grid p{font-size:13px;line-height:1.65}.tools-catalog,.tool-page{width:min(var(--container), calc(100% - var(--container-gutter)));margin-top:48px;margin-bottom:96px}.tools-catalog-hero,.tool-hero{border-radius:var(--radius-lg);gap:32px;min-height:300px;padding:48px}.tools-catalog-hero h1,.tool-hero h1{max-width:800px;font-size:clamp(40px,4.7vw,62px);font-weight:600;line-height:1}.tools-catalog-hero p,.tool-hero p{max-width:68ch;font-size:16px;line-height:1.7}.tool-page-header{border-radius:var(--radius-lg);margin-bottom:32px;padding:40px}.tool-page-header h1{font-size:clamp(36px,4.2vw,54px);font-weight:600}.tool-page-header p{max-width:68ch;margin-top:12px}.tool-workspace,.two-column-tool,.composition-layout,.readability-layout,.golden-type-layout{gap:24px}.tool-panel{border-radius:var(--radius-md);padding:32px}.tool-panel h2{margin-bottom:22px;font-size:20px}.tool-field{gap:8px;font-size:13px}.tool-field+.tool-field{margin-top:20px}.tool-field>small{font-size:12px;line-height:1.5}input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{border-radius:var(--radius-sm);min-height:44px;padding:10px 12px;font-size:14px}input[type=range]{min-height:24px}.two-fields{gap:20px}.tool-actions{gap:12px;margin-top:24px}.button{border-radius:var(--radius-sm);min-height:44px;padding-inline:16px;font-size:13px}.tool-catalog-card{border-radius:var(--radius-md);min-height:250px;padding:28px}.tool-catalog-card h3{margin-top:10px;font-size:19px}.tool-catalog-card p{font-size:14px;line-height:1.65}.learn-page,.lesson-page{gap:48px}.learn-hero,.lesson-header{border-radius:var(--radius-lg);padding:56px}.learn-hero h1{max-width:820px;font-size:clamp(40px,5vw,68px)}.learn-hero>p{max-width:68ch}.lesson-stage{padding:48px}.stage-heading{margin-bottom:36px}.footer-inner{width:min(var(--container), calc(100% - var(--container-gutter)));padding-block:36px}@media (max-width:1024px){:root{--container-gutter:32px}.docs-shell{grid-template-columns:220px minmax(0,1fr);gap:32px}.tool-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-catalog-hero,.tool-hero,.page-header,.tool-page-header{padding:36px}}@media (max-width:900px){:root{--container-gutter:32px}.docs-shell{width:min(760px, calc(100% - var(--container-gutter)));grid-template-columns:1fr;gap:24px;margin-top:32px}.sidebar{max-height:none;position:static}.tools-catalog,.tool-page{width:min(760px, calc(100% - var(--container-gutter)))}.atlas-layout,.tool-workspace{gap:20px}}@media (max-width:700px){:root{--container-gutter:24px}.site-header-wrap{padding:10px 12px 0}.site-header{border-radius:14px;min-height:62px;padding:8px 10px 8px 12px}.brand-mark{width:36px;height:36px}.brand-copy small{display:none}.hero{gap:40px;width:min(100% - 32px,680px);padding-top:48px;padding-bottom:64px}.hero h1{font-size:clamp(40px,11vw,58px)}.hero-copy>p{font-size:16px;line-height:1.65}.hero-actions{margin-top:24px}.landing-section{width:min(100% - 32px,680px);padding-top:64px}.landing-section>header h2{font-size:32px}.landing-route-grid,.tool-catalog-grid{grid-template-columns:1fr;gap:16px}.docs-shell,.tools-catalog,.tool-page{width:min(100% - 24px,680px)}.page-header,.tool-page-header,.tools-catalog-hero,.tool-hero{border-radius:var(--radius-md);padding:28px 22px}.page-header{margin-bottom:28px}.page-header h1,.tool-page-header h1{font-size:38px}.page-header p,.tool-page-header p{font-size:15px}.doc-section{margin-bottom:48px}.doc-section>h2{font-size:28px}.tool-panel,.lesson-stage{padding:24px 18px}.tool-panel h2{font-size:19px}.tool-page .tool-panel>*+*{margin-top:20px}.two-fields{grid-template-columns:1fr;gap:16px}.tool-catalog-card{min-height:0;padding:24px}.tool-category{margin-top:48px}.tool-category h2{font-size:28px}.learn-hero,.lesson-header{padding:32px 24px}.learn-hero h1{font-size:40px}.learn-hero-actions{gap:14px}.lesson-stage{min-height:0}.stage-heading{margin-bottom:28px}.footer-inner{width:min(100% - 32px,680px)}}:root{--background:#f4f7fb;--surface:#fff;--surface-secondary:#edf3f9;--border:#d9e2ec;--ink:#0a1c35;--navy:#0a1c35;--primary:#075dcc;--primary-strong:#04469c;--soft-blue:#e8f2ff;--muted:#5b6c80;--shadow-sm:0 1px 2px #0a1c350a, 0 8px 22px #0a1c350e;--shadow-md:0 16px 38px #0a1c351c;--shadow-lg:0 26px 65px #0a1c3526}html,body{background:var(--background)}body{color:var(--ink);background-image:linear-gradient(180deg, #f8fbff 0, var(--background) 420px);background-attachment:fixed}::selection{color:#fff;background:var(--primary)}:focus-visible{outline-offset:3px;outline:3px solid #075dcc6b}.site-header-wrap{background:0 0;padding:14px 20px 0}.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #0a1c351f;border-radius:15px;min-height:66px;padding:8px 14px 8px 17px;box-shadow:0 8px 24px #0a1c3511}.brand-copy strong{color:var(--navy);letter-spacing:.02em}.brand-copy small{color:var(--muted)}.desktop-nav{gap:4px}.desktop-nav a{min-height:36px;color:var(--muted);border-radius:8px;padding:9px 11px;font-size:12px;font-weight:700}.desktop-nav a:hover,.desktop-nav a.active{color:var(--primary);background:var(--soft-blue)}.button{border-radius:9px;min-height:42px;font-weight:750;transition:transform .18s,background-color .18s,border-color .18s,box-shadow .18s}.button:active{transform:translateY(1px)}.button-primary{background:var(--primary);box-shadow:0 7px 15px #075dcc2e}.button-primary:hover{background:var(--primary-strong);box-shadow:0 10px 20px #075dcc38}.button-secondary{color:var(--navy);background:#fff;border-color:#bdcede}.button-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--soft-blue)}.button-ghost{color:var(--primary)}.hero{gap:48px;min-height:650px;padding-top:68px;padding-bottom:70px}.hero h1{letter-spacing:-.075em;max-width:720px;margin:20px 0;font-size:clamp(48px,6vw,78px);line-height:.99}.hero-copy>p{max-width:55ch;color:var(--muted);font-size:17px;line-height:1.65}.hero-actions{margin-top:28px}.hero-art{box-shadow:var(--shadow-lg);background:#edf4fb;border-color:#0a1c351f}.art-card{border-color:#0a1c351f;box-shadow:0 16px 34px #0a1c3521}.landing-section{padding-top:78px}.landing-section>header h2{color:var(--navy);letter-spacing:-.065em;font-size:clamp(30px,4vw,50px)}.landing-section>header p{color:var(--muted)}.landing-route-grid{gap:14px}.landing-route{box-shadow:var(--shadow-sm);border-radius:14px}.landing-route-primary{background:var(--navy);box-shadow:var(--shadow-md)}.landing-route-primary h3{letter-spacing:-.065em}.docs-shell{grid-template-columns:222px minmax(0,1fr);gap:38px;width:min(1280px,100% - 48px);margin-top:42px}.sidebar{border:1px solid var(--border);max-height:calc(100dvh - 114px);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border-radius:13px;padding:10px;position:sticky;top:92px}.side-group{border-bottom:1px solid #e8eef4}.side-group:last-child{border-bottom:0}.side-heading{min-height:42px;color:var(--navy);border-radius:8px;padding:11px 10px}.side-heading:hover{background:var(--soft-blue)}.side-heading.active,.side-group[open]>summary{color:var(--primary)}.side-link{min-height:35px;color:var(--muted);border-radius:7px;padding:9px 10px 9px 18px;font-size:12px}.side-link:hover{color:var(--navy);background:#f1f6fb}.side-link.active{color:var(--primary);background:var(--soft-blue)}.page-header{border:1px solid var(--border);background:var(--surface);min-height:0;box-shadow:var(--shadow-sm);border-radius:16px;margin-bottom:28px;padding:31px 34px}.page-header h1{color:var(--navy);letter-spacing:-.065em;margin-top:0;font-size:clamp(36px,4.5vw,58px)}.page-header p{color:var(--muted)}.page-header .eyebrow{color:var(--primary)}.card-grid{gap:14px}.feature-card{border:1px solid var(--border);min-height:238px;box-shadow:var(--shadow-sm);border-radius:14px;padding:25px}.feature-card:hover{box-shadow:var(--shadow-md);border-color:#a8c3df;transform:translateY(-4px)}.feature-card h2{color:var(--navy);font-size:20px}.feature-card p{color:var(--muted)}.info-banner,.source-callout,.educational-feedback{background:var(--soft-blue);box-shadow:none;border:1px solid #c9ddec;border-radius:13px}.tool-panel,.lesson-stage,.progress-card,.lesson-stepper ol,.certificate-stepper ol{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:15px}.tool-panel h2,.doc-section>h2,.showcase>h2{color:var(--navy);letter-spacing:-.035em}.tool-field>span,.field>span{color:var(--navy)}input,select,textarea{color:var(--ink);background:#fff;border-color:#bfd0e0;border-radius:8px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #075dcc1f}.footer{border-top:1px solid var(--border);box-shadow:none;background:#edf3f8}.tools-catalog,.tool-page{margin-top:38px}.tools-catalog-hero,.tool-hero{min-height:270px;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#0a1c35 0%,#0c4eaa 100%);border-radius:18px;padding:37px}.tools-catalog-hero h1,.tool-hero h1{letter-spacing:-.075em;font-size:clamp(40px,5vw,66px)}.tools-search{max-width:none;box-shadow:var(--shadow-sm);border-radius:11px;margin:22px 0 50px}.tool-category{margin-top:46px}.tool-category>header{margin-bottom:14px}.tool-category h2{font-size:clamp(25px,3vw,36px)}.tool-catalog-grid{gap:12px}.tool-catalog-card{min-height:228px;box-shadow:var(--shadow-sm);border-radius:13px;padding:22px}.tool-catalog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.tool-card-category{color:var(--primary)}.tool-catalog-card h3{color:var(--navy)}.tool-catalog-card p{color:var(--muted)}.tool-workspace{gap:14px}.tool-dropzone{background:#f7fbff}.tool-privacy{background:var(--soft-blue);border-color:#c9ddec}.tool-error{color:#a33131!important}@media (max-width:900px){.docs-shell{grid-template-columns:1fr;gap:18px;width:min(100% - 32px,760px);margin-top:27px}.sidebar{max-height:none;padding:8px;position:static}.sidebar .side-group[open] .side-group-links{display:grid}.sidebar .side-group-links{padding-bottom:5px}.tools-catalog,.tool-page{width:min(100% - 32px,760px)}}@media (max-width:620px){.site-header-wrap{padding:10px 10px 0}.site-header{border-radius:12px;min-height:60px}.brand-copy small{display:none}.hero{width:min(100% - 32px,680px);padding-top:45px;padding-bottom:58px}.hero h1{font-size:clamp(43px,12vw,64px)}.hero-copy>p{font-size:16px}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-art{transform-origin:0 0;width:116%;min-height:370px;transform:scale(.86)}.landing-section{width:min(100% - 32px,680px);padding-top:58px}.landing-route-grid{grid-template-rows:auto;grid-template-columns:1fr}.landing-route-primary{grid-row:auto;min-height:310px}.docs-shell{width:min(100% - 24px,680px)}.page-header{border-radius:14px;padding:25px 20px}.page-header h1{font-size:36px}.page-header p{font-size:15px}.tools-catalog,.tool-page{width:min(100% - 24px,680px);margin-top:22px}.tools-catalog-hero,.tool-hero{border-radius:15px;min-height:0;padding:27px 22px}.tools-catalog-hero h1,.tool-hero h1{font-size:40px}.tool-panel{padding:20px 16px}.desktop-nav,.header-cta{display:none}.mobile-toggle{display:grid}.footer-inner{grid-template-columns:1fr;gap:15px;padding:28px 0}}.tool-page{width:100%;margin:0 0 54px}.tool-page-header{border:1px solid var(--border);min-height:0;color:var(--ink);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;margin-bottom:28px;padding:31px 34px}.tool-page-header h1{color:var(--navy);letter-spacing:-.065em;margin:0 0 10px;font-size:clamp(36px,4.5vw,58px);line-height:1.05}.tool-page-header p{max-width:760px;color:var(--muted);font-size:16px;line-height:1.7}.tool-page-header .eyebrow{color:var(--primary)}.tool-page-header .page-icon{color:var(--primary);background:var(--soft-blue);border:1px solid #c9ddec}.tool-page .tool-workspace{gap:16px}.tool-page .tool-workspace:has(>.tool-panel:nth-child(2)):not(:has(>.tool-panel:nth-child(3)))>.tool-panel:last-child{grid-column:auto}.tool-page .tool-panel{padding:22px}.tool-page .tool-panel h2{margin-bottom:15px;font-size:17px}.tool-page .tool-panel>*+*{margin-top:18px}.tool-page .tool-panel>h2+*{margin-top:0}.tool-page .tool-panel>.tool-field+.tool-field{margin-top:18px}.tool-page .two-fields>.tool-field+.tool-field{margin-top:0}.tool-page .tool-field input,.tool-page .tool-field select,.tool-page .tool-field textarea{box-sizing:border-box;min-width:0}.tool-page .tool-field input[type=color]{height:44px;padding:3px}.tool-page .color-input{grid-template-columns:48px minmax(0,1fr);gap:8px;display:grid}.tool-page .color-input input[type=color]{width:48px}.tool-page .tool-swatches{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;display:grid}.tool-page .tool-swatch{cursor:pointer;border:1px solid #0a1c351f;border-radius:9px;align-items:end;min-height:58px;padding:8px;display:flex}.tool-page .tool-swatch span{color:var(--navy);background:#ffffffe0;border-radius:5px;padding:3px 5px;font-size:10px;font-weight:700}.tool-page .harmony-preview{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;min-height:150px;display:grid}.tool-page .harmony-preview>span{border:1px solid #0a1c351f;border-radius:9px;align-items:end;min-height:120px;padding:10px;display:flex}.tool-page .harmony-preview b{background:#ffffffdb;border-radius:5px;padding:4px 6px;font-size:12px}.tool-page .crop-preview{border:1px solid var(--border);background:#edf3f8;border-radius:11px;place-items:center;width:100%;min-height:220px;display:grid;position:relative;overflow:hidden}.tool-page .crop-preview img{width:100%;height:100%;position:absolute;inset:0}.tool-page .crop-preview>span{color:var(--muted);font-size:12px}.tool-page .carousel-preview{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;margin-top:16px;display:grid}.tool-page .carousel-preview>div{border:1px solid var(--border);background-color:#edf3f8;background-repeat:no-repeat;border-radius:8px;min-height:76px;position:relative;overflow:hidden}.tool-page .carousel-preview span{color:var(--navy);background:#ffffffe6;border-radius:5px;padding:3px 5px;font-size:10px;font-weight:800;position:absolute;bottom:6px;left:6px}.tool-page .batch-results{gap:8px;display:grid}.tool-page .batch-results>div{border:1px solid var(--border);background:#fbfdff;border-radius:9px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-width:0;padding:12px;display:grid}.tool-page .batch-results>div>div{gap:3px;min-width:0;display:grid}.tool-page .batch-results strong,.tool-page .batch-results span{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.tool-page .batch-results span{color:var(--muted);font-size:11px}.tool-page .matte-source{object-fit:contain;background:#edf3f8;border-radius:9px;width:100%;max-height:220px;margin-top:14px;display:block}.tool-page .glyph-grid{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;display:grid}.tool-page .glyph-grid button{border:1px solid var(--border);min-height:70px;color:var(--navy);cursor:pointer;background:#fff;border-radius:9px;place-items:center;gap:4px;padding:8px;display:grid}.tool-page .glyph-grid small{color:var(--muted);font-size:10px}.tool-page .tool-file-input{min-height:48px;color:var(--navy);cursor:pointer;background:#f8fbff;border:1px dashed #9cb8d4;border-radius:9px;gap:5px;padding:10px 12px;font-size:12px;font-weight:700;display:grid}.tool-page .tool-file-input input{min-height:30px;padding:4px;font-size:11px}.tool-page .glyph-browser{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.tool-page .glyph-browser-toolbar{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 190px;min-height:54px;display:grid}.tool-page .glyph-search,.tool-page .glyph-block-select{align-items:center;gap:10px;min-width:0;padding:0 14px;display:flex}.tool-page .glyph-search{color:var(--muted)}.tool-page .glyph-search input,.tool-page .glyph-block-select select{min-width:0;min-height:52px;box-shadow:none;background:0 0;border:0;outline:0;padding:0;font-size:13px}.tool-page .glyph-search input{flex:1}.tool-page .glyph-block-select{border-left:1px solid var(--border)}.tool-page .glyph-block-select select{width:100%;color:var(--navy);cursor:pointer;font-weight:750}.tool-page .glyph-browser-options{border-bottom:1px solid var(--border);background:#f8fbff;grid-template-columns:minmax(0,1fr) 220px;align-items:end;gap:18px;padding:12px 16px;display:grid}.tool-page .glyph-browser-options .tool-file-input{min-height:42px;padding:7px 10px}.tool-page .glyph-browser-heading{min-height:36px;color:var(--navy);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.tool-page .glyph-browser-heading strong{font-size:14px}.tool-page .glyph-browser-heading span{color:var(--muted);font-size:12px}.tool-page .glyph-browser-grid{background:var(--border);grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:1px;display:grid}.tool-page .glyph-browser-grid button{min-width:0;min-height:68px;color:var(--navy);background:var(--surface);cursor:pointer;border:0;place-items:center;gap:2px;padding:7px 4px 5px;display:grid}.tool-page .glyph-browser-grid button:hover,.tool-page .glyph-browser-grid button:focus-visible{color:var(--primary);background:var(--soft-blue)}.tool-page .glyph-browser-grid button strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:650;line-height:1;overflow:hidden}.tool-page .glyph-browser-grid button small{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.tool-page .glyph-browser-tip{color:var(--muted);background:#f8fbff;margin:0;padding:12px 16px;font-size:11px}.tool-page .glyph-browser-tip strong{color:var(--navy)}.docs-shell.no-sidebar{grid-template-columns:minmax(0,1fr)}.contextual-sidebar .side-group-links{gap:2px;display:grid}.contextual-sidebar .side-category+.side-category{margin-top:18px}.contextual-sidebar .side-category h2{color:var(--navy);letter-spacing:.04em;text-transform:uppercase;margin:0 10px 6px;font-size:11px;font-weight:750}.tool-status-badge.new,.contextual-sidebar .side-link .side-badge-new{color:var(--primary);background:var(--soft-blue)}.contextual-sidebar .side-link .side-badge-beta{color:#765200;background:#fff3d4}@media (min-width:901px){.contextual-sidebar{overflow-x:hidden}}.tool-page .gradient-workspace .tool-panel:first-child{min-width:0}.tool-page .segmented-control{border:1px solid var(--border);background:#f4f7fb;border-radius:9px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.tool-page .segmented-control button{min-height:34px;color:var(--muted);cursor:pointer;text-transform:capitalize;background:0 0;border:0;border-radius:6px;flex:80px;padding:0 12px;font-size:12px;font-weight:700}.tool-page .segmented-control button.active{color:#fff;background:var(--primary)}.tool-page .stop-list{gap:10px;display:grid}.tool-page .stop-row{border:1px solid var(--border);background:#f8fbff;border-radius:10px;grid-template-columns:minmax(0,1fr) 100px auto;align-items:end;gap:10px;min-width:0;padding:12px;display:grid}.tool-page .stop-row .tool-field,.tool-page .stop-row .tool-field+.tool-field{min-width:0;margin-top:0}.tool-page .tool-code{border:1px solid var(--border);background:#f7f9fc;border-radius:9px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.tool-page .tool-code code{overflow-wrap:anywhere;min-width:0;color:var(--navy);flex:1;font-size:11px;line-height:1.5}.tool-page .gradient-preview{border:1px solid #0a1c351f;border-radius:11px;width:100%;min-height:280px}.tool-page .tool-dropzone{min-height:116px;padding:18px}.tool-page .tool-privacy{margin-bottom:14px;padding:10px 13px}.tool-page .tool-actions{gap:12px;margin-top:0}.tool-page .tool-actions>.tool-field{flex:180px;min-width:160px;margin-top:0}.tool-page .tool-code{background:#f7f9fc;border-radius:12px;gap:14px;min-height:70px;padding:10px 12px 10px 14px}.tool-page .tool-code code{font-size:12px;line-height:1.45}.tool-page .tool-code .button{flex:none}.tool-page .tool-code+.tool-actions{margin-top:0;padding-top:0}.tool-page .tool-actions .button{white-space:nowrap;flex:none}.tool-page .result-list>div{grid-template-columns:88px minmax(0,1fr) auto;gap:12px;min-height:52px;padding:12px 14px}.tool-page .result-list span{font-size:11px;font-weight:700}.tool-page .result-list strong{overflow-wrap:anywhere;font-size:13px}.tool-page .result-list .button{min-height:36px;padding-inline:11px}.tool-page .tool-note,.tool-page .tool-success,.tool-page .tool-error{margin:0;line-height:1.55}.tool-page .comparison-stage{gap:14px}.tool-page .comparison-pane{min-height:245px;padding:12px}@media (max-width:620px){.tool-page{margin-bottom:40px}.tool-page-header{border-radius:14px;padding:25px 20px}.tool-page-header h1{font-size:36px}.tool-page-header p{font-size:15px}.tool-page .tool-panel{padding:18px 16px}.tool-page .batch-results>div{grid-template-columns:1fr;gap:8px}.tool-page .batch-results .button{justify-self:start}.contextual-sidebar .side-link{display:flex}.tool-page .stop-row{grid-template-columns:1fr}.tool-page .stop-row .icon-button{justify-self:start}.tool-page .tool-code{flex-direction:column;align-items:stretch}.tool-page .tool-code .button,.tool-page .tool-actions{width:100%}.tool-page .tool-actions .button{flex:auto}.tool-page .result-list>div{grid-template-columns:72px minmax(0,1fr) 36px}.tool-page .result-list .button{width:36px;padding:0;font-size:0}.tool-page .glyph-browser-toolbar{grid-template-columns:minmax(0,1fr) 145px}.tool-page .glyph-browser-options{grid-template-columns:1fr;gap:10px}.tool-page .glyph-browser-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}}.tool-page .tool-page-header{min-height:0;margin-bottom:18px;padding:28px 30px}.tool-page .tool-page-header h1{font-size:clamp(30px,3vw,42px)}.tool-page .tool-page-header p{max-width:680px;font-size:14px}.tool-page .tool-workspace{align-items:start;gap:18px}.tool-page .tool-panel{border-radius:14px;padding:0;overflow:clip;box-shadow:0 4px 16px #1739610b}.tool-page .tool-panel>h2{border-bottom:1px solid var(--border);background:#f8fafc;margin:0;padding:15px 18px;font-size:15px;line-height:1.3}.tool-page .tool-panel-content{align-content:start;gap:16px;padding:18px;display:grid}.tool-page .tool-panel-content>*{margin-block:0}.tool-page .tool-panel-content>.tool-field+.tool-field{margin-top:0}.tool-page .tool-panel-content h2,.tool-page .tool-panel-content h3{color:var(--navy);margin:0;font-size:14px;line-height:1.4}.tool-page .tool-actions{gap:8px;margin:0;padding-top:2px}.tool-page .tool-code{margin:0}.tool-page .gradient-preview,.tool-page .comparison-stage,.tool-page .tool-preview{border-radius:10px}.certificate-stepper{margin-bottom:12px}.certificate-stepper ol{box-shadow:none;border-radius:12px;gap:4px;padding:5px}.certificate-stepper button{border-radius:8px;grid-template-columns:28px 1fr;gap:0 8px;min-height:52px;padding:7px 9px}.certificate-stepper button>span{width:26px;height:26px;font-size:11px}.certificate-stepper strong{font-size:12px}.certificate-stepper small{font-size:10px}.certificate-privacy{margin-bottom:12px;padding:10px 13px}.certificate-status{min-height:0;margin-bottom:14px}.certificate-section,.editor-panel,.style-panel,.final-preview,.generation-panel,.prc-panel{box-shadow:none;border-radius:14px}.certificate-section{padding:20px}.certificate-section>header{margin-bottom:15px}.certificate-dropzone{min-height:220px;padding:20px}.certificate-editor-layout,.preview-layout{gap:16px}.editor-viewport{min-height:420px;padding:20px}.style-panel,.generation-panel{gap:14px;padding:18px}.final-canvas-wrap{min-height:400px;padding:20px}.stage-actions{gap:10px;min-height:54px;padding-top:12px}.prc-panel{padding:20px}.prc-section-head{gap:16px;margin-bottom:15px}.prc-section-head h2{font-size:18px}.prc-output-choice button{min-height:68px;padding:12px}.prc-dropzone{min-height:150px;padding:20px}.prc-preview-viewport{min-height:380px;padding:18px}@media (max-width:900px){.contextual-sidebar .side-link{display:flex}.tool-page .tool-page-header{padding:24px}}@media (max-width:620px){.tool-page .tool-page-header{padding:22px 18px}.tool-page .tool-page-header h1{font-size:30px}.tool-page .tool-panel-content{gap:14px;padding:16px}.certificate-stepper button{min-height:62px}.certificate-dropzone{min-height:190px}.stage-actions{padding-top:10px}}select,textarea,input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]){min-height:44px;color:var(--ink);caret-color:var(--primary);background-color:#fff;border:1px solid #c5d2e0;border-radius:10px;padding:10px 13px;transition:border-color .16s,box-shadow .16s,background-color .16s;box-shadow:0 1px 2px #071a3509,inset 0 1px #ffffffb3}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235d718a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 9.5 5 5 5-5'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;background-size:16px;padding-right:42px}textarea{resize:vertical;min-height:108px;line-height:1.55}select:hover:not(:disabled),textarea:hover:not(:disabled),input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):hover:not(:disabled){border-color:#91a9c1}select:focus-visible,textarea:focus-visible,input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):focus-visible{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px #0759c724,0 1px 2px #071a350a}input::placeholder,textarea::placeholder{color:#778ba3;opacity:1}select:disabled,textarea:disabled,input:disabled{color:#8493a6;cursor:not-allowed;opacity:.72;background-color:#f1f4f7}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:var(--danger)}input[type=checkbox],input[type=radio]{appearance:none;cursor:pointer;background-color:#fff;border:1.5px solid #9aacc0;flex:0 0 20px;width:20px;min-width:20px;height:20px;min-height:20px;margin:0;transition:border-color .15s,background-color .15s,box-shadow .15s}input[type=checkbox]{border-radius:6px}input[type=radio]{border-radius:50%}input[type=checkbox]:checked{border-color:var(--primary);background-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}input[type=radio]:checked{border-color:var(--primary);background-color:var(--primary);box-shadow:inset 0 0 0 4px #fff}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible,input[type=range]:focus-visible,input[type=color]:focus-visible{outline-offset:3px;outline:3px solid #0759c72e}input[type=range]{appearance:none;cursor:pointer;background:0 0;border:0;width:100%;min-height:28px;padding:0}input[type=range]::-webkit-slider-runnable-track{background:#d7e2ed;border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);width:18px;height:18px;box-shadow:0 0 0 1px var(--primary), 0 3px 8px #071a3533;border:3px solid #fff;border-radius:50%;margin-top:-6px}input[type=range]::-moz-range-track{background:#d7e2ed;border-radius:999px;height:6px}input[type=range]::-moz-range-progress{background:var(--primary);border-radius:999px;height:6px}input[type=range]::-moz-range-thumb{background:var(--primary);width:14px;height:14px;box-shadow:0 0 0 1px var(--primary), 0 3px 8px #071a3533;border:3px solid #fff;border-radius:50%}input[type=color]{cursor:pointer;background:#fff;border:1px solid #c5d2e0;border-radius:10px;min-width:44px;min-height:44px;padding:4px;overflow:hidden;box-shadow:0 1px 2px #071a350d}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}input[type=color]::-moz-color-swatch{border:0;border-radius:6px}input[type=file]{max-width:100%;color:var(--muted);font-size:12px}input[type=file]::file-selector-button{min-height:38px;color:var(--navy);cursor:pointer;font:inherit;background:#f7f9fc;border:1px solid #c5d2e0;border-radius:9px;margin-right:10px;padding:0 13px;font-weight:700}input[type=file]::file-selector-button:hover{color:var(--primary);background:var(--soft-blue);border-color:#91b8df}input[type=number]{font-variant-numeric:tabular-nums}select option{color:var(--ink);background:#fff}@media (forced-colors:active){select,input[type=checkbox],input[type=radio],input[type=range]{appearance:auto;background-image:none}}select:not([multiple]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235d718a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 9.5 5 5 5-5'/%3E%3C/svg%3E")!important;background-position:right 13px center!important;background-repeat:no-repeat!important;background-size:16px!important;padding-right:42px!important}.matte-preview-stage{border:1px solid var(--border);background:#edf2f7;border-radius:11px;place-items:center;min-height:390px;padding:30px;display:grid;overflow:hidden}.matte-preview{border:1px solid #071a351f;width:fit-content;max-width:100%;overflow:hidden;box-shadow:0 14px 34px #071a3524}.matte-preview img{object-fit:contain;max-width:100%;max-height:430px;display:block}.matte-preview-empty{min-height:300px;color:var(--primary);text-align:center;background:#f7faff;border:1px dashed #a9bdd1;border-radius:11px;align-content:center;place-items:center;gap:8px;padding:28px;display:grid}.matte-preview-empty strong{color:var(--navy)}.matte-preview-empty span{color:var(--muted);font-size:12px}.matte-preview-meta{flex-wrap:wrap;gap:8px;display:flex}.matte-preview-meta span{border:1px solid var(--border);min-height:30px;color:var(--muted);background:#f8fafc;border-radius:8px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.matte-preview-meta i{border:1px solid #071a3529;border-radius:4px;width:14px;height:14px}@media (max-width:620px){.matte-preview-stage{min-height:280px;padding:18px}.matte-preview img{max-height:320px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}