.avatar-studio{max-width:1500px;margin:auto;color:#24354b}.avatar-eyebrow{font-size:.74rem;letter-spacing:.12em;color:#477081;font-weight:700}.avatar-notice:not(:empty){padding:12px 16px;margin:16px 0;background:#e7f4ed;border-radius:9px}.avatar-notice.error{background:#fff0ec;color:#852a21}.avatar-dependency{background:#fff8e9;border:1px solid #efdcaf;border-left:4px solid #b78019;border-radius:12px;padding:18px 22px;margin:0 0 24px}.avatar-dependency p{margin:8px 0}.avatar-dependency li{margin:5px 0}.avatar-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.avatar-context{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.avatar-field{display:flex;flex-direction:column;gap:6px;font-weight:600;margin:12px 0}.avatar-field:has(input[type=checkbox]){flex-direction:row;align-items:flex-start;gap:14px}.avatar-field input[type=checkbox]{order:-1;margin-top:4px;width:18px;height:18px}.avatar-studio input:not([type=range]):not([type=checkbox]):not([type=color]),.avatar-studio select,.avatar-dialog input:not([type=checkbox]){border:1px solid #becbd5;border-radius:7px;padding:9px 11px;max-width:100%;min-width:0;background:white;color:#24354b}.avatar-studio input[type=search]{margin:20px 0;width:min(100%,450px)}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.avatar-card h2{font-size:1.3rem;margin:18px 0}.avatar-badge{display:inline-block;background:#e8eff6;border-radius:20px;padding:4px 11px;font-size:.78rem;font-weight:700;line-height:1.4}.avatar-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.avatar-title>.avatar-field{flex:1}.avatar-steps{display:flex;list-style:none;counter-reset:steps;gap:12px;padding:0;margin:24px 0;flex-wrap:wrap}.avatar-steps li{counter-increment:steps;border-bottom:3px solid #c9dce7;padding:10px 8px;flex:1;min-width:140px;font-weight:600;font-size:.9rem}.avatar-steps li:before{content:counter(steps) ' ';color:#1874a8;margin-right:8px}.avatar-editor-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(400px,1.65fr);gap:24px;align-items:start}.avatar-editor-fields>.card-box,.avatar-editor-fields>div>.card-box,.avatar-studio>.card-box{margin-bottom:20px}.avatar-preview{position:sticky;top:100px;min-height:380px;background:linear-gradient(150deg,#edf4f7,#fff);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:32px}.avatar-preview h2{font-size:1.5rem;margin:22px 0 14px}.avatar-editor-fields details>summary{font-weight:700;font-size:1.05rem;cursor:pointer;list-style-position:outside;margin-left:18px}.avatar-editor-fields fieldset{border:0;margin:20px 0}.avatar-editor-fields legend{font-size:1.1rem;font-weight:600}.avatar-parameter{display:grid;grid-template-columns:1fr 90px 70px;gap:12px;align-items:center;margin:14px 0}.avatar-parameter label{display:flex;flex-direction:column;gap:7px}.avatar-parameter input[type=range]{width:100%;accent-color:#227bb5}.avatar-parameter output{font-size:.85rem;color:#52677b}.avatar-colours{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.avatar-colours input[type=color]{height:40px;width:55px;border:1px solid #aaa;background:white}.avatar-swatch{background:white;border:1px solid #aab7c2;padding:7px 8px;border-radius:5px;font-size:.75rem}.avatar-photo-panel canvas{display:block;max-width:100%;height:auto;max-height:500px;object-fit:contain;margin:15px auto;background:#eef1f4;border-radius:8px}.avatar-crop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.avatar-photo-result{border-top:1px solid #e0e7ed;padding:18px 0}.avatar-photo-result img{max-height:240px;max-width:100%;object-fit:contain}.avatar-job{border-bottom:1px solid #dce5ec;padding:15px 0}.avatar-job>strong{margin-right:16px}.avatar-job p{margin:8px 0}.avatar-version{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:14px 0}.avatar-output-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.avatar-output-grid img{width:100%;max-height:480px;object-fit:contain}.avatar-profile-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-dialog{border:0;border-radius:14px;padding:24px;width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;color:#24354b;box-shadow:0 20px 80px #172c4560}.avatar-dialog.wide{width:min(1000px,calc(100vw - 32px))}.avatar-dialog::backdrop{background:#10203088}.avatar-dialog header{display:flex;justify-content:space-between;gap:20px;align-items:center}.avatar-dialog h2{font-size:1.35rem}.avatar-dialog article{padding:14px 0;border-top:1px solid #dce5ec}.avatar-studio .card-box{padding:24px;margin-top:16px}.avatar-studio .avatar-back{display:inline-block;margin:10px 0 20px}.avatar-studio :focus-visible,.avatar-dialog :focus-visible{outline:3px solid #207abd;outline-offset:3px}
.avatar-studio .card-box,.avatar-editor-layout>*{min-width:0}.avatar-studio fieldset{min-inline-size:0}.avatar-photo-panel canvas[hidden]{display:none}.avatar-parameter label{min-width:0}
@media(max-width:850px){.avatar-editor-layout{grid-template-columns:minmax(0,1fr)}.avatar-preview{position:static;min-height:220px}.avatar-title{flex-direction:column;align-items:stretch}.avatar-context{grid-template-columns:minmax(0,1fr)}.avatar-studio .card-box{padding:18px}.avatar-parameter{grid-template-columns:minmax(0,1fr) 78px}.avatar-parameter output{grid-column:1/-1}.avatar-crop-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.avatar-steps li{min-width:120px}.avatar-output-grid{grid-template-columns:1fr}}

.avatar-model-viewport{height:min(480px,52vh);min-height:300px;width:100%;border-radius:14px;overflow:hidden;touch-action:none;background:#eaf0f4}.avatar-model-viewport canvas{display:block;width:100%;height:100%}.avatar-preview>img{width:100%;max-height:540px;object-fit:contain}.avatar-preview output{display:block;font-size:.85rem;color:#465c6c;margin-top:12px}.avatar-output-grid figure a{display:block}.avatar-preview .avatar-actions{gap:6px;flex-wrap:wrap;margin-top:12px}@media(max-width:700px){.avatar-model-viewport{height:380px}}

.avatar-expression{display:flex;align-items:center;gap:6px;font-size:.85rem}.avatar-expression input{width:95px}

/* Centre both uploaded and prepared sources without cropping or stretching them. */
.avatar-photo-stage{display:grid;place-items:center;min-width:0;width:100%;padding:16px;background:#edf3f7;border:1px solid #d7e2ea;border-radius:12px;margin:16px 0;overflow:hidden;box-sizing:border-box}
.avatar-photo-stage[hidden]{display:none}.avatar-photo-panel .avatar-photo-stage canvas{display:block;max-width:100%;max-height:480px;width:auto;height:auto;object-fit:contain;margin:0;border-radius:8px}
.avatar-photo-result img{display:block;width:auto;height:auto;max-width:100%;max-height:360px;object-fit:contain;margin:0 auto;border-radius:8px}
.avatar-photo-result .avatar-photo-stage{margin:0 0 14px}.avatar-photo-result p{text-align:center}.avatar-photo-tools{margin:10px 0}
@media(max-width:600px){.avatar-photo-stage{padding:10px}.avatar-photo-panel .avatar-photo-stage canvas,.avatar-photo-result img{max-height:320px}}