/* ANIMYJOB — COLORIAGE EN LIGNE PREMIUM V2 */
.ajco-page{
  --ajco-navy:#073b57;
  --ajco-blue:#0a6f9c;
  --ajco-blue-2:#0d86b8;
  --ajco-sky:#eaf8ff;
  --ajco-orange:#f47c1c;
  --ajco-orange-2:#ff9a3e;
  --ajco-ink:#12212d;
  --ajco-muted:#607483;
  --ajco-line:#dce7ed;
  --ajco-soft:#f6fafc;
  --ajco-white:#fff;
  --ajco-shadow:0 20px 55px rgba(7,59,87,.10);
  --ajco-shadow-soft:0 12px 32px rgba(7,59,87,.08);
  color:var(--ajco-ink);
  background:#fff;
  font-family:inherit;
  font-size:16px;
  line-height:1.6;
}
.ajco-page *{box-sizing:border-box}
.ajco-page img{max-width:100%}
.ajco-shell{width:min(1240px,calc(100% - 32px));margin:0 auto}
.ajco-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ajco-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:18px 0 12px;color:#718491;font-size:.83rem;font-weight:750}
.ajco-breadcrumb a{color:var(--ajco-blue);text-decoration:none}
.ajco-breadcrumb a:hover{text-decoration:underline}

.ajco-hero{position:relative;overflow:hidden;margin:0 0 24px;border:1px solid #d5e8f0;border-radius:28px;background:linear-gradient(130deg,#e9f9ff 0%,#fafdff 48%,#fff3e8 100%);box-shadow:var(--ajco-shadow)}
.ajco-hero:before{content:"";position:absolute;right:-80px;top:-100px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(244,124,28,.19),rgba(244,124,28,0) 68%)}
.ajco-hero:after{content:"";position:absolute;left:-75px;bottom:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(13,134,184,.15),rgba(13,134,184,0) 68%)}
.ajco-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:34px;align-items:center;padding:44px 46px}
.ajco-kicker{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin:0 0 12px;padding:7px 12px;border:1px solid #c7e7f4;border-radius:999px;background:rgba(255,255,255,.78);color:var(--ajco-blue);font-size:.75rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.ajco-kicker i{width:8px;height:8px;border-radius:50%;background:var(--ajco-orange);box-shadow:0 0 0 5px rgba(244,124,28,.12)}
.ajco-hero h1{max-width:790px;margin:0;color:var(--ajco-navy);font-size:clamp(2.05rem,4vw,3.65rem);font-weight:950;line-height:1.02;letter-spacing:-.045em}
.ajco-hero-lead{max-width:760px;margin:18px 0 0;color:#415a69;font-size:1.06rem;line-height:1.72}
.ajco-hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin:21px 0 0}
.ajco-hero-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(7,59,87,.10);border-radius:11px;background:rgba(255,255,255,.88);color:#2d5266;font-size:.8rem;font-weight:800;box-shadow:0 5px 14px rgba(7,59,87,.04)}
.ajco-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.ajco-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 16px;border:1px solid transparent;border-radius:12px;font:inherit;font-size:.88rem;font-weight:900;line-height:1.2;text-decoration:none!important;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,color .15s ease}
.ajco-btn:hover{transform:translateY(-1px)}
.ajco-btn:focus-visible{outline:3px solid rgba(13,134,184,.25);outline-offset:2px}
.ajco-btn:disabled{opacity:.46;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.ajco-btn-primary{background:linear-gradient(135deg,var(--ajco-blue),var(--ajco-blue-2));color:#fff!important;box-shadow:0 11px 24px rgba(10,111,156,.20)}
.ajco-btn-orange{background:linear-gradient(135deg,var(--ajco-orange),var(--ajco-orange-2));color:#fff!important;box-shadow:0 11px 24px rgba(244,124,28,.20)}
.ajco-btn-secondary{border-color:#cbdce4;background:#fff;color:var(--ajco-navy)!important}
.ajco-btn-soft{border-color:#d8e9f0;background:#f1f9fc;color:var(--ajco-blue)!important}

.ajco-hero-visual{position:relative;display:grid;place-items:center;min-height:310px}
.ajco-hero-paper{position:relative;width:min(310px,90%);aspect-ratio:4/5;border:9px solid #fff;border-radius:19px;background:#fff;box-shadow:0 22px 45px rgba(7,59,87,.16);transform:rotate(2.3deg);overflow:hidden}
.ajco-hero-paper:before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 33% 31%,transparent 0 33px,#14394a 34px 37px,transparent 38px),
  radial-gradient(circle at 67% 34%,transparent 0 24px,#14394a 25px 28px,transparent 29px),
  radial-gradient(ellipse at 50% 66%,transparent 0 76px,#14394a 77px 81px,transparent 82px),
  linear-gradient(135deg,transparent 43%,rgba(244,124,28,.18) 43% 58%,transparent 58%);
  opacity:.9}
.ajco-hero-dot{position:absolute;border-radius:50%;box-shadow:0 10px 22px rgba(7,59,87,.12)}
.ajco-hero-dot--1{width:64px;height:64px;left:8%;top:15%;background:#ffd166}
.ajco-hero-dot--2{width:48px;height:48px;right:5%;top:24%;background:#8bd6f1}
.ajco-hero-dot--3{width:54px;height:54px;right:12%;bottom:8%;background:#ff8fab}
.ajco-hero-pencil{position:absolute;right:2%;bottom:23%;width:170px;height:24px;border-radius:10px;background:linear-gradient(90deg,#f47c1c 0 76%,#f5cc8a 76% 88%,#1f3440 88%);transform:rotate(-38deg);box-shadow:0 8px 17px rgba(7,59,87,.15)}
.ajco-hero-stat{position:absolute;left:2%;bottom:1%;display:grid;gap:2px;padding:13px 16px;border:1px solid #d5e8f0;border-radius:14px;background:rgba(255,255,255,.95);box-shadow:0 12px 28px rgba(7,59,87,.11)}
.ajco-hero-stat strong{color:var(--ajco-navy);font-size:1.15rem;font-weight:950}
.ajco-hero-stat span{color:var(--ajco-muted);font-size:.72rem;font-weight:750}

.ajco-ad{margin:22px 0;text-align:center;min-height:1px}

/* STUDIO */
.ajco-studio{scroll-margin-top:18px;margin:30px 0 34px;border:1px solid #d6e5ec;border-radius:25px;background:#fff;box-shadow:var(--ajco-shadow);overflow:hidden}
.ajco-studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 17px;border-bottom:1px solid #dce8ee;background:linear-gradient(180deg,#fbfdfe,#f5fafc)}
.ajco-selected{min-width:0;display:flex;align-items:center;gap:11px}
.ajco-selected-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#e2f6ff,#fff0e3);font-size:20px}
.ajco-selected-copy{min-width:0}
.ajco-selected-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ajco-navy);font-size:.93rem;font-weight:950}
.ajco-selected-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#71828d;font-size:.73rem;font-weight:700}
.ajco-studio-top-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.ajco-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 10px;border:1px solid #d2e1e8;border-radius:10px;background:#fff;color:#315466;font:inherit;font-size:.76rem;font-weight:850;cursor:pointer}
.ajco-icon-btn:hover{border-color:#a9cddd;background:#f8fcfe}
.ajco-icon-btn.is-active{border-color:#8acbe5;background:#eaf8ff;color:#05678f}
.ajco-icon-btn:focus-visible{outline:3px solid rgba(13,134,184,.22);outline-offset:1px}

.ajco-studio-main{display:grid;grid-template-columns:255px minmax(0,1fr) 245px;min-height:640px}
.ajco-panel{min-width:0;padding:17px;background:#fbfdfe}
.ajco-panel--tools{border-right:1px solid #dde8ed}
.ajco-panel--colors{border-left:1px solid #dde8ed}
.ajco-panel-section{padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid #e3ecef}
.ajco-panel-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.ajco-panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;color:var(--ajco-navy);font-size:.75rem;font-weight:950;letter-spacing:.045em;text-transform:uppercase}
.ajco-panel-title small{color:#8a9ca6;font-size:.66rem;letter-spacing:0;text-transform:none}
.ajco-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ajco-tool{display:grid;justify-items:center;gap:4px;min-height:74px;padding:9px 7px;border:1px solid #d8e5eb;border-radius:12px;background:#fff;color:#365869;font:inherit;font-size:.72rem;font-weight:850;cursor:pointer;transition:.15s ease}
.ajco-tool:hover{border-color:#acd3e4;transform:translateY(-1px)}
.ajco-tool.is-active{border-color:#59b5d9;background:#eaf8ff;color:#075f84;box-shadow:inset 0 0 0 1px rgba(13,134,184,.10)}
.ajco-tool span:first-child{font-size:1.35rem;line-height:1}
.ajco-tool--wide{grid-column:1/-1;grid-template-columns:28px 1fr;justify-items:start;align-items:center;min-height:48px;text-align:left}
.ajco-control{display:grid;gap:7px;margin:11px 0}
.ajco-control-label{display:flex;justify-content:space-between;gap:10px;color:#405c6b;font-size:.75rem;font-weight:800}
.ajco-control output{color:var(--ajco-blue);font-weight:900}
.ajco-range{width:100%;accent-color:var(--ajco-blue)}
.ajco-history{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ajco-history button{min-height:38px;padding:7px;border:1px solid #d6e4ea;border-radius:10px;background:#fff;color:#375768;font:inherit;font-size:.75rem;font-weight:850;cursor:pointer}
.ajco-history button:hover:not(:disabled){background:#f0f9fd;border-color:#9bcce0}
.ajco-history .ajco-reset{grid-column:1/-1;color:#9b4a2b;background:#fff9f5;border-color:#f0d3c4}
.ajco-shortcuts{margin:9px 0 0;color:#83939d;font-size:.68rem;line-height:1.45}

.ajco-workspace{position:relative;min-width:0;padding:18px;background:
  linear-gradient(45deg,#f2f7f9 25%,transparent 25%),
  linear-gradient(-45deg,#f2f7f9 25%,transparent 25%),
  linear-gradient(45deg,transparent 75%,#f2f7f9 75%),
  linear-gradient(-45deg,transparent 75%,#f2f7f9 75%);
background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;background-color:#f9fcfd}
.ajco-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:600px;max-height:78vh;overflow:auto;border:1px solid #d7e5eb;border-radius:16px;background:rgba(255,255,255,.82);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.ajco-stage-inner{position:relative;flex:0 0 auto;display:block;box-shadow:0 14px 38px rgba(7,59,87,.14);background:#fff;transition:width .12s ease,height .12s ease}
.ajco-stage canvas{position:absolute;inset:0;display:block;touch-action:none;background:transparent;image-rendering:auto}
.ajco-stage #ajColorCanvas{position:relative;z-index:1;cursor:crosshair}
.ajco-stage #ajColorCanvas[data-tool="fill"]{cursor:cell}
.ajco-stage #ajColorCanvas[data-tool="eyedropper"]{cursor:copy}
.ajco-stage #ajColorOverlay{z-index:2;pointer-events:none}
.ajco-loader{position:absolute;z-index:10;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.88);backdrop-filter:blur(2px)}
.ajco-loader[hidden]{display:none!important}
.ajco-loader-box{display:grid;justify-items:center;gap:11px;color:var(--ajco-navy);font-size:.83rem;font-weight:850}
.ajco-spinner{width:34px;height:34px;border:4px solid #d9edf5;border-top-color:var(--ajco-orange);border-radius:50%;animation:ajco-spin .8s linear infinite}
@keyframes ajco-spin{to{transform:rotate(360deg)}}
.ajco-empty{position:absolute;z-index:5;inset:20px;display:grid;place-items:center;text-align:center;color:#6c808d}
.ajco-empty[hidden]{display:none!important}
.ajco-empty strong{display:block;margin-bottom:5px;color:var(--ajco-navy);font-size:1rem}
.ajco-zoom-bar{position:absolute;z-index:6;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:6px;border:1px solid #d8e5eb;border-radius:12px;background:rgba(255,255,255,.95);box-shadow:0 8px 22px rgba(7,59,87,.12)}
.ajco-zoom-bar button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:#f1f7f9;color:var(--ajco-navy);font:inherit;font-size:1rem;font-weight:950;cursor:pointer}
.ajco-zoom-bar button:hover{background:#e5f5fb}
.ajco-zoom-value{min-width:57px;text-align:center;color:#526b79;font-size:.71rem;font-weight:850}

.ajco-current-color{display:flex;align-items:center;gap:9px;margin:0 0 11px;padding:9px;border:1px solid #dce8ed;border-radius:11px;background:#fff}
.ajco-current-chip{flex:0 0 31px;width:31px;height:31px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #ccdce3,0 4px 10px rgba(7,59,87,.10)}
.ajco-current-color span{min-width:0;color:#4b6675;font-size:.72rem;font-weight:800}
.ajco-current-color strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ajco-navy);font-size:.77rem}
.ajco-palette-group{margin:0 0 13px}
.ajco-palette-label{display:block;margin-bottom:6px;color:#6b7f8b;font-size:.66rem;font-weight:850}
.ajco-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.ajco-swatch{position:relative;width:100%;aspect-ratio:1;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #cfdae0,0 3px 8px rgba(7,59,87,.08);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}
.ajco-swatch:hover{transform:scale(1.10)}
.ajco-swatch.is-active{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ajco-blue);transform:scale(.88)}
.ajco-custom-wrap{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 10px;border:1px solid #dce8ed;border-radius:10px;background:#fff;color:#4e6977;font-size:.73rem;font-weight:800}
.ajco-custom-wrap input[type="color"]{width:42px;height:34px;padding:2px;border:1px solid #c9dbe3;border-radius:8px;background:#fff;cursor:pointer}
.ajco-color-actions{display:grid;gap:7px;margin-top:11px}
.ajco-color-actions button{width:100%}
.ajco-status-wrap{padding:10px 14px;border-top:1px solid #dce7ec;background:#fff}
.ajco-status{min-height:21px;margin:0;text-align:center;color:#627783;font-size:.75rem;font-weight:750}
.ajco-status.is-success{color:#1f7758}.ajco-status.is-warning{color:#9a5d00}.ajco-status.is-error{color:#ac3b32}.ajco-status.is-info{color:#436a7e}
.ajco-progress{display:block;margin-top:2px;text-align:center;color:#8a9aa3;font-size:.66rem}
.ajco-challenge{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;padding:10px 44px 10px 14px;border-top:1px solid #ffe0bf;background:#fff8ef;color:#744519;font-size:.75rem}
.ajco-challenge[hidden]{display:none!important}
.ajco-challenge strong{color:#a24b08}.ajco-challenge-colors{display:flex;gap:5px}.ajco-challenge-colors i{display:block;width:24px;height:24px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d9c2ac}
.ajco-challenge button{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:8px;background:rgba(0,0,0,.05);font-size:18px;cursor:pointer}

/* Small mode */
.ajco-page.is-small-mode .ajco-tool{min-height:88px;font-size:.82rem}
.ajco-page.is-small-mode .ajco-tool span:first-child{font-size:1.65rem}
.ajco-page.is-small-mode .ajco-panel-title small,.ajco-page.is-small-mode .ajco-shortcuts{display:none}
.ajco-page.is-small-mode .ajco-control--advanced{display:none}
.ajco-page.is-small-mode .ajco-swatch{min-width:31px;min-height:31px}
.ajco-page.is-small-mode .ajco-panel{padding:15px}

/* CATALOG */
.ajco-section{margin:46px 0}
.ajco-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 18px}
.ajco-section-head h2{margin:0;color:var(--ajco-navy);font-size:clamp(1.45rem,2.2vw,2rem);font-weight:950;line-height:1.18;letter-spacing:-.025em}
.ajco-section-head p{max-width:720px;margin:7px 0 0;color:var(--ajco-muted);font-size:.92rem;line-height:1.65}
.ajco-count-pill{flex:0 0 auto;padding:7px 11px;border:1px solid #d4e5ec;border-radius:999px;background:#f7fbfd;color:#58717f;font-size:.75rem;font-weight:850}
.ajco-catalog-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:0 0 17px}
.ajco-search-wrap{position:relative;display:flex;align-items:center}
.ajco-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:17px;pointer-events:none}
.ajco-search{width:100%;min-height:48px;padding:11px 48px 11px 43px;border:1px solid #ccdde5;border-radius:13px;background:#fff;color:var(--ajco-ink);font:inherit;font-size:.9rem;outline:none;box-shadow:0 5px 14px rgba(7,59,87,.04)}
.ajco-search:focus{border-color:#75bfdc;box-shadow:0 0 0 4px rgba(13,134,184,.09)}
.ajco-search-clear{position:absolute;right:9px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:31px;height:31px;border:0;border-radius:8px;background:#eef5f7;color:#617986;font-size:17px;cursor:pointer}
.ajco-catalog{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.ajco-catalog[aria-busy="true"]{opacity:.58;pointer-events:none}
.ajco-card{min-width:0;border:1px solid #dce7ec;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 7px 20px rgba(7,59,87,.05);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.ajco-card:hover{transform:translateY(-3px);border-color:#acd5e5;box-shadow:0 14px 30px rgba(7,59,87,.10)}
.ajco-card.is-selected{border-color:var(--ajco-orange);box-shadow:0 0 0 2px rgba(244,124,28,.17),0 13px 29px rgba(7,59,87,.10)}
.ajco-card-button{display:flex;flex-direction:column;width:100%;height:100%;padding:0;border:0;background:#fff;color:inherit;text-align:left;font:inherit;cursor:pointer}
.ajco-card-media{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#fff}
.ajco-card-media img{display:block;width:100%;height:100%;object-fit:contain;padding:8px;background:#fff}
.ajco-card-play{position:absolute;left:9px;right:9px;bottom:9px;display:flex;justify-content:center;align-items:center;min-height:34px;border-radius:9px;background:rgba(7,59,87,.92);color:#fff;font-size:.72rem;font-weight:900;opacity:0;transform:translateY(5px);transition:.15s ease}
.ajco-card:hover .ajco-card-play,.ajco-card:focus-within .ajco-card-play,.ajco-card.is-selected .ajco-card-play{opacity:1;transform:none}
.ajco-card-copy{display:grid;gap:3px;padding:11px 12px 13px}
.ajco-card-copy strong{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--ajco-navy);font-size:.78rem;font-weight:900;line-height:1.35}
.ajco-card-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#84949d;font-size:.65rem;font-weight:700}
.ajco-more{display:flex;justify-content:center;margin-top:20px}
.ajco-more .ajco-btn{min-width:210px}

/* CATEGORIES */
.ajco-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.ajco-category-card{position:relative;display:flex;flex-direction:column;min-height:154px;padding:17px;border:1px solid #d8e6ec;border-radius:17px;background:linear-gradient(155deg,#fff,#f7fbfd);color:inherit;text-decoration:none!important;box-shadow:0 7px 18px rgba(7,59,87,.04);transition:.16s ease}
.ajco-category-card:hover{transform:translateY(-3px);border-color:#a9d3e3;box-shadow:0 14px 29px rgba(7,59,87,.09)}
.ajco-category-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:12px;border:1px solid #d7e8ef;border-radius:13px;background:#fff;font-size:1.35rem;box-shadow:0 6px 14px rgba(7,59,87,.06)}
.ajco-category-card strong{color:var(--ajco-navy);font-size:.91rem;font-weight:950}
.ajco-category-card span{margin-top:4px;color:#748792;font-size:.68rem;font-weight:750;line-height:1.35}
.ajco-category-arrow{position:absolute;right:13px;top:15px;color:#8cb8ca;font-size:16px}

/* EDITORIAL / SEO */
.ajco-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:30px 0 8px}
.ajco-value{padding:20px;border:1px solid #dbe7ec;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(7,59,87,.04)}
.ajco-value i{display:grid;place-items:center;width:42px;height:42px;margin-bottom:12px;border-radius:13px;background:#edf9fe;font-style:normal;font-size:1.25rem}
.ajco-value h2,.ajco-value h3{margin:0 0 6px;color:var(--ajco-navy);font-size:.95rem;font-weight:950;line-height:1.3}
.ajco-value p{margin:0;color:#687d89;font-size:.79rem;line-height:1.58}
.ajco-guide{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:20px;margin:48px 0;padding:30px;border:1px solid #d8e6ec;border-radius:23px;background:linear-gradient(180deg,#fff,#f8fbfc)}
.ajco-guide h2{margin:0 0 12px;color:var(--ajco-navy);font-size:1.55rem;font-weight:950;letter-spacing:-.02em}
.ajco-guide h3{margin:22px 0 8px;color:var(--ajco-navy);font-size:1.04rem;font-weight:950}
.ajco-guide p{margin:0 0 12px;color:#536b78;font-size:.91rem;line-height:1.75}
.ajco-steps{display:grid;gap:9px;margin:18px 0 0;padding:0;list-style:none}
.ajco-steps li{display:grid;grid-template-columns:31px 1fr;gap:10px;align-items:start;color:#4f6977;font-size:.86rem;line-height:1.55}
.ajco-steps b{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--ajco-navy);color:#fff;font-size:.74rem}
.ajco-guide-side{display:grid;align-content:start;gap:11px}
.ajco-tip-card{padding:16px;border:1px solid #d8e6ec;border-radius:15px;background:#fff}
.ajco-tip-card strong{display:block;margin-bottom:5px;color:var(--ajco-navy);font-size:.83rem;font-weight:950}
.ajco-tip-card p{margin:0;color:#6a7f8a;font-size:.76rem;line-height:1.55}
.ajco-tip-card--orange{border-color:#f2d3bb;background:#fff9f4}
.ajco-tip-card--blue{border-color:#cbe7f2;background:#f4fbfe}

.ajco-faq{margin:48px 0}
.ajco-faq h2{margin:0 0 18px;color:var(--ajco-navy);font-size:1.55rem;font-weight:950}
.ajco-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.ajco-faq details{border:1px solid #dce7ec;border-radius:14px;background:#fff;overflow:hidden}
.ajco-faq summary{padding:15px 17px;color:#264a5d;font-size:.86rem;font-weight:900;cursor:pointer;list-style:none}
.ajco-faq summary::-webkit-details-marker{display:none}
.ajco-faq summary:after{content:"+";float:right;color:var(--ajco-orange);font-size:1rem}
.ajco-faq details[open] summary:after{content:"–"}
.ajco-faq details p{margin:0;padding:0 17px 16px;color:#647985;font-size:.82rem;line-height:1.65}
.ajco-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}

/* fullscreen */
.ajco-studio:fullscreen{width:100vw;height:100vh;border-radius:0;margin:0;background:#fff;overflow:auto}
.ajco-studio:fullscreen .ajco-studio-main{min-height:calc(100vh - 120px)}
.ajco-studio:fullscreen .ajco-stage{max-height:none;min-height:calc(100vh - 170px)}


.ajco-theme-challenge{margin:20px 0 4px;padding:16px 18px;border:1px solid #ffd5bc;border-radius:14px;background:#fff8f3}
.ajco-theme-challenge strong{display:block;margin-bottom:5px;color:#9a3d08;font-size:.86rem;font-weight:900;text-transform:uppercase;letter-spacing:.035em}
.ajco-theme-challenge p{margin:0!important;color:#4b5563}
@media (max-width:1180px){
  .ajco-catalog{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ajco-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ajco-studio-main{grid-template-columns:225px minmax(0,1fr) 215px}
  .ajco-palette{grid-template-columns:repeat(5,1fr)}
}
@media (max-width:980px){
  .ajco-shell{width:min(100% - 24px,900px)}
  .ajco-hero-inner{grid-template-columns:1fr;padding:34px}
  .ajco-hero-visual{display:none}
  .ajco-studio-main{grid-template-columns:210px minmax(0,1fr)}
  .ajco-panel--colors{grid-column:1/-1;border-left:0;border-top:1px solid #dde8ed;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}
  .ajco-panel--colors .ajco-panel-section{margin:0;padding:0;border-bottom:0}
  .ajco-stage{min-height:560px}
  .ajco-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ajco-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ajco-value-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .ajco-shell{width:min(100% - 18px,720px)}
  .ajco-breadcrumb{padding-top:12px}
  .ajco-hero{border-radius:21px}
  .ajco-hero-inner{padding:27px 21px}
  .ajco-hero h1{font-size:2.25rem}
  .ajco-hero-lead{font-size:.94rem}
  .ajco-hero-badges{gap:6px}.ajco-hero-badge{font-size:.71rem}
  .ajco-studio{border-radius:19px}
  .ajco-studio-topbar{align-items:flex-start;flex-direction:column}
  .ajco-studio-top-actions{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
  .ajco-icon-btn{white-space:nowrap}
  .ajco-studio-main{display:flex;flex-direction:column;min-height:0}
  .ajco-panel--tools{order:2;border-right:0;border-top:1px solid #dde8ed}
  .ajco-workspace{order:1;padding:9px;min-height:520px}
  .ajco-panel--colors{order:3;display:block;border-top:1px solid #dde8ed}
  .ajco-stage{min-height:500px;max-height:68vh;border-radius:12px}
  .ajco-tool-grid{grid-template-columns:repeat(5,1fr)}
  .ajco-tool{min-height:66px;padding:7px 4px;font-size:.65rem}
  .ajco-tool--wide{grid-column:auto;display:grid;grid-template-columns:1fr;justify-items:center;text-align:center}
  .ajco-history{grid-template-columns:repeat(3,1fr)}
  .ajco-history .ajco-reset{grid-column:auto}
  .ajco-palette{grid-template-columns:repeat(10,1fr)}
  .ajco-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .ajco-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  .ajco-category-card{min-height:136px;padding:14px}
  .ajco-guide{grid-template-columns:1fr;padding:22px 18px}
  .ajco-faq-list{grid-template-columns:1fr}
  .ajco-related-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
  .ajco-shell{width:calc(100% - 12px)}
  .ajco-hero{margin-bottom:17px;border-radius:17px}
  .ajco-hero-inner{padding:23px 16px}
  .ajco-hero h1{font-size:1.88rem;letter-spacing:-.035em}
  .ajco-kicker{font-size:.65rem}
  .ajco-hero-actions .ajco-btn{width:100%}
  .ajco-studio{margin:20px 0 30px;border-radius:15px}
  .ajco-studio-topbar{padding:11px}
  .ajco-selected-icon{width:34px;height:34px;flex-basis:34px}
  .ajco-workspace{padding:6px;min-height:440px}
  .ajco-stage{min-height:430px}
  .ajco-panel{padding:12px}
  .ajco-tool-grid{grid-template-columns:repeat(3,1fr)}
  .ajco-tool{min-height:63px}
  .ajco-tool--wide{grid-column:auto}
  .ajco-palette{grid-template-columns:repeat(8,1fr);gap:7px}
  .ajco-catalog-tools{grid-template-columns:1fr}
  .ajco-catalog-tools .ajco-btn{width:100%}
  .ajco-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ajco-card-copy{padding:8px 9px 10px}
  .ajco-card-copy strong{font-size:.72rem}
  .ajco-card-media img{padding:5px}
  .ajco-category-grid{grid-template-columns:1fr 1fr}
  .ajco-category-card{min-height:122px;padding:12px}
  .ajco-category-icon{width:37px;height:37px;margin-bottom:8px;font-size:1.15rem}
  .ajco-value-grid{grid-template-columns:1fr;gap:9px}
  .ajco-value{padding:16px}
  .ajco-section{margin:37px 0}
  .ajco-section-head{align-items:flex-start;flex-direction:column;gap:8px}
  .ajco-count-pill{align-self:flex-start}
  .ajco-guide{margin:38px 0;padding:19px 15px;border-radius:17px}
  .ajco-related-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .ajco-page *{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}
@media print{
  .ajco-page .ajco-hero,.ajco-page .ajco-panel,.ajco-page .ajco-studio-topbar,.ajco-page .ajco-status-wrap,.ajco-page .ajco-section,.ajco-page .ajco-guide,.ajco-page .ajco-faq,.ajco-page .ajco-ad,.ajco-page .ajco-challenge{display:none!important}
  .ajco-page .ajco-studio,.ajco-page .ajco-studio-main,.ajco-page .ajco-workspace,.ajco-page .ajco-stage{display:block!important;border:0!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important;overflow:visible!important;max-height:none!important;min-height:0!important}
  .ajco-page .ajco-stage-inner{width:100%!important;height:auto!important;box-shadow:none!important}
  .ajco-page #ajColorCanvas{position:static!important;width:100%!important;height:auto!important;max-height:280mm!important;object-fit:contain!important}
  .ajco-page #ajColorOverlay,.ajco-page .ajco-zoom-bar{display:none!important}
}