.atelier{color:#3e3039;max-width:1500px;font-family:var(--kh-font-body);margin:auto;padding:16px}.atelier h1,.atelier h2,.atelier h3{font-family:var(--kh-font-display)}.atelier h1{font-size:clamp(26px,4vw,48px)}.atelier h2{margin:16px 0;font-size:22px}.atelier button,.atelier input,.atelier select,.atelier textarea{font:inherit;font-weight:600;line-height:1.5}.atelier button,.atelier-nav a{color:#493047;cursor:pointer;background:linear-gradient(140deg,#fff4eadb,#e9dff1ed);border:1px solid #bfa7b84d;border-radius:14px;min-height:44px;padding:9px 14px}.atelier button[aria-pressed=true],.atelier-actions button:first-child{color:#fff9f3;background:#71385f}.atelier button:disabled{opacity:1;cursor:not-allowed;color:#66505e;background:#e9dde5;border-style:dashed}.atelier button:focus-visible,.atelier input:focus-visible{outline-offset:2px;outline:3px solid #aa779f}.atelier-header{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.atelier-header>a{font-family:var(--kh-font-display);letter-spacing:.12em;font-size:30px}.atelier-header>span{flex:1}.atelier-nav,.atelier-row,.atelier-filters,.atelier-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.atelier-nav{margin:16px 0}.atelier-hero{background:linear-gradient(110deg,#f8e8e1ed,#ede7f5d9),url(/art/nature/mountain.png) 50%/cover;border-radius:24px;padding:30px}.atelier-hero small{margin-top:12px;display:block}.atelier-filters{margin:14px 0}.atelier-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.atelier-grid article,.atelier-artist,.atelier-local{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6eddce0;border:1px solid #bc915052;border-radius:20px;padding:14px}.atelier-grid h2{font-size:18px}.atelier-grid small{margin:8px 0;display:block}.atelier-thumb{background:linear-gradient(135deg,#f1e5d9,#f8f4ef);border-radius:14px;height:210px}.atelier-thumb svg{width:100%;height:100%}.atelier-artist{margin-top:24px}.atelier-workspace{height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 380px;gap:16px;min-height:440px;display:grid;position:sticky;top:8px}.atelier-preview,.atelier-controls{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6eddce0;border:1px solid #bc915052;border-radius:22px;min-width:0;min-height:0;padding:16px}.atelier-preview{flex-direction:column;align-items:center;display:flex;overflow:hidden}.atelier-preview-tools{flex-wrap:wrap;flex:none;gap:6px;display:flex}.atelier-canvas{aspect-ratio:6/7;flex:1;width:auto;max-width:100%;min-height:0;max-height:calc(100% - 150px);margin:8px auto}.atelier-canvas svg{width:100%;height:100%;display:block}.atelier-actions{flex:none;justify-content:center;margin-top:8px}.atelier-preview small{flex:none;font-size:12px}.atelier-controls{overscroll-behavior:contain;padding-bottom:max(20px,env(safe-area-inset-bottom));scrollbar-gutter:stable;overflow-y:auto}.atelier label{margin:12px 0;display:block}.atelier input:not([type=color]):not([type=range]),.atelier select,.atelier textarea{color:#40333d;background:#fff;border:1px solid #bba8b8;border-radius:12px;width:100%;padding:10px;display:block}.atelier textarea{min-height:90px}.atelier input[type=range]{accent-color:#805d78;width:100%}.atelier input[type=color]{background:0 0;border:0;width:44px;height:44px}.atelier-motifs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.atelier-motifs button{min-width:0;padding:5px}.atelier-motifs svg{width:100%;height:60px}.atelier-motifs span{font-size:12px;display:block}.atelier-status{overflow-wrap:anywhere;background:#f2dfe9;border-radius:14px;padding:14px}.atelier-local>button{margin:8px}.atelier footer{margin-top:24px}.atelier-local{max-width:1100px}.atelier-local .atelier-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1000px){.atelier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.atelier-workspace{grid-template-columns:minmax(0,1fr) 320px}}@media (max-width:700px){.atelier{padding:10px}.atelier-header>a{font-size:23px}.atelier-header>span{font-size:13px}.atelier-grid,.atelier-local .atelier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atelier-thumb{height:175px}.atelier-workspace{top:env(safe-area-inset-top);height:calc(100dvh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom));grid-template-rows:48% minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:8px;min-height:350px}.atelier-preview{padding:8px}.atelier-controls{padding:12px}.atelier-preview-tools button{min-height:36px;padding:4px 9px;font-size:12px}.atelier-canvas{max-height:calc(100% - 108px);margin:3px auto}.atelier-actions button{min-height:44px;padding:6px 10px;font-size:14px}.atelier-preview small{color:#594356;font-size:12px}.atelier-hero{padding:20px}}.atelier .atelier-header{color:#4d3549;box-shadow:none;background:#fffaf3ed;border:1px solid #bc915052;border-radius:20px;padding:14px 18px;position:relative;inset:auto}.atelier>footer{color:#573b51;background:#fffaf3ed;border-radius:14px;padding:14px}.atelier .atelier-back{border-color:#bc915080;font-weight:700}.atelier .atelier-hint{color:#514052;overflow-wrap:anywhere;margin-block:.65rem;font-size:.9rem;line-height:1.7}.atelier-motifs small{overflow-wrap:anywhere;font-size:10px;display:block}.atelier-library-downloads{margin-block:14px}.atelier-library-downloads a{overflow-wrap:anywhere;padding:10px;text-decoration:underline;display:block}.atelier-motifs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.atelier-motifs button{padding:9px}.atelier-motifs svg{height:85px}.atelier-motifs span{overflow-wrap:anywhere;line-height:1.5}.atelier{isolation:isolate;max-width:1550px;padding:16px max(12px,env(safe-area-inset-left));padding-bottom:max(24px,env(safe-area-inset-bottom));position:relative}.atelier:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#271b2930,#291b3060),url(/art/atelier/khorjin-workroom.webp) 50%/cover;position:fixed;inset:0}.atelier .atelier-header{color:#fff4e5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(120deg,#32202ae6,#493035d4);border-color:#d0a87788}.atelier .atelier-header>a{color:#fff4e5}.atelier-header>span{font-family:var(--kh-font-display);font-size:22px;font-weight:700}.atelier-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2c1e2ac2;border:1px solid #d4ab6977;border-radius:18px;padding:8px}.atelier-preview{color:#fff4e3;background:linear-gradient(140deg,#3c2829c9,#523931bf);border-color:#d0ad7388;box-shadow:inset 0 0 0 4px #9f724833,0 16px 40px #29172055}.atelier-controls{color:#3e2936;background:linear-gradient(125deg,#f4e4ccd9,#e5d5c9e6);border-color:#d0ad7388}.atelier-controls h2{border-block-start:1px dashed #a98b6077;padding-top:12px;font-size:20px}.atelier-controls label{line-height:1.65}.atelier-controls input:not([type=color]):not([type=range]),.atelier-controls select,.atelier-controls textarea{color:#432837;background:#fff7eeeb}.atelier .atelier-canvas{background:radial-gradient(#eee1cad9,#cbb694c2);border:3px solid #b18b5d;border-radius:14px;flex:1;justify-content:center;align-items:center;width:min(100%,85.7dvh - 15.426rem);min-height:80px;max-height:none;margin:10px auto;display:flex;box-shadow:0 10px 30px #21152444}.atelier-canvas svg{object-fit:contain;width:100%;height:100%}.atelier-design-code{color:#fff4e5;text-align:center;background:#281c2aba;border:1px solid #d2aa706b;border-radius:12px;flex:none;width:100%;max-width:520px;padding:8px 10px;line-height:1.5}.atelier-design-code small{color:#f4e2cd;font-size:12px;display:block}.atelier-design-code details{font-size:12px}.atelier-design-code details[open]{text-align:start}.atelier-design-code details p{padding-top:8px}.atelier-design-code summary{cursor:pointer;min-height:28px}.atelier .atelier-motifs button{color:#452937;background:#fff4e5dd;border-color:#be967187}.atelier .atelier-motifs svg{height:100px}.atelier button[aria-pressed=true],.atelier-actions button:first-child{color:#fff6e9;background:linear-gradient(120deg,#813047,#594169);border-color:#d6ae6c}.atelier-workspace{height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 390px;top:12px}.atelier>footer{color:#fff4e5;background:#32212bcf}.atelier-hero{background:linear-gradient(125deg,#f3e4cfdd,#e5d0bfdc);border:1px solid #ccab7888}.atelier-status{color:#603045;background:#fff0d6ed;border:1px solid #c5a070}@media (max-width:1000px){.atelier-workspace{grid-template-columns:minmax(0,1fr) 330px}}@media (max-width:700px){.atelier:before{background-image:linear-gradient(#271b2930,#291b3060),url(/art/atelier/khorjin-workroom-mobile.webp)}.atelier-workspace{height:calc(100dvh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom));top:env(safe-area-inset-top);grid-template-rows:50% minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.atelier .atelier-canvas{border-width:2px;width:min(100%,42.85dvh - 7.2845rem);min-height:70px;margin:5px auto}.atelier-design-code{max-width:100%;padding:4px 8px}.atelier-design-code small{font-size:10px}.atelier-design-code code{font-size:9px}.atelier-design-code summary{min-height:24px;font-size:11px}.atelier-actions{margin:5px}.atelier-actions button{min-height:44px;font-size:14px}.atelier .atelier-preview small{color:#f4e2cd}.atelier .atelier-header{gap:8px;padding:10px}.atelier-header>span{font-size:16px}.atelier-header .language-switcher{width:100%}.atelier-controls{padding-bottom:max(18px,env(safe-area-inset-bottom))}}.atelier-design-code{color:#372b40;background:#f3eadcf0;border-block-start:1px dashed #a17c4f;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem;display:flex}.atelier-design-code .atelier-artifact-logo{object-fit:contain;flex:none;width:88px;height:44px}.atelier-design-code>div{flex:1;min-width:0}.atelier-design-code code{overflow-wrap:anywhere;color:#372b40;font-size:clamp(.62rem,1.3vw,.8rem);display:block}.atelier-design-code small{color:#55455e;display:block}.atelier-design-code details{color:#55455e;flex-basis:100%}