.ic-hero{background:#f6f3ec;padding:38px 0 80px;border-bottom:1px solid #e3dbcc}.ic-breadcrumb{font-size:.8rem;color:#5b6780;margin-bottom:26px}.ic-breadcrumb a{color:#14203a}.ic-hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:center}.ic-hero h1{font-size:clamp(2.1rem,4.2vw,3.65rem);line-height:1.1;letter-spacing:-.04em;margin:15px 0 20px;color:#14203a}.ic-hero p{max-width:610px;color:#546078;line-height:1.75}.ic-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.ic-pills span{font-size:.75rem;border:1px solid #d7c299;padding:7px 12px;border-radius:30px;background:#fff;color:#14203a}.ic-art{border:9px solid #fff;border-radius:20px;box-shadow:0 18px 40px #14203a15;transform:rotate(2deg);overflow:hidden}.ic-art-top{height:190px;display:grid;grid-template-columns:38% 32% 30%;grid-template-rows:42% 58%;background:#14203a}.ic-art-top span:nth-child(1){grid-row:1/3;background:#14203a}.ic-art-top span:nth-child(2){grid-column:2/4;background:#cda760}.ic-art-top span:nth-child(3){background:#738699}.ic-art-top span:nth-child(4){background:#e4ceb0}.ic-art-bottom{background:#fff;display:flex;gap:7px;padding:14px}.ic-art-bottom span{height:28px;flex:1;border-radius:5px}.ic-workspace{margin-top:-34px;position:relative;margin-bottom:50px}.ic-shell{background:#fff;border:1px solid #e0e5eb;border-radius:22px;padding:26px;box-shadow:0 12px 35px #14203a09;min-width:0}.ic-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.ic-toolbar h2{font-size:1.3rem;margin:5px 0}.ic-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ic-shell button,.ic-file{font:inherit;font-size:.81rem;font-weight:650;background:#fff;color:#14203a;border:1px solid #cfd5df;border-radius:9px;padding:10px 13px;min-height:42px;cursor:pointer}.ic-shell button:hover,.ic-file:hover{background:#f6f3ec;border-color:#cda760}.ic-shell button:disabled{opacity:.45;cursor:not-allowed}.ic-shell .ic-primary{background:#14203a;color:#fff;border-color:#14203a}.ic-shell .ic-primary:hover{background:#253653;color:#fff}.ic-shell :is(button,input,textarea,select,a,canvas):focus-visible{outline:3px solid #cda760;outline-offset:3px}.ic-status{margin:0 0 20px;border-left:3px solid #cda760;background:#f6f3ec;padding:12px 15px;border-radius:5px;font-size:.85rem;line-height:1.6;overflow-wrap:anywhere;color:#35445e}.ic-jump{display:flex;gap:22px;flex-wrap:wrap;margin:20px 0;font-size:.81rem}.ic-jump a{color:#14203a;text-decoration:underline;text-underline-offset:4px}.ic-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:25px;align-items:start}.ic-layout>*{min-width:0}.ic-panel{border:1px solid #dfe4eb;border-radius:16px;padding:21px;min-width:0}.ic-panel h3{font-size:1.06rem;margin:0 0 18px}.ic-panel-title{font-size:.69rem;color:#717c8e;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}.ic-drop{border:1px dashed #c2ab80;border-radius:12px;padding:20px;background:#fcfaf6;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.ic-drop p{font-size:.77rem;color:#657187;margin:0;line-height:1.55}.ic-drop.ic-drag{outline:3px solid #cda760;background:#f4eddf}.ic-file{display:inline-flex;position:relative;overflow:hidden;align-items:center;justify-content:center;gap:8px}.ic-file input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.ic-file:focus-within{outline:3px solid #cda760;outline-offset:3px}.ic-empty{margin-top:18px;padding:60px 25px;border-radius:12px;background:#f5f6f8;text-align:center;color:#687388;line-height:1.65}.ic-empty strong{display:block;color:#14203a;font-size:1.2rem;margin-bottom:9px}.ic-viewport{margin:18px 0 10px;max-height:520px;overflow:auto;border:1px solid #dfe3e9;border-radius:10px;background:#e9ecf1;overscroll-behavior:contain}.ic-frame{position:relative;background:#fff;margin:0 auto;line-height:0;max-width:none}.ic-frame canvas{display:block;width:100%;height:auto;cursor:crosshair;touch-action:pan-x pan-y}.ic-marker{position:absolute;width:17px;height:17px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #14203a,inset 0 0 0 1px #14203a;transform:translate(-50%,-50%);pointer-events:none}.ic-meta{font-size:.72rem;line-height:1.5;overflow-wrap:anywhere;color:#657187;margin:10px 0}.ic-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.ic-field{display:flex;flex-direction:column;gap:7px;font-size:.79rem;color:#14203a;min-width:0;margin:0 0 16px}.ic-field>span{font-weight:650}.ic-field :is(input,select,textarea){width:100%;max-width:100%;min-width:0;box-sizing:border-box;border:1px solid #cbd3df;border-radius:8px;padding:10px 11px;background:#fff;color:#14203a;font:inherit;font-size:16px;min-height:42px}.ic-field input[type=color]{height:43px;padding:4px}.ic-field small,.ic-hint{font-size:.73rem;color:#657187;line-height:1.6;overflow-wrap:anywhere}.ic-hint{margin:12px 0}.ic-image-controls{margin-top:16px;border-top:1px solid #e1e5ec;padding-top:18px}.ic-subtitle{font-size:.87rem;font-weight:700;color:#14203a;margin:20px 0 12px}.ic-color-preview{border-radius:13px;overflow:hidden;border:1px solid #dfe3e9;margin-bottom:18px;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0 0/18px 18px}.ic-color-preview>div{height:120px}.ic-values{margin:17px 0;border-top:1px solid #e2e6eb}.ic-values>div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid #e2e6eb;font-size:.77rem}.ic-values dt{color:#6c7789}.ic-values dd{margin:0;color:#14203a;overflow-wrap:anywhere;font-family:ui-monospace,monospace}.ic-section{margin-top:28px;padding-top:28px;border-top:1px solid #e0e5eb;scroll-margin-top:120px}.ic-section h2{font-size:1.45rem;color:#14203a;margin:6px 0 12px}.ic-section-top{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:20px}.ic-count{font-size:.75rem;color:#657187}.ic-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:20px 0}.ic-palette-card{border:1px solid #dce2ea;border-radius:11px;overflow:hidden;min-width:0}.ic-shell .ic-palette-pick{display:flex;flex-direction:column;width:100%;padding:0;border:0;border-radius:0;text-align:left;align-items:stretch;background:#fff}.ic-palette-pick[aria-pressed=true]{box-shadow:inset 0 0 0 3px #cda760}.ic-mini-swatch{height:90px;border-bottom:1px solid #e0e5eb}.ic-palette-pick>span:last-child{font:12px/1.6 ui-monospace,monospace;padding:10px;overflow-wrap:anywhere}.ic-swatch-actions{display:flex;gap:2px;padding:5px;flex-wrap:wrap}.ic-shell .ic-swatch-actions button{font-size:.65rem;padding:5px 6px;min-height:28px;border:0}.ic-group{border-top:1px solid #e6e9ee;padding-top:18px;margin-top:18px}.ic-inline-fields{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.ic-inline-fields .ic-field{flex:1 1 150px;margin-bottom:0}.ic-inline-fields button{margin-bottom:0}.ic-export{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-top:18px}.ic-export .ic-field{margin-bottom:0;min-width:190px}.ic-contrast-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start;margin-top:22px}.ic-contrast-preview{padding:28px;border:1px solid #dfe4ec;border-radius:14px;min-height:180px;display:flex;align-items:center;margin-bottom:18px}.ic-contrast-preview p{margin:0;font-size:17px;line-height:1.7}.ic-contrast-preview strong{font-size:26px;line-height:1.3;display:block;margin-bottom:12px}.ic-ratio{font-size:2.6rem;line-height:1.1;letter-spacing:-.04em;color:#14203a;font-weight:750;margin:10px 0}.ic-results{display:grid;gap:0;margin:18px 0}.ic-result{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:.8rem;border-bottom:1px solid #e1e5ed;padding:12px 0}.ic-result strong{font-size:.7rem;padding:4px 10px;border-radius:20px;background:#f4eddf;color:#73511b}.ic-result[data-result=pass] strong{background:#e9edf3;color:#14203a}.ic-gradient{height:140px;border:1px solid #dce1e8;border-radius:12px;margin:18px 0}.ic-code{width:100%;min-height:80px;resize:vertical;background:#14203a;color:#f6f3ec;border:1px solid #14203a;border-radius:10px;box-sizing:border-box;padding:13px;font:12px/1.7 ui-monospace,monospace;margin:8px 0 12px}.ic-copy-fallback{padding:16px;background:#f6f3ec;border-radius:10px;margin-top:20px;font-size:.85rem}.ic-guide{margin-bottom:65px}.ic-guide h2{color:#14203a}.ic-guide p,.ic-guide li{color:#546078;line-height:1.75}.ic-guide a{color:#14203a;text-decoration:underline}.ic-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:26px 0 40px}.ic-feature{border:1px solid #dfe4eb;border-radius:15px;padding:24px}.ic-feature>span{color:#a78342;font:1.3rem ui-monospace,monospace}.ic-feature h3{font-size:1.03rem;margin:16px 0 10px}.ic-feature p{font-size:.85rem;margin:0}.ic-shell [hidden]{display:none!important}#ic-image-section,#ic-current-section{scroll-margin-top:120px}
@media(max-width:1100px){.ic-hero-grid{gap:25px}.ic-palette{grid-template-columns:repeat(4,minmax(0,1fr))}.ic-layout{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr)}.ic-shell{padding:22px}.ic-panel{padding:17px}}
@media(max-width:760px){.ic-hero-grid{grid-template-columns:1fr}.ic-art{display:none}.ic-layout,.ic-contrast-grid,.ic-features{grid-template-columns:minmax(0,1fr)}.ic-shell{padding:17px;border-radius:16px}.ic-hero{padding-top:25px}.ic-palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ic-mini-swatch{height:70px}.ic-palette-pick>span:last-child{font-size:11px;padding:9px 6px}.ic-shell .ic-swatch-actions button{font-size:.65rem}.ic-swatch-actions{gap:0;padding:2px}.ic-drop{padding:16px}.ic-viewport{max-height:440px}.ic-toolbar button{padding:8px 10px;font-size:.77rem}.ic-ratio{font-size:2.1rem}.ic-contrast-preview{padding:21px}.ic-export>.ic-field{flex:1 1 100%}.ic-features{gap:12px}.ic-section-top{gap:10px}}
@media(max-width:380px){.ic-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.ic-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ic-shell *{transition:none!important;scroll-behavior:auto!important}}

.ic-shell details>summary{cursor:pointer;font-size:.85rem;color:#14203a;padding:12px 0}.ic-shell details[open]>summary{margin-bottom:12px}.ic-shell .ic-swatch-actions button{min-height:36px;padding:7px 8px}

.ic-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.ic-controls{border:0;padding:0;margin:18px 0;min-width:0}.ic-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ic-check{display:flex;gap:10px;align-items:center;font-size:.84rem;line-height:1.5;margin:10px 0 18px}.ic-check input{accent-color:#14203a;width:18px;height:18px;flex:none}.ic-icon-art{background:#fff;border:1px solid #ddd4c5;border-radius:22px;padding:25px;box-shadow:0 20px 45px #14203a12;transform:rotate(2deg)}.ic-mock-tab{display:flex;align-items:center;gap:9px;font-size:.8rem;background:#f4f1ea;padding:10px;border-radius:10px}.ic-mock-tab span{background:#14203a;color:#fff;border-radius:3px;font-size:.55rem;padding:4px}.ic-mock-tab b{margin-left:auto;color:#718099}.ic-art-icons{display:flex;gap:17px;align-items:center;padding:35px 5px 15px}.ic-art-icons span{display:grid;place-items:center;width:75px;height:75px;background:#14203a;color:#cda760;font:bold 26px Georgia,serif;border-radius:18px}.ic-art-icons span:nth-child(2){width:60px;height:60px;border-radius:50%;background:#cda760;color:#14203a;font-size:22px}.ic-art-icons span:nth-child(3){width:46px;height:46px;border-radius:8px;font-size:17px}.ic-icon-art>p{font-size:.8rem;line-height:1.5;color:#657187;margin-left:5px}.ic-preview-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ic-preview-pair figure,.ic-actual-sizes figure{margin:0;min-width:0}.ic-preview-pair canvas{display:block;width:100%;height:auto}.ic-checker{background:repeating-conic-gradient(#e6e8eb 0% 25%,#fff 0% 50%) 0 0/16px 16px}.ic-checker,.ic-mask-wrap{overflow:hidden;border:1px solid #dbe0e7;border-radius:10px}.ic-mask-wrap{position:relative}.ic-safe-circle{position:absolute;left:10%;top:10%;width:80%;height:80%;box-sizing:border-box;border:2px dashed #fff;outline:1px dashed #14203a;border-radius:50%;pointer-events:none}.ic-shell figcaption{font-size:.69rem;line-height:1.5;margin:9px 0;color:#657187}.ic-actual-sizes{display:flex;gap:36px;align-items:flex-end;border:1px solid #e0e5eb;padding:20px;background:#f8f9fa;border-radius:12px}.ic-actual-sizes canvas{display:block;max-width:none}.ic-browser-preview{margin:20px 0;display:flex;gap:12px;align-items:center;border:1px solid #dfe3eb;border-radius:12px 12px 0 0;background:#f4f1ea;padding:14px 18px;font-size:.85rem}.ic-browser-preview>span:last-child{margin-left:auto}.ic-browser-dot{width:8px;height:8px;background:#cda760;border-radius:50%}.ic-touch-preview{display:flex;align-items:center;gap:18px;padding:16px;background:#f6f3ec;border-radius:14px}.ic-touch-preview canvas{width:72px;height:72px;border-radius:16px}.ic-touch-preview p{font-size:.8rem;line-height:1.7;color:#14203a}.ic-touch-preview small{color:#657187}.ic-note{border-left:3px solid #cda760;background:#f6f3ec;padding:20px;margin-top:24px;border-radius:8px;font-size:.84rem;line-height:1.7}.ic-note p{margin:8px 0 0;color:#657187}.ic-shell pre{white-space:pre-wrap;overflow-wrap:anywhere}.ic-controls:disabled{opacity:.6}.ic-shell textarea.ic-code{background:#14203a;color:#fff;font:12px/1.7 ui-monospace,monospace}.ic-guide details summary{cursor:pointer}.ic-preview-panel{position:sticky;top:110px}.ic-shell .ic-subtitle{margin-top:25px}.ic-shell .ic-field input[type=number]{font-size:16px}
@media(max-width:850px){.ic-layout{grid-template-columns:minmax(0,1fr)}.ic-preview-panel{position:static}.ic-preview-pair{max-width:540px}.ic-icon-art{max-width:340px}.ic-hero-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.ic-hero-grid{grid-template-columns:minmax(0,1fr)}.ic-icon-art{display:none}.ic-preview-pair{gap:12px}}