body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel{width:100%;max-width:100%;margin:var(--s-5) auto;padding:0;min-width:0;overflow:clip;background:var(--c-surface);color:var(--c-ink);border:1px solid var(--c-line);border-radius:var(--r-3);box-shadow:var(--sh-1);grid-template-columns:minmax(0,1fr);gap:0}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel.is-wide{max-width:100%}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel > .options-workspace > *{min-width:0;grid-column:1;grid-row:auto}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-section-title{margin:0;padding:calc(var(--s-5) + var(--s-1)) calc(var(--s-5) + var(--s-1)) var(--s-1);font-family:var(--f-display);font-size:var(--fs-4);font-weight:var(--fw-title);line-height:var(--lh-snug);letter-spacing:var(--ls-title);text-align:center;color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-choices{padding:var(--s-3) calc(var(--s-5) + var(--s-1)) calc(var(--s-5) + var(--s-1));text-align:left}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-cards,body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-cards-mini{display:flex;flex-wrap:wrap;gap:var(--s-3);margin:0;justify-content:center}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card{position:relative;display:flex;flex:1 1 calc(var(--s-9) + var(--s-6));min-width:0;flex-direction:column;justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--control-h);padding:var(--s-4);text-align:center;border:1px solid var(--c-line-strong);border-radius:var(--r-2);background:var(--c-surface);cursor:pointer;overflow-wrap:anywhere}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card strong{font-size:var(--fs-2);font-weight:var(--fw-title);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card span{font-size:var(--fs-1);line-height:var(--lh-body);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card.selected,body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-card.is-on,body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .cvf-mode-opt.active{border-color:var(--c-action);box-shadow:inset 0 0 0 1px var(--c-action);background:var(--c-action-soft)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card input[type="radio"]{position:static;width:var(--s-4);height:var(--s-4);margin:0;clip:auto;clip-path:none;overflow:visible;appearance:auto;accent-color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card-sm{flex-basis:var(--s-8);padding:var(--s-3);gap:var(--s-1)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel :is(button,input,select,textarea):not(.kp *){font-family:var(--f-sans);font-size:var(--fs-2);color:var(--c-ink);max-width:100%}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel :is(button,input,select,textarea):not(.kp *):focus-visible,body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel :is(.option-card,.rf-card):focus-within{outline:2px solid var(--c-focus);outline-offset:2px}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel :is(button,label.option-card):hover{border-color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel :is(.form-input,.form-input-sm,.form-select-sm,.rz-num,.sbs-textarea){width:100%;min-width:0;min-height:var(--control-h);padding:var(--s-3) var(--s-4);background:var(--c-bg);border:1px solid var(--c-line-strong);border-radius:var(--r-1);line-height:var(--lh-snug)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel :is(input,textarea)::placeholder{color:var(--c-ink-2);opacity:1}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .form-select-sm{appearance:auto}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel :is(.options-label,.rf-formats-label,.klc-field-title){margin:0 0 var(--s-3);font-size:var(--fs-2);font-weight:var(--fw-title);line-height:var(--lh-snug)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel :is(.options-hint,.range-info,.rz-help-line,.cvf-mode-note,.sbs-optional){color:var(--c-ink-2);font-size:var(--fs-1);line-height:var(--lh-body)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-hint{margin:var(--s-3) var(--s-4)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-range-group{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:end}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .range-field{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--s-2)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .range-info{flex-basis:100%;text-align:center}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .form-group{padding:0;margin:0}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .form-group > label{font-weight:var(--fw-ui)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-slider{appearance:none;width:100%;height:var(--control-h);margin:var(--s-2) 0 0;padding:0;background:transparent;cursor:pointer;accent-color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-slider::-webkit-slider-runnable-track{height:var(--s-2);border-radius:var(--r-pill);background:var(--c-line-strong)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-slider::-moz-range-track{height:var(--s-2);border-radius:var(--r-pill);background:var(--c-line-strong)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-slider::-webkit-slider-thumb{appearance:none;width:var(--s-5);height:var(--s-5);margin-top:calc(-1 * var(--s-2));border:2px solid var(--c-action);border-radius:var(--r-pill);background:var(--c-surface);box-shadow:var(--sh-1)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-slider::-moz-range-thumb{width:var(--s-5);height:var(--s-5);border:2px solid var(--c-action);border-radius:var(--r-pill);background:var(--c-surface);box-shadow:var(--sh-1)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .speed-labels{display:flex;justify-content:space-between;gap:var(--s-2);color:var(--c-ink-2);font-size:var(--fs-1)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-start-btn{width:100%;min-height:var(--control-h);padding:var(--s-4) var(--s-6);background:var(--c-action);color:var(--c-on-action);border:0;font-weight:var(--fw-title)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .tool-preview{position:relative;top:auto;padding:var(--s-4) calc(var(--s-5) + var(--s-1));min-width:0}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .tool-preview-stage{max-width:100%;margin:auto}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-5)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-preview-col{min-width:0;position:relative;top:auto}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-formats-col{min-width:0;overflow:visible;max-height:none}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:var(--s-3)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-card{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;gap:var(--s-2);min-height:var(--control-h);padding:var(--s-3) var(--s-2);border:1px solid var(--c-line-strong);border-radius:var(--r-2);background:var(--c-surface);text-align:center;cursor:pointer}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-shape-box{display:flex;align-items:center;justify-content:center;height:var(--s-8);width:100%}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-shape{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%;border:2px solid var(--c-ink-2);border-radius:var(--r-1);background:var(--c-surface-2)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-card.is-on .rf-shape{border-color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-shape-check{position:absolute;inset:0;align-content:center;text-align:center;color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-shape-check svg{width:var(--s-5);height:var(--s-5);stroke:currentColor;margin:auto}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rz-shape-ic svg{width:var(--s-5);height:var(--s-5)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-card-lab{display:flex;flex-direction:column;gap:var(--s-1);font-size:var(--fs-1);line-height:var(--lh-snug);overflow-wrap:anywhere}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-card-lab b{font-size:var(--fs-2);font-weight:var(--fw-title)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-card-lab > span{color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rz-current{position:absolute;top:0;transform:translateY(-50%);padding:0 var(--s-1);font-size:var(--fs-0);color:var(--c-ink-2);background:var(--c-surface)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rz-sub{margin-top:var(--s-5)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rz-help-line{margin:0 0 var(--s-3)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rz-custom{display:flex;align-items:center;gap:var(--s-2)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rz-num{flex:1;width:0}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rz-unit,body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rz-x{flex:none;color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .cvf-mode{display:flex;gap:var(--s-3);flex-wrap:wrap}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .cvf-mode-opt{flex:1 1 calc(var(--s-9) + var(--s-8));min-width:0;min-height:var(--control-h);padding:var(--s-3);border:1px solid var(--c-line-strong);border-radius:var(--r-2);background:var(--c-surface);text-align:left}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .cvf-mode-top{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center;margin-bottom:var(--s-2)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .cvf-mode-badge{color:var(--c-ink-2);font-size:var(--fs-0)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .cvf-mode-note{display:block}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .klc-stack{display:grid;gap:var(--s-5)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .klc-field-head,body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .sbs-field-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .klc-field-val{font-weight:var(--fw-title);font-size:var(--fs-1)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .sbs-setup{margin-bottom:var(--s-5)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .sbs-textarea{resize:vertical;margin-top:var(--s-2)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .klc-brief{margin:var(--s-4) calc(var(--s-5) + var(--s-1));padding:var(--s-4);border:1px solid var(--c-line);border-radius:var(--r-2);background:var(--c-bg-2);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .klc-brief p{font-size:var(--fs-1);margin:var(--s-2) 0}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .klc-brief .btn{min-height:var(--control-h);padding:var(--s-2) var(--s-3);border:1px solid var(--c-line-strong);border-radius:var(--r-1);background:var(--c-surface)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rotate-dirs{display:flex;gap:var(--s-3);flex-wrap:wrap}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rotate-dir{display:flex;flex:1;flex-direction:column;align-items:center;gap:var(--s-2);min-height:var(--control-h);padding:var(--s-3);border:1px solid var(--c-line-strong);border-radius:var(--r-2);background:var(--c-surface)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rotate-dir svg{width:var(--s-5);height:var(--s-5);fill:none;stroke:currentColor;stroke-width:2}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rotate-result{margin-top:var(--s-4);text-align:center}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rotate-reset{min-height:var(--control-h);padding:var(--s-2) var(--s-3);border:1px solid var(--c-line-strong);border-radius:var(--r-1);background:var(--c-surface)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .wysiwyg-stage{position:relative;aspect-ratio:1;overflow:hidden;background:var(--c-frame);margin-bottom:var(--s-4)}
@media(max-width:639px){
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-section-title{padding:var(--s-5) var(--s-4) var(--s-1)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-choices{padding:var(--s-3) var(--s-4) var(--s-5)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .tool-preview{padding:var(--s-4)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card{flex-basis:calc(50% - var(--s-3))}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card-sm{flex-basis:var(--s-8)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-range-group{flex-direction:column;align-items:stretch}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .klc-brief{margin-inline:var(--s-4)}
}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .tool-preview-stage .kp{aspect-ratio:16/9}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-player > .kp{height:100%}
@keyframes atelier-player-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel *,body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel *::before,body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel *::after{animation:none;transition:none}}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-player{transition:none}
@media(min-width:768px){
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel{margin:var(--s-4) auto;padding:var(--s-5);background:var(--c-bg);box-shadow:none}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel.atelier-split > .options-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);column-gap:var(--s-6);align-items:start}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel.atelier-split > .options-workspace > .tool-preview{grid-column:1;grid-row:1 / span 30;padding:0;align-self:center;position:relative;top:auto}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel.atelier-split > .options-workspace > .options-section-title{grid-column:2;grid-row:1;padding:0 0 var(--s-4);text-align:left;font-size:var(--fs-4)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel.atelier-split > .options-workspace > .options-choices{grid-column:2;padding:0 0 var(--s-4)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel.atelier-split > .options-workspace > .klc-brief{grid-column:2;margin:0 0 var(--s-4)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel.atelier-split > .options-workspace > .options-hint{grid-column:2}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-cards{gap:var(--s-3)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card{flex-basis:calc(var(--s-9) + var(--s-3));padding:var(--s-3)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-grid{grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:var(--s-6);align-items:center}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-formats-col{position:relative;top:auto}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel.is-wide > .options-workspace > .options-section-title{padding:0 0 var(--s-4);text-align:left}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel.is-wide > .options-workspace > .options-choices{padding:0}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-card{padding:var(--s-2);gap:var(--s-1)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-shape-box{height:var(--s-7)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-shape{scale:.65}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rz-sub{margin-top:var(--s-4)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-cards-mini{gap:var(--s-2)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card-sm{flex-basis:var(--s-8);padding:var(--s-2)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .cvf-mode-opt{padding:var(--s-2);flex-basis:100%}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .cvf-mode-top{margin-bottom:var(--s-1)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .klc-stack{gap:var(--s-4)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .sbs-setup{margin-bottom:var(--s-4)}
}
@media(min-width:768px) and (max-width:899px){
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel.atelier-split > .options-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-4)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel{padding:var(--s-4)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card{flex-basis:100%;padding:var(--s-2)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card-sm{flex-basis:var(--s-8)}
}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel > .options-workspace{min-width:0;width:100%}
body .feature-hero.tool-hero[data-options-media="true"] .tho-grid{display:none}
@media(min-width:768px){
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-card-lab > span{font-size:var(--fs-0)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-cards-mini .option-card{flex-direction:row;gap:var(--s-1);min-height:var(--control-h)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card-sm strong{font-size:var(--fs-1)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-preview-col{align-self:start}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-workspace > .options-choices:has(.rotate-dirs){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:var(--s-4) var(--s-6);padding:0}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-workspace > .options-choices > .wysiwyg-stage{grid-column:1;grid-row:1 / span 3;position:relative;top:auto;aspect-ratio:16/9;height:min(50svh,var(--w-narrow));width:100%;margin:0}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-workspace > .options-choices > .rotate-dirs{grid-column:2;grid-row:1;align-self:start;margin:0}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-workspace > .options-choices > .rotate-result{grid-column:2;grid-row:2;align-self:start;margin:0}
}
@media(max-width:767px){
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel{margin:var(--s-3) auto}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-section-title{padding:var(--s-3) var(--s-4) var(--s-1);font-size:var(--fs-3)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .tool-preview{padding:var(--s-2) var(--s-4)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .tool-preview-stage .kp{height:auto}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-choices{padding:var(--s-2) var(--s-4) var(--s-3)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card{flex-direction:row;flex-wrap:wrap;gap:var(--s-1) var(--s-2);padding:var(--s-2);min-height:var(--control-h)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card > span{flex-basis:100%;font-size:var(--fs-0)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card-sm{flex-basis:calc(var(--s-8) - var(--s-2))}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card-sm strong{font-size:var(--fs-1)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-cards-mini{gap:var(--s-2)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-grid{gap:var(--s-3)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-shape-box{display:none}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-card{padding:var(--s-2);min-height:var(--control-h)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-card-lab{gap:var(--s-1)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-card-lab > span{font-size:var(--fs-0)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rz-sub{margin-top:var(--s-3)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-formats-label{margin-bottom:var(--s-2)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .cvf-mode{gap:var(--s-2)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .cvf-mode-opt{flex-basis:100%;padding:var(--s-2)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .cvf-mode-top{margin-bottom:var(--s-1)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .cvf-mode-note{font-size:var(--fs-0)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .sbs-setup{margin-bottom:var(--s-3)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .sbs-textarea{min-height:var(--control-h);padding:var(--s-2);margin-top:var(--s-1)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .klc-stack{gap:var(--s-3)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .wysiwyg-stage{height:40svh;aspect-ratio:auto}
}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .kp,body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .kp .kp-v{background:transparent}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-player .kp-v{object-fit:cover}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-player{transition:none}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card,body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-card,body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rotate-dir{transition:transform var(--t-fast) var(--ease)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card:active,body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-card:active,body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rotate-dir:active{transform:scale(.98)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-card.is-on .rf-shape{animation:atelier-format-choice var(--t-base) var(--ease)}
@keyframes atelier-format-choice{from{opacity:.5;transform:scale(.9)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel *,body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel *::before,body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel *::after{animation:none;transition:none}}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .wysiwyg-stage{background:transparent;margin-inline:auto}
@media(min-width:768px) and (max-width:899px){body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-cards .option-card{flex-basis:calc(50% - var(--s-3))}}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel{height:var(--atelier-height,calc(100svh - var(--header-h) - var(--s-6)));min-height:0;overflow:clip}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel > .options-workspace{height:100%;min-height:0;display:flex;flex-direction:column;gap:0}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-settings{min-width:0;min-height:0;flex:1;overflow:auto;overscroll-behavior:auto;scrollbar-gutter:stable;display:flex;flex-direction:column}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-settings > .options-section-title{flex:none;padding:0 0 var(--s-4);text-align:left;font-size:var(--fs-4)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-settings > .options-choices{padding:0 0 var(--s-4);flex:none}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-settings > .rf-block{flex:1;min-height:0;padding:0}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-grid{height:100%;min-height:0}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-preview-col{height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-formats-col{max-height:100%;overflow:auto;overscroll-behavior:auto;scrollbar-gutter:stable;align-self:center}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-player{flex:none;margin-block:0}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .tool-preview-stage{width:100%;min-height:0}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-settings > .options-choices:has(.rotate-dirs){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:var(--s-4) var(--s-6);padding:0;min-height:0;flex:1}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-settings > .options-choices > .wysiwyg-stage{grid-column:1;grid-row:1 / span 3;position:relative;top:auto;width:100%;margin:auto;align-self:center}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-settings > .options-choices > .rotate-dirs{grid-column:2;grid-row:1;align-self:start;margin:0}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-settings > .options-choices > .rotate-result{grid-column:2;grid-row:2;align-self:start;margin:0}
@media(min-width:768px){
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel.atelier-split > .options-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);grid-template-rows:minmax(0,1fr);gap:var(--s-6)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel.atelier-split > .options-workspace > .tool-preview{grid-column:1;grid-row:1;height:100%;display:flex;align-items:center;padding:0;position:relative;top:auto}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel.atelier-split > .options-workspace > .options-settings{grid-column:2;grid-row:1;height:100%}
 body.atelier-active .feature-hero.tool-hero[data-forme-variable][data-options-media="true"] .tool-options-panel .options-settings{overflow-x:hidden;overflow-y:auto}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-warn{font-size:var(--fs-0);color:var(--c-ink-2);margin-top:var(--s-2)}
}
@media(max-width:899px){body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel{height:var(--atelier-height,calc(100svh - var(--header-h) - var(--s-6) - var(--s-9)))}}
@media(max-width:767px){
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel > .options-workspace{padding:var(--s-3) var(--s-4)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .tool-preview{height:48svh;flex:none;display:flex;align-items:center;justify-content:center;padding:0;margin-bottom:var(--s-3)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-settings > .options-section-title{font-size:var(--fs-3);padding:0 0 var(--s-2)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-settings > .options-choices{padding:0 0 var(--s-2)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-grid{display:flex;flex-direction:column;gap:var(--s-3)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-preview-col{height:48svh;flex:none;margin:0}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-formats-col{width:100%;min-height:0;flex:1;align-self:stretch}
 body.atelier-active .feature-hero.tool-hero[data-forme-variable][data-options-media="true"] .tool-options-panel .options-settings{overflow-x:hidden;overflow-y:auto}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-settings > .options-choices:has(.rotate-dirs){display:flex;flex-direction:column;gap:var(--s-3);flex:none}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-settings > .options-choices > .wysiwyg-stage{flex:none;width:100%;margin:0 auto}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rotate-result{font-size:var(--fs-1)}
}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-cards-mini .option-card{min-width:calc(var(--s-8) + var(--s-4));padding-inline:var(--s-1)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .option-card-sm strong{white-space:nowrap;overflow-wrap:normal}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .tool-preview > .rf-preview-col{width:100%}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-preview-title{flex:none;width:100%;margin:0;text-align:center;font-family:var(--f-display);font-size:var(--fs-4);font-weight:var(--fw-title);line-height:var(--lh-snug);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-preview-col:has(> .rf-preview-title){gap:var(--s-3)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-preview-media{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
@media(max-width:767px){
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-preview-title{font-size:var(--fs-3)}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-preview-col:has(> .rf-preview-title){height:calc(48svh + var(--control-h) + var(--s-3))}
}
body.atelier-active .feature-hero.tool-hero [data-result-unified]{width:100%;min-width:0;text-align:left;color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-main{padding:var(--s-6) var(--s-5);border:1px solid var(--c-line);border-radius:var(--r-3);background:var(--c-surface);box-shadow:var(--sh-1)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4);margin-bottom:var(--s-6)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-head-ic{display:grid;place-items:center;flex:none;width:var(--s-7);height:var(--s-7);border-radius:var(--r-pill);background:var(--c-action-soft);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-head-ic.is-heavier{background:var(--c-warn-soft);color:var(--c-warn)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-head-ic svg{width:var(--s-5);height:var(--s-5)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-head-t{flex:1 1 16rem;min-width:0}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-head-title{margin:0;font:var(--fw-title) var(--fs-4)/var(--lh-snug) var(--f-display);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-head-sub{margin:var(--s-1) 0 0;font-size:var(--fs-1);line-height:var(--lh-body);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-cols{display:grid;grid-template-columns:minmax(0,65fr) minmax(19rem,35fr);gap:var(--s-6);align-items:start}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-stage{display:flex;flex-direction:column;gap:var(--s-4);min-width:0}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-scene{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-scene.is-flat{border-radius:var(--r-2);background:var(--c-bg-2)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-player{display:flex;align-items:center;justify-content:center;width:100%;min-width:0}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-img{width:auto;height:auto;max-width:100%;max-height:35rem;border-radius:var(--r-2)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-chips{display:flex;flex-wrap:wrap;gap:var(--s-2);min-width:0;min-height:38px}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-chip{display:inline-flex;align-items:center;gap:var(--s-2);max-width:100%;padding:var(--s-2) var(--s-4);border:1px solid var(--c-line);border-radius:var(--r-2);background:var(--c-bg-2);font-size:var(--fs-1);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-chip b{font-weight:var(--fw-title);color:var(--c-ink);font-variant-numeric:tabular-nums}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-chip.is-ok{color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-chip.is-ok b{color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-side{display:flex;flex-direction:column;gap:var(--s-3);min-width:0}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-side > *{flex-shrink:0}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-side .klr-dl{width:100%;max-width:none;min-height:calc(var(--control-h) + var(--s-3));font-size:var(--fs-2);font-weight:var(--fw-title)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) :is(.klr-chain,.klr-again){display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:calc(var(--control-h) + var(--s-2));padding:var(--s-3) var(--s-4);border:1px solid var(--c-line);border-radius:var(--r-2);background:var(--c-surface);color:var(--c-ink);font-family:inherit;font-size:var(--fs-2);font-weight:var(--fw-ui);text-align:left;cursor:pointer;transition:border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) :is(.klr-chain,.klr-again):hover{border-color:var(--c-line-strong);background:var(--c-bg-2)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) :is(.klr-chain-ic,.klr-again-ic){display:grid;place-items:center;flex:none;width:var(--s-5);height:var(--s-5);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) :is(.klr-chain-ic,.klr-again-ic) svg{width:var(--s-5);height:var(--s-5)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-chain-b{flex:1;min-width:0}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-chain-b b{display:block;font-weight:var(--fw-ui)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-chain-b span{display:block;margin-top:2px;font-size:var(--fs-0);font-weight:var(--fw-text);line-height:var(--lh-snug);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-card-a{width:var(--s-4);height:var(--s-4);flex:none;color:var(--c-ink-3)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-next{min-width:0}
body.atelier-active .feature-hero.tool-hero .klr-atelier .result-actions+.klns-slot .klr-next{margin-top:var(--s-4)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-side > *{order:3}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-side .klr-dl{order:0}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-side .klns-slot{order:1}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-side .klr-again{order:2;position:relative;margin-bottom:var(--s-4)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-side .klr-again::after{content:"";position:absolute;inset-inline:0;bottom:calc(var(--s-4) / -2);height:1px;background:var(--c-line)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-note{margin:0;font-size:var(--fs-0);line-height:var(--lh-body);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-note-dl{color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-sec{display:flex;align-items:center;gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-4);border:1px solid var(--c-line);border-radius:var(--r-2);background:var(--c-surface);color:var(--c-ink);font-family:inherit;text-align:left;text-decoration:none;cursor:pointer}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-sec:hover{border-color:var(--c-line-strong);background:var(--c-bg-2)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-sec-ic{display:grid;place-items:center;flex:none;width:var(--s-5);height:var(--s-5);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-sec-ic svg{width:var(--s-5);height:var(--s-5)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-sec-b{flex:1;min-width:0}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-sec-b b{display:block;font-size:var(--fs-1);font-weight:var(--fw-ui)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-sec-b span{display:block;font-size:var(--fs-0);line-height:var(--lh-snug);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-sec-a{width:var(--s-4);height:var(--s-4);flex:none;color:var(--c-ink-3)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-file{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);width:100%;padding:var(--s-7) var(--s-5);text-align:center}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-file-ic{display:grid;place-items:center;width:var(--s-7);height:var(--s-7);border-radius:var(--r-2);background:var(--c-surface);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-file-ic svg{width:var(--s-5);height:var(--s-5)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-file-n{max-width:100%;margin:0;font-size:var(--fs-2);font-weight:var(--fw-title);overflow-wrap:anywhere}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-file-s{margin:0;font-size:var(--fs-1);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-audio{width:100%;max-width:26rem;min-width:0;height:calc(var(--control-h) + var(--s-2));margin-top:var(--s-3)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-exp{padding:var(--s-8) var(--s-5);border:1px solid var(--c-line);border-radius:var(--r-3);background:var(--c-surface);box-shadow:var(--sh-1);text-align:center}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-exp-ic{display:grid;place-items:center;margin:0 auto var(--s-4);width:var(--s-8);height:var(--s-8);border-radius:var(--r-pill);background:var(--c-bg-2);color:var(--c-ink-3)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-exp-ic svg{width:var(--s-6);height:var(--s-6)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-exp-t{margin:0;font:var(--fw-title) var(--fs-4)/var(--lh-snug) var(--f-display)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-exp-s{margin:var(--s-3) auto var(--s-5);max-width:var(--w-narrow);font-size:var(--fs-1);line-height:var(--lh-body);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-restart{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--control-h);padding:0 var(--s-5);border:1px solid var(--c-line-strong);border-radius:var(--r-2);background:var(--c-surface);color:var(--c-ink);font-family:inherit;font-size:var(--fs-1);font-weight:var(--fw-ui);cursor:pointer}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-restart:hover{background:var(--c-bg-2)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-restart svg{width:var(--s-5);height:var(--s-5)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-preparing{display:flex;align-items:center;gap:var(--s-2);margin:0;font-size:var(--fs-1);line-height:var(--lh-body);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .rfr-spin{display:inline-block;flex:none;width:var(--s-3);height:var(--s-3);border-radius:var(--r-pill);background:var(--c-action);animation:atelier-result-pulse 1.4s var(--ease) infinite}
@keyframes atelier-result-pulse{50%{opacity:.4;transform:scale(.8)}}
body.atelier-active .feature-hero.tool-hero [data-result-unified] :is(button,a,input,[tabindex]):not(.kp,.kp *):focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}
@media(max-width:899px){
 body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-main{padding:var(--s-5) var(--s-4);padding-bottom:calc(var(--s-9) + env(safe-area-inset-bottom))}
 body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-head{gap:var(--s-3);margin-bottom:var(--s-5)}
 body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-head-ic{width:var(--s-6);height:var(--s-6)}
 body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-head-title{font-size:var(--fs-3)}
 body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-cols{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-5)}
 body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-img{max-height:58svh}
 body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-file{padding:var(--s-6) var(--s-4)}
 body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-side .klr-dl{display:none}
}
@media(prefers-reduced-motion:reduce){body.atelier-active .feature-hero.tool-hero [data-result-unified] *,body.atelier-active .feature-hero.tool-hero [data-result-unified] *::before,body.atelier-active .feature-hero.tool-hero [data-result-unified] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .tool-preview-stage .kp{aspect-ratio:16/9}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .rf-player > .kp{height:100%}
@keyframes atelier-player-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){body.atelier-active .feature-hero.tool-hero [data-result-unified] *,body.atelier-active .feature-hero.tool-hero [data-result-unified] *::before,body.atelier-active .feature-hero.tool-hero [data-result-unified] *::after{animation:none;transition:none}}
body.atelier-active .feature-hero.tool-hero .kp,body.atelier-active .feature-hero.tool-hero .kp .kp-v{background:transparent}
body.atelier-active .feature-hero.tool-hero .kp .kp-v{object-fit:contain}
body.atelier-active .tool-hero:has([data-result-unified]:not([style*="display: none"])) .tool-breadcrumb{display:none}
body.atelier-active .feature-hero.tool-hero .klr-post-dl{padding-top:var(--s-4);border-top:1px solid var(--c-line)}
body.atelier-active .feature-hero.tool-hero .klr-post-dl-txt{margin:0;font-size:var(--fs-0);line-height:var(--lh-body);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .klr-post-dl-txt a{display:inline-flex;align-items:center;min-height:var(--control-h);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .klch .modal-card{max-width:var(--w-text);padding:var(--s-5);border-radius:var(--r-3);background:var(--c-surface);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .klch :is(.klch-h,.klch-s){margin:0;padding-inline-end:var(--s-6)}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .klch-h{font:var(--fw-title) var(--fs-4)/var(--lh-snug) var(--f-display)}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .klch-s{font-size:var(--fs-1);line-height:var(--lh-body);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .klch-sec{margin-top:var(--s-5)}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .klch-lab{margin:0 0 var(--s-3);font-size:var(--fs-1);font-weight:var(--fw-title)}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .klch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}
body.atelier-active .feature-hero.tool-hero [data-result-unified] :is(.klch-t,.klch-studio){display:flex;align-items:center;gap:var(--s-3);min-width:0;min-height:var(--control-h);width:100%;padding:var(--s-3);border:1px solid var(--c-line-strong);border-radius:var(--r-2);background:var(--c-surface);color:var(--c-ink);font-family:var(--f-sans);text-align:left;cursor:pointer}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .klch-studio{margin-top:var(--s-5)}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .klch-t-ic{flex:none;width:var(--s-5);height:var(--s-5)}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .klch-t-ic svg{width:100%;height:100%}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .klch-t-b{flex:1;min-width:0}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .klch-t-b b{display:block;font-size:var(--fs-1);font-weight:var(--fw-title)}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .klch-t-b span{display:block;font-size:var(--fs-0);line-height:var(--lh-snug);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-card-pro{padding:var(--s-1);border:1px solid var(--c-line);border-radius:var(--r-1);font-size:var(--fs-0);color:var(--c-ink-2)}
@media(max-width:639px){body.atelier-active .feature-hero.tool-hero [data-result-unified] .klch-grid{grid-template-columns:minmax(0,1fr)}}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .klch .modal-close{width:var(--control-h);height:var(--control-h);min-height:var(--control-h)}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .klc-offer .btn{min-height:var(--control-h)}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-side .klr-hd{order:0}
body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-hd{margin:0;padding:var(--s-3);border:1px solid var(--c-line);border-radius:var(--r-2);font-size:var(--fs-1);line-height:var(--lh-body);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero [data-result-unified] :is(.hd-paid-head,.hd-prep-head,.hd-ready,.hd-prep-note){align-items:center;gap:var(--s-2)}
body.atelier-active .feature-hero.tool-hero [data-result-unified] :is(.hd-paid-head,.hd-prep-head,.hd-prep-note){display:flex}
body.atelier-active .feature-hero.tool-hero [data-result-unified] :is(.hd-paid-sub,.hd-prep-note){margin:var(--s-2) 0 0;color:var(--c-ink-2);font-size:var(--fs-0)}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .hd-check{color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .hd-prep-bar{height:var(--s-1);margin-block:var(--s-3);border-radius:var(--r-pill);background:var(--c-line);overflow:hidden}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .hd-prep-fill{height:100%;width:100%;background:var(--c-action);transform-origin:left;transition:transform var(--t-base) var(--ease)}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .hd-prep-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s-2);font-size:var(--fs-0)}
body.atelier-active .feature-hero.tool-hero [data-result-unified] .klsa-spin{display:inline-block;width:var(--s-3);height:var(--s-3);border-radius:var(--r-pill);background:var(--c-action);animation:atelier-result-pulse calc(var(--t-base) * 6) var(--ease) infinite}
@media(prefers-reduced-motion:reduce){body.atelier-active .feature-hero.tool-hero [data-result-unified] :is(.klsa-spin,.hd-prep-fill){animation:none;transition:none}}
@media(max-width:899px){
 body.klr-on .klat-dock{padding:0 var(--s-4) max(var(--s-3),env(safe-area-inset-bottom));background:transparent;border:0;box-shadow:none;pointer-events:none}
 body.klr-on .klat-dock > *{pointer-events:auto}
 body.klr-on .klat-dock .klat-go{width:100%;min-height:56px;border-radius:14px;box-shadow:0 8px 24px -8px rgba(9,12,18,.45)}
}
@media(max-width:599px){
 body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-1)}
 body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-chip{justify-content:center;gap:var(--s-1);padding:var(--s-2);font-size:var(--fs-0);min-width:0}
 body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-chip > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body.atelier-active .feature-hero.tool-hero :is([data-result-unified],.klr-atelier) .klr-chip b{flex:none;white-space:nowrap}
}
.feature-hero.tool-hero [data-url-depot] .url-peek-card{min-width:0;padding:var(--s-4);border:1px solid var(--c-line);border-radius:var(--r-2);background:var(--c-surface);color:var(--c-ink);text-align:left;animation:atelier-url-arrive var(--t-base) var(--ease)}
@keyframes atelier-url-arrive{from{opacity:0;transform:translateY(var(--s-1))}to{opacity:1;transform:none}}
.feature-hero.tool-hero [data-url-depot] .url-peek-heading{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-1);line-height:var(--lh-snug)}
.feature-hero.tool-hero [data-url-depot] .url-peek-heading strong{font-weight:var(--fw-title)}
.feature-hero.tool-hero [data-url-depot] .url-peek-dot{flex:none;width:var(--s-3);height:var(--s-3);border:1px solid var(--c-ink-2);border-radius:var(--r-pill)}
.feature-hero.tool-hero [data-url-depot] .state-allowed .url-peek-dot{width:var(--s-2);height:var(--s-3);margin-inline:var(--s-1);border:solid var(--c-action);border-width:0 2px 2px 0;border-radius:0;transform:rotate(45deg)}
.feature-hero.tool-hero [data-url-depot] .state-loading .url-peek-dot{border-color:var(--c-action);background:var(--c-action);animation:atelier-result-pulse calc(var(--t-base) * 6) var(--ease) infinite}
.feature-hero.tool-hero [data-url-depot] .url-peek-title{margin:var(--s-3) 0 0;font:var(--fw-title) var(--fs-2)/var(--lh-snug) var(--f-sans);overflow-wrap:anywhere}
.feature-hero.tool-hero [data-url-depot] .url-peek-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3);margin-top:var(--s-4)}
.feature-hero.tool-hero [data-url-depot] .url-peek-metrics > div{min-width:0;display:flex;flex-direction:column;gap:var(--s-1)}
.feature-hero.tool-hero [data-url-depot] .url-peek-metrics span{font-size:var(--fs-0);line-height:var(--lh-snug);color:var(--c-ink-2)}
.feature-hero.tool-hero [data-url-depot] .url-peek-metrics b{font-size:var(--fs-1);font-weight:var(--fw-title);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.feature-hero.tool-hero [data-url-depot] .url-peek-hd{margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px solid var(--c-line);font-size:var(--fs-0);line-height:var(--lh-body)}
.feature-hero.tool-hero [data-url-depot] .url-peek-hd strong{display:block;font-weight:var(--fw-title);color:var(--c-premium)}
.feature-hero.tool-hero [data-url-depot] .url-peek-hd span{color:var(--c-ink-2)}
.feature-hero.tool-hero [data-url-depot] .url-peek-error{margin:var(--s-3) 0 0;font-size:var(--fs-1);line-height:var(--lh-body);color:var(--c-danger);overflow-wrap:anywhere}
.feature-hero.tool-hero [data-url-depot] .url-peek-actions{gap:var(--s-2);margin-top:var(--s-3)}
.feature-hero.tool-hero [data-url-depot] .url-peek-actions .btn{min-height:var(--control-h);max-width:100%;margin:var(--s-1) var(--s-1) 0 0;white-space:normal;background:var(--c-surface);color:var(--c-ink);border:1px solid var(--c-line-strong);border-radius:var(--r-1)}
.feature-hero.tool-hero [data-url-depot] .url-peek-card :is(button,a):focus-visible{outline:2px solid var(--c-focus);outline-offset:var(--s-1)}
@media(max-width:639px){.feature-hero.tool-hero [data-url-depot] .url-peek-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.feature-hero.tool-hero [data-url-depot] :is(.url-peek-card,.url-peek-dot){animation:none;transition:none}}
.tool-hero .cvf-panel{width:100%;max-width:47.5rem;margin:var(--s-6) auto;
  padding-inline:var(--gutter);text-align:center}
.tool-hero .cvf-title{margin:0;font-family:var(--f-display);font-size:var(--fs-5);
  font-weight:var(--fw-title);letter-spacing:var(--ls-title);
  line-height:var(--lh-tight);color:var(--c-ink)}
.tool-hero .cvf-sub{max-width:32rem;margin:var(--s-2) auto 0;font-size:var(--fs-2);
  line-height:var(--lh-body);color:var(--c-ink-2)}
.tool-hero .cvf-file{display:flex;align-items:center;gap:var(--s-3);
  margin-top:var(--s-5);padding:var(--s-3);text-align:left;
  border:1px solid var(--c-line);border-radius:var(--r-3);
  background:var(--c-surface);box-shadow:var(--sh-1)}
.tool-hero .cvf-file-ic{display:grid;place-items:center;flex:none;
  width:44px;height:44px;border-radius:var(--r-2);
  background:var(--c-action-soft);color:var(--c-action)}
.tool-hero .cvf-file-ic svg{width:22px;height:22px}
.tool-hero .cvf-file-info{flex:1;min-width:0}
.tool-hero .cvf-file-name{margin:0;font-size:var(--fs-2);font-weight:var(--fw-ui);
  color:var(--c-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tool-hero .cvf-file-meta{margin:2px 0 0;font-size:var(--fs-1);color:var(--c-ink-2)}
.tool-hero .cvf-change{flex:none;min-height:var(--control-h);padding:0 var(--s-4);
  border:1px solid var(--c-line-strong);border-radius:var(--r-1);
  background:var(--c-surface);font-family:inherit;font-size:var(--fs-1);
  font-weight:var(--fw-ui);color:var(--c-ink);cursor:pointer;
  transition:background-color var(--t-fast) var(--ease)}
.tool-hero .cvf-change:hover{background:var(--c-surface-2)}
.tool-hero .cvf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--s-2);margin-top:var(--s-5)}
.tool-hero .cvf-card{display:flex;flex-direction:column;align-items:flex-start;
  gap:var(--s-1);padding:var(--s-3);text-align:left;font-family:inherit;
  border:1px solid var(--c-line);border-radius:var(--r-2);
  background:var(--c-surface);cursor:pointer;
  transition:border-color var(--t-fast) var(--ease),
             background-color var(--t-fast) var(--ease)}
.tool-hero .cvf-card:hover{border-color:var(--c-line-strong);background:var(--c-bg-2)}
.tool-hero .cvf-card.active{border:2px solid var(--c-action);
  padding:calc(var(--s-3) - 1px);background:var(--c-action-soft)}
.tool-hero .cvf-card:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}
.tool-hero .cvf-card-top{display:flex;align-items:center;justify-content:space-between;
  gap:var(--s-2);width:100%}
.tool-hero .cvf-name{font-size:var(--fs-2);font-weight:var(--fw-title);
  color:var(--c-ink)}
.tool-hero .cvf-card.active .cvf-name{color:var(--c-action)}
.tool-hero .cvf-check{display:grid;place-items:center;flex:none;width:18px;height:18px;
  border-radius:var(--r-pill);background:var(--c-action);color:var(--c-on-action)}
.tool-hero .cvf-check svg{width:12px;height:12px}
.tool-hero .cvf-hint{font-size:var(--fs-0);line-height:var(--lh-snug);
  color:var(--c-ink-2)}
.tool-hero .cvf-mode{display:grid;grid-template-columns:minmax(0,1fr);
  gap:var(--s-2);margin-top:var(--s-4)}
.tool-hero .cvf-mode-opt{padding:var(--s-3);text-align:left;font-family:inherit;
  border:1px solid var(--c-line);border-radius:var(--r-2);
  background:var(--c-surface);cursor:pointer;
  transition:border-color var(--t-fast) var(--ease),
             background-color var(--t-fast) var(--ease)}
.tool-hero .cvf-mode-opt:hover{border-color:var(--c-line-strong);background:var(--c-bg-2)}
.tool-hero .cvf-mode-opt.active{border:2px solid var(--c-action);
  padding:calc(var(--s-3) - 1px);background:var(--c-action-soft)}
.tool-hero .cvf-mode-opt:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}
.tool-hero .cvf-mode-top{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2)}
.tool-hero .cvf-mode-top b{font-size:var(--fs-1);font-weight:var(--fw-title);
  color:var(--c-ink)}
.tool-hero .cvf-mode-badge{display:inline-flex;align-items:center;
  padding:2px var(--s-2);border-radius:var(--r-pill);
  background:var(--c-action-soft);color:var(--c-action);
  font-size:var(--fs-0);font-weight:var(--fw-ui);line-height:1.3}
.tool-hero .cvf-mode-note{display:block;margin-top:var(--s-1);font-size:var(--fs-0);
  line-height:var(--lh-snug);color:var(--c-ink-2)}
.tool-hero .cvf-cta{display:flex;align-items:center;justify-content:center;
  gap:var(--s-2);width:100%;min-height:calc(var(--control-h) + var(--s-2));
  margin-top:var(--s-5);padding:0 var(--s-5);border:0;border-radius:var(--r-2);
  background:var(--c-action);color:var(--c-on-action);font-family:inherit;
  font-size:var(--fs-2);font-weight:var(--fw-title);cursor:pointer;
  transition:background-color var(--t-fast) var(--ease)}
.tool-hero .cvf-cta:hover{background:var(--c-action-hover)}
.tool-hero .cvf-cta:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}
.tool-hero .cvf-cta svg{width:20px;height:20px;flex:none}
@media(min-width:720px){
 .tool-hero .cvf-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
 .tool-hero .cvf-mode{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tool-hero .cvf-file{padding:var(--s-4)}
 .tool-hero .cvf-cta{min-height:calc(var(--control-h) + var(--s-3))}
}
body.atelier-active .feature-hero.tool-hero:not([data-forme-variable])[data-options-media="true"] .tool-options-panel{height:auto;max-height:none}
body.atelier-active .feature-hero.tool-hero:not([data-forme-variable])[data-options-media="true"] .tool-options-panel > .options-workspace{height:auto}
body.atelier-active .feature-hero.tool-hero:not([data-forme-variable])[data-options-media="true"] .tool-options-panel .options-settings{flex:none}
@media(max-width:899px){
 body.atelier-active .feature-hero.tool-hero:not([data-forme-variable])[data-options-media="true"] .tool-options-panel{max-height:none;overflow:visible}
}
body.atelier-active .feature-hero.tool-hero[data-forme-variable][data-options-media="true"] .tool-options-panel .options-settings > .options-choices{align-content:start}
body.atelier-active .feature-hero.tool-hero[data-forme-variable][data-options-media="true"] .tool-options-panel .rf-preview-col{justify-content:flex-start}
body.atelier-active .feature-hero.tool-hero[data-tool-type="remove_bg"][data-options-media="true"] .tool-options-panel .options-hint{margin-inline:0;text-align:left}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .form-group{margin:0 0 var(--s-4)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .form-group > label{display:block;margin:0 0 var(--s-3);font-size:var(--fs-2);font-weight:var(--fw-title);line-height:var(--lh-snug);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .wm-swatches{display:flex;flex-wrap:wrap;gap:var(--s-1)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .wm-swatch{width:var(--control-h);height:var(--control-h);padding:0;border:1px solid var(--c-line-strong);border-radius:var(--r-2);cursor:pointer}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .wm-swatch.is-active{border:2px solid var(--c-action);box-shadow:0 0 0 3px var(--c-action-soft)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .wm-swatch:focus-visible{outline:2px solid var(--c-action);outline-offset:2px}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .wm-swatch-custom{position:relative;overflow:hidden;background:conic-gradient(from 90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .wm-swatch-custom input{position:absolute;inset:-6px;opacity:0;width:calc(100% + 12px);height:calc(100% + 12px);margin:0;padding:0;border:0;background:none;cursor:pointer}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .form-group .btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-h);padding:0 var(--s-5);border:1px solid var(--c-line-strong);border-radius:var(--r-2);background:var(--c-surface);color:var(--c-ink);font-size:var(--fs-2);font-weight:var(--fw-title);cursor:pointer}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .form-group .btn-ghost:hover{border-color:var(--c-action);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .bgf-thumb{display:block;width:100%;max-height:9.375rem;object-fit:cover;margin:0 0 var(--s-3);border:1px solid var(--c-line);border-radius:var(--r-2);background-color:var(--c-surface);background-image:linear-gradient(45deg,var(--c-surface-2) 25%,transparent 25%),linear-gradient(-45deg,var(--c-surface-2) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--c-surface-2) 75%),linear-gradient(-45deg,transparent 75%,var(--c-surface-2) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}
@media(min-width:768px){
 body.atelier-active .feature-hero.tool-hero:not([data-forme-variable])[data-options-media="true"] .tool-options-panel.atelier-split > .options-workspace > .tool-preview{align-self:start;height:auto}
}
@media(min-width:768px){
 body.atelier-active .feature-hero.tool-hero[data-forme-variable][data-options-media="true"] .tool-options-panel .wysiwyg-stage{align-self:start}
 body.atelier-active .feature-hero.tool-hero[data-forme-variable][data-options-media="true"] .tool-options-panel .rf-formats-col{align-self:start}
}
body.atelier-active .feature-hero.tool-hero .wm-editor{width:100%;text-align:left}
body.atelier-active .feature-hero.tool-hero .wm-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s-3);margin-bottom:var(--s-4)}
body.atelier-active .feature-hero.tool-hero .wm-modeswitch{display:inline-flex;gap:var(--s-1);padding:var(--s-1);background:var(--c-surface-2);border:1px solid var(--c-line);border-radius:var(--r-2)}
body.atelier-active .feature-hero.tool-hero .wm-modeswitch button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--control-h);padding:0 var(--s-4);border:1px solid transparent;border-radius:var(--r-1);background:transparent;color:var(--c-ink-2);font:inherit;font-size:var(--fs-1);font-weight:var(--fw-title);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .wm-modeswitch button svg{width:1.0625rem;height:1.0625rem}
body.atelier-active .feature-hero.tool-hero .wm-modeswitch button.is-active{background:var(--c-action-soft);border-color:var(--c-action);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .wm-launch{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--control-h);padding:0 var(--s-5);border:0;border-radius:var(--r-2);background:var(--c-action);color:var(--c-on-action);font:inherit;font-size:var(--fs-2);font-weight:var(--fw-title);white-space:nowrap;cursor:pointer}
body.atelier-active .feature-hero.tool-hero .wm-launch:hover{background:var(--c-action-hover)}
body.atelier-active .feature-hero.tool-hero .wm-launch svg{width:1.125rem;height:1.125rem}
body.atelier-active .feature-hero.tool-hero .wm-launch-block{width:100%;min-height:3.25rem}
body.atelier-active .feature-hero.tool-hero .wm-grid{display:grid;grid-template-columns:1fr;gap:var(--s-4)}
body.atelier-active .feature-hero.tool-hero .wm-preview-col{display:flex;flex-direction:column;gap:var(--s-3);min-width:0}
body.atelier-active .feature-hero.tool-hero .wm-stage{position:relative;width:100%;line-height:0}
body.atelier-active .feature-hero.tool-hero .wm-hint-pill{position:absolute;right:var(--s-3);top:var(--s-3);z-index:12;display:inline-flex;align-items:center;gap:var(--s-2);height:1.875rem;padding:0 var(--s-3);border-radius:var(--r-pill);background:var(--c-scrim-text);color:var(--c-on-frame);font-size:var(--fs-0);font-weight:var(--fw-title);line-height:1}
body.atelier-active .feature-hero.tool-hero .wm-hint-pill svg{width:.8125rem;height:.8125rem}
body.atelier-active .feature-hero.tool-hero .wm-invite{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center}
body.atelier-active .feature-hero.tool-hero .wm-invite-inner{display:flex;flex-direction:column;align-items:center;padding:var(--s-5) var(--s-6);border-radius:var(--r-3);background:var(--c-scrim);border:2px dashed var(--c-on-frame);color:var(--c-on-frame);text-align:center;line-height:var(--lh-snug);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .wm-invite-body{display:flex;flex-direction:column;align-items:center}
body.atelier-active .feature-hero.tool-hero .wm-invite-icon{display:flex;align-items:center;justify-content:center;width:var(--s-7);height:var(--s-7);margin-bottom:var(--s-3);border-radius:var(--r-3);background:rgba(255,255,255,.15);color:var(--c-on-frame)}
body.atelier-active .feature-hero.tool-hero .wm-invite-icon svg{width:var(--s-5);height:var(--s-5)}
body.atelier-active .feature-hero.tool-hero .wm-invite-title{margin:0;font-size:var(--fs-2);font-weight:var(--fw-title);color:var(--c-on-frame)}
body.atelier-active .feature-hero.tool-hero .wm-invite-sub{margin:var(--s-1) 0 0;font-size:var(--fs-0);font-weight:var(--fw-ui);color:rgba(255,255,255,.78)}
body.atelier-active .feature-hero.tool-hero .wm-spinner{width:2.125rem;height:2.125rem;border:3px solid rgba(255,255,255,.3);border-top-color:var(--c-on-frame);border-radius:var(--r-pill);animation:wm-spin .7s linear infinite}
@keyframes wm-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){body.atelier-active .feature-hero.tool-hero .wm-spinner{animation-duration:2.4s}}
body.atelier-active .feature-hero.tool-hero .wm-placements-row{display:flex;align-items:center;gap:var(--s-3)}
body.atelier-active .feature-hero.tool-hero .wm-placements-label{font-size:var(--fs-1);font-weight:var(--fw-title);color:var(--c-ink-2);white-space:nowrap}
body.atelier-active .feature-hero.tool-hero .wm-placements{display:grid;grid-template-columns:repeat(3,var(--control-h));grid-template-rows:repeat(3,var(--control-h));gap:var(--s-1)}
body.atelier-active .feature-hero.tool-hero .wm-placements button{display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--c-line-strong);border-radius:var(--r-1);background:var(--c-surface);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .wm-placements button span{width:.5rem;height:.5rem;border-radius:2px;background:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .wm-placements button.is-active{border-color:var(--c-action);background:var(--c-action-soft)}
body.atelier-active .feature-hero.tool-hero .wm-placements button.is-active span{background:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .wm-settings-col{display:flex;flex-direction:column;gap:var(--s-3);min-width:0}
body.atelier-active .feature-hero.tool-hero .wm-sec{padding:var(--s-3) var(--s-4);border:1px solid var(--c-line);border-radius:var(--r-3);background:var(--c-surface)}
body.atelier-active .feature-hero.tool-hero .wm-sec-head{display:flex;align-items:center;gap:var(--s-2);width:100%;margin:0;padding:0;border:0;background:none;font-family:inherit;font-size:var(--fs-1);font-weight:var(--fw-title);color:var(--c-ink);text-align:left}
body.atelier-active .feature-hero.tool-hero .wm-sec-head > svg{flex-shrink:0;width:1.0625rem;height:1.0625rem;color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .wm-sec-toggle{min-height:var(--control-h);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .wm-sec-head .wm-caret{width:1.125rem;height:1.125rem;margin-left:auto;color:var(--c-ink-2);transition:transform var(--t-base)}
body.atelier-active .feature-hero.tool-hero .wm-sec.is-open .wm-caret{transform:rotate(180deg)}
body.atelier-active .feature-hero.tool-hero .wm-optional{margin-left:var(--s-2);padding:2px var(--s-2);border-radius:var(--r-pill);background:var(--c-surface-2);font-style:normal;font-size:var(--fs-0);font-weight:var(--fw-ui);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .wm-sec-body{display:flex;flex-direction:column;gap:var(--s-3);padding-top:var(--s-3)}
body.atelier-active .feature-hero.tool-hero .wm-field{position:relative;display:flex;flex-direction:column;gap:var(--s-2)}
body.atelier-active .feature-hero.tool-hero .wm-field > label{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-1);font-weight:var(--fw-ui);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .wm-field > label b{font-weight:var(--fw-title);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .wm-field input[type=range]{width:100%;min-height:var(--control-h);accent-color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .wm-field textarea,
body.atelier-active .feature-hero.tool-hero .wm-editor select{width:100%;min-height:var(--control-h);padding:var(--s-3) var(--s-4);border:1px solid var(--c-line-strong);border-radius:var(--r-1);background:var(--c-bg);color:var(--c-ink);font-family:inherit;font-size:var(--fs-1);line-height:var(--lh-snug)}
body.atelier-active .feature-hero.tool-hero .wm-field textarea{resize:vertical;min-height:3.875rem}
body.atelier-active .feature-hero.tool-hero .wm-field textarea:focus,
body.atelier-active .feature-hero.tool-hero .wm-editor select:focus,
body.atelier-active .feature-hero.tool-hero .wm-editor .wm-num:focus{outline:2px solid var(--c-action);outline-offset:1px;border-color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .wm-field textarea::placeholder{color:var(--c-ink-3)}
body.atelier-active .feature-hero.tool-hero .wm-counter{align-self:flex-end;font-size:var(--fs-0);font-weight:var(--fw-ui);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .wm-swatches{display:flex;flex-wrap:wrap;gap:var(--s-1)}
body.atelier-active .feature-hero.tool-hero .wm-swatch{width:var(--control-h);height:var(--control-h);padding:0;border:1px solid var(--c-line-strong);border-radius:var(--r-2);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .wm-swatch.is-active{border:2px solid var(--c-action);box-shadow:0 0 0 3px var(--c-action-soft)}
body.atelier-active .feature-hero.tool-hero .wm-swatch:focus-visible{outline:2px solid var(--c-action);outline-offset:2px}
body.atelier-active .feature-hero.tool-hero .wm-swatch-custom{position:relative;overflow:hidden;background:conic-gradient(from 90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}
body.atelier-active .feature-hero.tool-hero .wm-swatch-custom input{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);margin:0;padding:0;border:0;background:none;opacity:0;cursor:pointer}
body.atelier-active .feature-hero.tool-hero .wm-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:var(--control-h);font-size:var(--fs-1);font-weight:var(--fw-ui);color:var(--c-ink);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .wm-toggle input{position:absolute;width:0;height:0;opacity:0}
body.atelier-active .feature-hero.tool-hero .wm-track{position:relative;flex-shrink:0;width:2.75rem;height:1.625rem;border-radius:var(--r-pill);background:var(--c-line-strong);transition:background var(--t-base)}
body.atelier-active .feature-hero.tool-hero .wm-track::after{content:'';position:absolute;top:3px;left:3px;width:1.25rem;height:1.25rem;border-radius:var(--r-pill);background:var(--c-surface);box-shadow:var(--sh-1);transition:transform var(--t-base)}
body.atelier-active .feature-hero.tool-hero .wm-toggle input:checked + .wm-track{background:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .wm-toggle input:checked + .wm-track::after{transform:translateX(1.125rem)}
body.atelier-active .feature-hero.tool-hero .wm-toggle input:focus-visible + .wm-track{outline:2px solid var(--c-action);outline-offset:2px}
body.atelier-active .feature-hero.tool-hero .wm-seg{display:flex;gap:var(--s-1);padding:var(--s-1);border-radius:var(--r-2);background:var(--c-surface-2)}
body.atelier-active .feature-hero.tool-hero .wm-seg button{flex:1;min-height:var(--control-h);padding:0 var(--s-2);border:1px solid transparent;border-radius:var(--r-1);background:transparent;color:var(--c-ink-2);font:inherit;font-size:var(--fs-0);font-weight:var(--fw-title);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .wm-seg button.is-active{background:var(--c-action-soft);border-color:var(--c-action);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .wm-anglerow{display:flex;align-items:center;gap:var(--s-2)}
body.atelier-active .feature-hero.tool-hero .wm-anglerow input[type=range]{flex:1}
body.atelier-active .feature-hero.tool-hero .wm-editor .wm-num{width:4.125rem;min-height:var(--control-h);padding:0 var(--s-2);border:1px solid var(--c-line-strong);border-radius:var(--r-1);background:var(--c-bg);color:var(--c-ink);font-family:inherit;font-size:var(--fs-1);text-align:center}
body.atelier-active .feature-hero.tool-hero .wm-imgrow{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2);border:1px solid var(--c-line);border-radius:var(--r-2);background:var(--c-surface-2)}
body.atelier-active .feature-hero.tool-hero .wm-imgrow-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--r-1);background:var(--c-surface);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .wm-imgrow-icon svg{width:1.25rem;height:1.25rem}
body.atelier-active .feature-hero.tool-hero .wm-imgrow-meta{flex:1;min-width:0}
body.atelier-active .feature-hero.tool-hero .wm-imgrow-meta b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-1);font-weight:var(--fw-title);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .wm-imgrow-btn{display:inline-flex;flex-shrink:0;align-items:center;min-height:var(--control-h);padding:0 var(--s-4);border:1px solid var(--c-line-strong);border-radius:var(--r-1);background:var(--c-surface);color:var(--c-ink);font-size:var(--fs-1);font-weight:var(--fw-title);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .wm-imgrow-btn:hover{border-color:var(--c-action);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .wm-timing{display:flex;align-items:flex-end;gap:var(--s-2)}
body.atelier-active .feature-hero.tool-hero .wm-timing label{display:flex;flex-direction:column;gap:var(--s-1);font-size:var(--fs-0);font-weight:var(--fw-ui);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .wm-timing-arrow{padding-bottom:var(--s-3);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .wm-reset{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--control-h);border:1px solid var(--c-line-strong);border-radius:var(--r-2);background:var(--c-surface);color:var(--c-ink-2);font:inherit;font-size:var(--fs-1);font-weight:var(--fw-title);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .wm-reset svg{width:1.0625rem;height:1.0625rem}
body.atelier-active .feature-hero.tool-hero .wm-reset:hover{border-color:var(--c-ink-2);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .wm-launch-top{display:none}
body.atelier-active .feature-hero.tool-hero .wm-launchbar{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--c-line)}
@media(min-width:880px){
 body.atelier-active .feature-hero.tool-hero .wm-grid{grid-template-columns:minmax(0,1fr) 23.25rem;gap:var(--s-5);align-items:start}
 body.atelier-active .feature-hero.tool-hero .wm-launch-top{display:inline-flex}
 body.atelier-active .feature-hero.tool-hero .wm-launchbar{display:none}
}
@media(max-width:879px){
 body.atelier-active .feature-hero.tool-hero .wm-modeswitch{width:100%}
 body.atelier-active .feature-hero.tool-hero .wm-modeswitch button{flex:1}
}
body.atelier-active .feature-hero.tool-hero:is([data-tool-type="add_watermark"],[data-tool-type="logo_overlay"]) .tool-options-panel{width:100%;max-width:100%;min-width:0;margin:var(--s-3) auto;padding:var(--s-4);background:var(--c-bg);color:var(--c-ink);border:1px solid var(--c-line);border-radius:var(--r-3)}
body.atelier-active .feature-hero.tool-hero:is([data-tool-type="add_watermark"],[data-tool-type="logo_overlay"]) .tool-options-panel .options-section-title{margin:0 0 var(--s-4);padding:0;font-family:var(--f-display);font-size:var(--fs-4);font-weight:var(--fw-title);line-height:var(--lh-snug);letter-spacing:var(--ls-title);text-align:left;color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .wm-imgrow{flex-wrap:wrap}
body.atelier-active .feature-hero.tool-hero .wm-imgrow-meta{flex:1 1 11rem}
@media(max-width:479px){
 body.atelier-active .feature-hero.tool-hero .wm-imgrow-icon{display:none}
}
@media(max-width:879px){
 body.atelier-active .feature-hero.tool-hero .wm-launchbar{position:sticky;bottom:0;z-index:5;margin-top:var(--s-4);padding-bottom:calc(var(--s-4) + env(safe-area-inset-bottom,0px));background:var(--c-bg)}
}
body.atelier-active .feature-hero.tool-hero .wm-placements-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0}
body.atelier-active .feature-hero.tool-hero .wm-placements-label{justify-self:end;padding-right:var(--s-3)}
body.atelier-active .feature-hero.tool-hero .klr-atelier{width:100%;max-width:56rem;margin-inline:auto;text-align:left}
body.atelier-active .feature-hero.tool-hero .klc-board-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--s-4);margin-bottom:var(--s-4)}
body.atelier-active .feature-hero.tool-hero .klc-board-title{margin:0;font-family:var(--f-display);font-size:var(--fs-4);font-weight:var(--fw-title);letter-spacing:var(--ls-title);line-height:var(--lh-snug);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .klc-board-sub{margin:var(--s-2) 0 0;font-size:var(--fs-1);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .klc-board-acts{display:flex;flex-wrap:wrap;gap:var(--s-2)}
body.atelier-active .feature-hero.tool-hero .klc-board-acts .btn{min-height:var(--control-h);padding:0 var(--s-5);border-radius:var(--r-2);font-size:var(--fs-1);font-weight:var(--fw-title)}
body.atelier-active .feature-hero.tool-hero .klc-board-dl.btn-primary{border:1px solid var(--c-action);background:var(--c-action);color:var(--c-on-action)}
body.atelier-active .feature-hero.tool-hero .klc-board-dl.btn-primary:hover{background:var(--c-action-hover);border-color:var(--c-action-hover)}
body.atelier-active .feature-hero.tool-hero .klc-board-acts .btn-ghost{border:1px solid var(--c-line-strong);background:var(--c-surface);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .klc-board-acts .btn-ghost:hover{border-color:var(--c-action);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .klc-unlocked{display:inline-flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-4);padding:var(--s-2) var(--s-3);border-radius:var(--r-2);background:var(--c-action-soft);color:var(--c-action);font-size:var(--fs-1);font-weight:var(--fw-title)}
body.atelier-active .feature-hero.tool-hero .klc-clip{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-3);border:1px solid var(--c-line);border-radius:var(--r-3);background:var(--c-surface);box-shadow:var(--sh-1)}
body.atelier-active .feature-hero.tool-hero .klc-clip-media{flex-shrink:0;width:100%}
body.atelier-active .feature-hero.tool-hero .klc-clip-info{display:flex;flex:1;min-width:0;flex-direction:column}
body.atelier-active .feature-hero.tool-hero .klc-clip-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2)}
body.atelier-active .feature-hero.tool-hero .klc-clip-n{font-size:var(--fs-0);font-weight:var(--fw-title);color:var(--c-ink-2);font-variant-numeric:tabular-nums}
body.atelier-active .feature-hero.tool-hero .klc-chip-sub{display:inline-flex;align-items:center;gap:var(--s-1);height:1.375rem;padding:0 var(--s-2);border-radius:var(--r-1);background:var(--c-action-soft);color:var(--c-action);font-size:var(--fs-0);font-weight:var(--fw-title)}
body.atelier-active .feature-hero.tool-hero .klc-clip-title{margin:var(--s-2) 0 0;font-family:var(--f-sans);font-size:var(--fs-3);font-weight:var(--fw-title);line-height:var(--lh-snug);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .klc-clip-desc{margin:var(--s-1) 0 0;font-size:var(--fs-1);line-height:var(--lh-body);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .klc-scorecard{--tier-g:var(--c-ink-2);--tier-t:var(--c-ink);--tier-bg:var(--c-surface-2);margin-top:var(--s-3);padding:var(--s-3);border:1px solid var(--c-line);border-radius:var(--r-3);background:var(--c-bg-2)}
body.atelier-active .feature-hero.tool-hero .klc-scorecard.tier-high,
body.atelier-active .feature-hero.tool-hero .klc-scorecard.tier-strong{--tier-g:var(--c-action);--tier-t:var(--c-action);--tier-bg:var(--c-action-soft)}
body.atelier-active .feature-hero.tool-hero .klc-scorecard.tier-fair{--tier-g:var(--c-warn);--tier-t:var(--c-warn);--tier-bg:var(--c-warn-soft)}
body.atelier-active .feature-hero.tool-hero .klc-scorecard-head{display:flex;align-items:center;gap:var(--s-3)}
body.atelier-active .feature-hero.tool-hero .klc-gauge{position:relative;flex-shrink:0;width:4.75rem;height:4.75rem}
body.atelier-active .feature-hero.tool-hero .klc-gauge-track{stroke:var(--c-line)}
body.atelier-active .feature-hero.tool-hero .klc-gauge-fill{stroke:var(--tier-g);transition:stroke-dashoffset .5s ease}
@media(prefers-reduced-motion:reduce){body.atelier-active .feature-hero.tool-hero .klc-gauge-fill{transition:none}}
body.atelier-active .feature-hero.tool-hero .klc-gauge-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
body.atelier-active .feature-hero.tool-hero .klc-gauge-v{font-size:var(--fs-3);font-weight:var(--fw-title);line-height:1;color:var(--c-ink);font-variant-numeric:tabular-nums}
body.atelier-active .feature-hero.tool-hero .klc-gauge-o{margin-top:1px;font-size:var(--fs-0);font-weight:var(--fw-ui);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .klc-tier{flex:1;min-width:0}
body.atelier-active .feature-hero.tool-hero .klc-tier-badge{display:inline-flex;align-items:center;gap:var(--s-1);height:1.5rem;padding:0 var(--s-2);border-radius:var(--r-pill);background:var(--tier-bg);color:var(--tier-t);font-size:var(--fs-0);font-weight:var(--fw-title)}
body.atelier-active .feature-hero.tool-hero .klc-tier-sub{margin:var(--s-2) 0 0;font-size:var(--fs-0);line-height:var(--lh-snug);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .klc-crits2{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-3)}
body.atelier-active .feature-hero.tool-hero .klc-crit2{display:flex;align-items:center;gap:var(--s-2)}
body.atelier-active .feature-hero.tool-hero .klc-crit-ic{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;border-radius:var(--r-1);background:var(--tier-bg);color:var(--tier-g)}
body.atelier-active .feature-hero.tool-hero .klc-crit-l{flex-shrink:0;width:4.5rem;font-size:var(--fs-0);font-weight:var(--fw-ui);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .klc-crit-bar{flex:1;min-width:2.5rem;height:6px;border-radius:var(--r-pill);background:var(--c-line);overflow:hidden}
body.atelier-active .feature-hero.tool-hero .klc-crit-bar > span{display:block;height:100%;border-radius:var(--r-pill);background:var(--tier-g);transition:width .5s ease}
@media(prefers-reduced-motion:reduce){body.atelier-active .feature-hero.tool-hero .klc-crit-bar > span{transition:none}}
body.atelier-active .feature-hero.tool-hero .klc-crit-v{flex-shrink:0;width:1.25rem;text-align:right;font-size:var(--fs-0);font-weight:var(--fw-title);color:var(--c-ink);font-variant-numeric:tabular-nums}
body.atelier-active .feature-hero.tool-hero .klc-clip-acts{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-3)}
body.atelier-active .feature-hero.tool-hero .klc-clip-acts .btn{flex:1 1 auto;min-width:8.75rem;min-height:var(--control-h);padding:0 var(--s-4);border:1px solid var(--c-line-strong);border-radius:var(--r-2);background:var(--c-surface);color:var(--c-ink);font-size:var(--fs-1);font-weight:var(--fw-title)}
body.atelier-active .feature-hero.tool-hero .klc-clip-acts .btn:hover{border-color:var(--c-action);color:var(--c-action)}
@media(min-width:760px){
 body.atelier-active .feature-hero.tool-hero .klc-clip{flex-direction:row;align-items:flex-start;gap:var(--s-4);padding:var(--s-4)}
 body.atelier-active .feature-hero.tool-hero .klc-clip-media{width:15rem}
 body.atelier-active .feature-hero.tool-hero .klc-board-title{font-size:var(--fs-5)}
 body.atelier-active .feature-hero.tool-hero .klc-clip-acts .btn{flex:0 1 auto}
}
body.atelier-active .feature-hero.tool-hero .klr-atelier .result-actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-5)}
body.atelier-active .feature-hero.tool-hero .klr-atelier .result-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:3.25rem;padding:0 var(--s-5);border:1px solid var(--c-line-strong);border-radius:var(--r-2);background:var(--c-surface);color:var(--c-ink);font-family:inherit;font-size:var(--fs-2);font-weight:var(--fw-title);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .klr-atelier .result-actions .btn:hover{border-color:var(--c-action);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .klr-atelier .result-actions .btn:is(.btn-primary,.btn-accent){border-color:var(--c-action);background:var(--c-action);color:var(--c-on-action)}
body.atelier-active .feature-hero.tool-hero .klr-atelier .result-actions .btn:is(.btn-primary,.btn-accent):hover{background:var(--c-action-hover);border-color:var(--c-action-hover);color:var(--c-on-action)}
body.atelier-active .feature-hero.tool-hero .klr-atelier .result-actions .btn:disabled{opacity:.5;cursor:not-allowed}
body.atelier-go.atelier-active .feature-hero.tool-hero .klr-atelier .result-actions .btn:is(.btn-primary,.btn-accent){display:none}
body.atelier-active .feature-hero.tool-hero .klc-scorecard{max-width:32rem}
body.atelier-active .feature-hero.tool-hero .clip-style-panel{
    --surf:var(--c-surface); --surf2:var(--c-surface-2);
    --bd:var(--c-line); --bd2:var(--c-line-strong);
    --tx:var(--c-ink); --dim:var(--c-ink-2); --faint:var(--c-ink-2);
    --ac:var(--c-action); --ac-tx:var(--c-action); --ac-bg:var(--c-action-soft); --ac-bd:var(--c-action);
    --err-bg:var(--c-danger-soft); --err-bd:var(--c-danger); --err-tx:var(--c-danger);
    --warn-bg:var(--c-warn-soft); --warn-bd:var(--c-warn); --warn-tx:var(--c-warn);
    width:100%;max-width:100%;margin-inline:auto;
    overflow:hidden;border:1px solid var(--bd);border-radius:var(--r-3);
    background:var(--surf);color:var(--tx);font-family:var(--f-sans);text-align:left;
}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subgrid{display:flex;flex-direction:column}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subprev{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s-4) var(--s-3);background:var(--surf2)}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subprevlabel{display:inline-flex;align-self:center;align-items:center;gap:var(--s-2);margin-bottom:var(--s-3);padding:var(--s-2) var(--s-3);border:1px solid var(--bd);border-radius:var(--r-pill);background:var(--surf);font-size:var(--fs-0);font-weight:var(--fw-title);color:var(--dim);text-align:center}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subprevlabel .ld{width:7px;height:7px;border-radius:var(--r-pill);background:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .clip-style-panel #clip-style-preview-mount{width:100%;margin:0 auto;border-radius:var(--r-3);overflow:hidden}
body.atelier-active .feature-hero.tool-hero .clip-style-panel #clip-style-preview-mount > div{width:100%;height:100%;max-height:none}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subprevcap{display:inline-flex;align-items:center;gap:var(--s-2);margin-top:var(--s-2);font-size:var(--fs-0);color:var(--faint)}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subctrl{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-5)}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subgl{margin-bottom:var(--s-2);font-size:var(--fs-1);font-weight:var(--fw-title);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subtile{overflow:hidden;border:2px solid var(--bd);border-radius:var(--r-2);background:var(--surf);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subtile.on{border-color:var(--ac);background:var(--ac-bg)}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subtile-nom{overflow:hidden;padding:var(--s-1) var(--s-1);color:var(--tx);font-size:var(--fs-0);font-weight:var(--fw-title);line-height:1.3;text-align:center;white-space:nowrap;text-overflow:ellipsis}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subtile.on .subtile-nom{color:var(--ac-tx)}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subseg{flex:1;min-height:var(--control-h);padding:var(--s-2);border:2px solid var(--bd);border-radius:var(--r-1);background:var(--surf);color:var(--dim);font-family:inherit;font-size:var(--fs-1);font-weight:var(--fw-title);text-align:center;cursor:pointer}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subseg.on{border-color:var(--ac);background:var(--ac-bg);color:var(--ac-tx)}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .substyleswrap{position:relative}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .substyles{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-2);max-height:14.75rem;overflow-y:auto;padding:2px;scrollbar-width:thin}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .substyles-fade{position:absolute;left:0;right:2px;bottom:0;display:flex;align-items:flex-end;justify-content:center;height:2.875rem;border-radius:0 0 var(--r-2) var(--r-2);background:linear-gradient(rgba(255,255,255,0),var(--surf) 78%);pointer-events:none}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .substyles-fade .chev{display:flex;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;margin-bottom:5px;border:1px solid var(--bd2);border-radius:var(--r-pill);background:var(--surf);color:var(--ac);pointer-events:auto;cursor:pointer}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .substyleswrap.atend .substyles-fade{opacity:0;transition:opacity var(--t-base)}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .bp{display:flex;align-items:center;justify-content:center;gap:var(--s-2);width:100%;min-height:3.25rem;padding:0 var(--s-4);border:0;border-radius:var(--r-2);background:var(--c-action);color:var(--c-on-action);font-family:inherit;font-size:var(--fs-2);font-weight:var(--fw-title);line-height:1;cursor:pointer}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .bp:hover{background:var(--c-action-hover)}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .bp:disabled{opacity:.5;cursor:not-allowed}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .bgh{display:block;margin:0 auto;padding:var(--s-2);border:0;background:none;color:var(--c-ink-2);font-family:inherit;font-size:var(--fs-1);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .bgh:hover{color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .klc-back{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--control-h);margin:0 0 var(--s-3);padding:0 var(--s-3);border:1px solid var(--c-line-strong);border-radius:var(--r-2);background:var(--c-surface);color:var(--c-ink);font-family:inherit;font-size:var(--fs-1);font-weight:var(--fw-title);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .klc-back:hover{border-color:var(--c-action);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .klc-chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .klc-chip{min-height:var(--control-h);padding:0 var(--s-3);border:1px solid var(--c-line-strong);border-radius:var(--r-1);background:var(--c-surface);color:var(--c-ink);font-size:var(--fs-1);font-weight:var(--fw-title);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .klc-chip:hover{border-color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .klc-chip.on{border:2px solid var(--c-action);background:var(--c-action-soft);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .klc-burn{max-width:32.5rem;margin:0 auto;padding:var(--s-7) var(--s-4);text-align:center}
body.atelier-active .feature-hero.tool-hero .klc-burn-ring{display:flex;align-items:center;justify-content:center;width:6.875rem;height:6.875rem;margin:0 auto var(--s-5);border-radius:var(--r-pill)}
body.atelier-active .feature-hero.tool-hero .klc-burn-spin{width:6.25rem;height:6.25rem;border:10px solid var(--c-line);border-top-color:var(--c-action);border-radius:var(--r-pill);animation:kcp-spin 1s linear infinite}
@media(prefers-reduced-motion:reduce){body.atelier-active .feature-hero.tool-hero .klc-burn-spin{animation-duration:3s}}
body.atelier-active .feature-hero.tool-hero .klc-burn-fail{display:flex;align-items:center;justify-content:center;width:5.25rem;height:5.25rem;margin:0 auto var(--s-5);border-radius:var(--r-3);background:var(--c-danger-soft);color:var(--c-danger)}
body.atelier-active .feature-hero.tool-hero .klc-burn-title{margin:0;font-family:var(--f-display);font-size:var(--fs-4);font-weight:var(--fw-title);letter-spacing:var(--ls-title);line-height:var(--lh-snug);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .klc-burn-text{max-width:23.75rem;margin:var(--s-2) auto 0;font-size:var(--fs-2);line-height:var(--lh-body);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .klc-burn-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2);margin-top:var(--s-5)}
body.atelier-active .feature-hero.tool-hero .klc-burn-acts :is(.bp,.bgh){width:auto;min-height:3.125rem;padding:0 var(--s-5)}
@keyframes kcp-spin{to{transform:rotate(360deg)}}
@media(min-width:880px){
 body.atelier-active .feature-hero.tool-hero .clip-style-panel .subgrid{display:grid;grid-template-columns:minmax(0,62fr) minmax(0,38fr);gap:0}
 body.atelier-active .feature-hero.tool-hero .clip-style-panel .subprev{min-width:0;min-height:35rem;padding:var(--s-5)}
 body.atelier-active .feature-hero.tool-hero .clip-style-panel .subctrl{min-width:0;border-left:1px solid var(--bd)}
 body.atelier-active .feature-hero.tool-hero .clip-style-panel .substyles{grid-template-columns:repeat(3,1fr)}
 body.atelier-active .feature-hero.tool-hero .klc-burn{padding:var(--s-8) var(--s-5)}
 body.atelier-active .feature-hero.tool-hero .klc-burn-title{font-size:var(--fs-5)}
}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subtoggle{display:inline-flex;align-items:center;min-height:var(--control-h);margin-top:var(--s-2);padding:0 var(--s-4);border:1px solid var(--c-line-strong);border-radius:var(--r-pill);background:var(--c-surface);color:var(--c-ink-2);font-family:inherit;font-size:var(--fs-1);font-weight:var(--fw-ui);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subtoggle:hover{border-color:var(--c-action);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subtplrow{display:flex;gap:var(--s-2)}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subtplrow input{flex:1;min-width:0;min-height:var(--control-h);padding:0 var(--s-3);border:1px solid var(--c-line-strong);border-radius:var(--r-1);background:var(--c-bg);color:var(--c-ink);font-family:inherit;font-size:var(--fs-1)}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subtplrow input:focus{outline:2px solid var(--c-action);outline-offset:1px}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subtplrow button{flex:none;min-height:var(--control-h);padding:0 var(--s-4);border:1px solid var(--c-line-strong);border-radius:var(--r-1);background:var(--c-surface);color:var(--c-ink);font-family:inherit;font-size:var(--fs-1);font-weight:var(--fw-title);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subtplrow button:hover:not(:disabled){border-color:var(--c-action);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .subtplrow button:disabled{opacity:.5;cursor:not-allowed}
body.atelier-active .feature-hero.tool-hero .clip-style-panel .bgh{min-height:var(--control-h)}
@media(max-width:879px){
 body.atelier-active .feature-hero.tool-hero .clip-style-panel .substyles{max-height:16.25rem}
}
body.atelier-active .feature-hero.tool-hero .klc-board-acts .btn,
body.atelier-active .feature-hero.tool-hero .klr-atelier .result-actions .btn,
body.atelier-active .feature-hero.tool-hero .klc-clip-acts .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);text-decoration:none;font-family:inherit;cursor:pointer}
body.atelier-active .feature-hero.tool-hero :is(.klc-board-acts,.klc-clip-acts,.klr-atelier .result-actions) .btn svg{flex:none;width:1.0625rem;height:1.0625rem}
body.atelier-active .feature-hero.tool-hero .klc-clip .btn-accent{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);width:100%;min-height:var(--control-h);margin-top:var(--s-2);padding:0 var(--s-4);border:1px solid var(--c-action);border-radius:var(--r-2);background:var(--c-action-soft);color:var(--c-action);font-family:inherit;font-size:var(--fs-1);font-weight:var(--fw-title);text-decoration:none;cursor:pointer}
body.atelier-active .feature-hero.tool-hero .klc-clip .btn-accent:hover{background:var(--c-action);color:var(--c-on-action)}
body.atelier-active .feature-hero.tool-hero .klc-clip .btn-accent:disabled{opacity:.5;cursor:not-allowed}
body.atelier-active .feature-hero.tool-hero .sbr-act{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--control-h);padding:0 var(--s-4);border:1px solid var(--c-line-strong);border-radius:var(--r-2);background:var(--c-surface);color:var(--c-ink);font-size:var(--fs-1);font-weight:var(--fw-title);text-decoration:none}
body.atelier-active .feature-hero.tool-hero .sbr-act:hover{border-color:var(--c-action);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .sbr-act svg{flex:none;color:currentColor}
body.atelier-active .feature-hero.tool-hero .sbs-studio-head{ display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
body.atelier-active .feature-hero.tool-hero .sbs-studio-head h2{ margin: 0; font-family: var(--f-display);
    font-weight: 400; text-transform: uppercase; font-size: 28px; letter-spacing: .005em;
    line-height: var(--lh-snug); color: var(--c-ink); }
body.atelier-active .feature-hero.tool-hero .sbs-grid{ display: grid; grid-template-columns: minmax(0, 1fr) clamp(340px, 42%, 580px); gap: 28px; align-items: start; }
body.atelier-active .feature-hero.tool-hero .sbs-preview-col{ position: sticky; top: calc(66px + var(--s-3)); max-width: min(100%, 106vh); }
body.atelier-active .feature-hero.tool-hero .sbs-preview-col .preview-player-wrap{ max-width: 100%; }
@media (min-width: 900px){
 body.atelier-active .feature-hero.tool-hero .sbs-grid:has(.preview-player-wrap[data-portrait="true"]){
        grid-template-columns: minmax(0, 38vh) clamp(340px, 42%, 580px); justify-content: center;
    }
 body.atelier-active .feature-hero.tool-hero .sbs-preview-col .preview-player-wrap[data-portrait="true"]{ max-width: min(100%, 38vh); margin-inline: auto; }
}
body.atelier-active .feature-hero.tool-hero .sbs-player{ position: relative; }
body.atelier-active .feature-hero.tool-hero .sbs-player-wm{
    position: absolute; top: calc(50% - 40px); left: 50%; transform: translate(-50%, -50%);
    font-size: 23px; font-weight: 800; color: rgba(255, 255, 255, 0.28);
    pointer-events: none; letter-spacing: 0.02em;
}
body.atelier-active .feature-hero.tool-hero .sbs-wysiwyg{ margin: 8px 0 0; font-size: 12px; font-weight: 500; color: var(--c-ink-2); text-align: center; }
body.atelier-active .feature-hero.tool-hero .sbs-burn-btn{
    width: 100%; height: 54px; margin-top: 16px; border: none; border-radius: 12px;
    background: var(--c-action); color: var(--c-on-action); font-family: inherit; font-size: 16px; font-weight: 700;
    cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px;
    box-shadow: none;
}
body.atelier-active .feature-hero.tool-hero .sbs-burn-btn:disabled{ opacity: 0.6; cursor: wait; }
@media (max-width: 899px) {
    body.atelier-active.atelier-go .feature-hero.tool-hero .sbs-burn-btn{ display: none; }
}
body.atelier-active .feature-hero.tool-hero .sbs-controls{ display: flex; flex-direction: column; gap: 16px; min-width: 0; }
body.atelier-active .feature-hero.tool-hero .sbs-controls > .tab-buttons{ width: 100%; margin: 0; }
body.atelier-active .feature-hero.tool-hero .sbs-controls > .tab-buttons > .tab-btn{
    flex: 1; min-height: 46px; display: inline-flex; align-items: center; justify-content: center;
    gap: 8px; font-size: 14px; font-weight: 700;
}
body.atelier-active .feature-hero.tool-hero .sbs-controls > .tab-buttons .sbs-dirty-dot{ background: var(--c-action); }
body.atelier-active .feature-hero.tool-hero .sbs-pane{ display: flex; flex-direction: column; gap: 16px; }
body.atelier-active .feature-hero.tool-hero .sbs-pane-anim{ transition: opacity 0.22s ease, transform 0.22s ease; }
body.atelier-active .feature-hero.tool-hero .sbs-pane-off{ opacity: 0; transform: translateY(8px); }
@media (prefers-reduced-motion: reduce){
 body.atelier-active .feature-hero.tool-hero .sbs-pane-anim{ transition: none; } }
body.atelier-active .feature-hero.tool-hero .sbs-block-head{ display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
body.atelier-active .feature-hero.tool-hero .sbs-block-title{ margin: 0 0 8px; font-size: 14px; font-weight: 800; color: var(--c-ink); }
body.atelier-active .feature-hero.tool-hero .sbs-block-head .sbs-block-title{ margin: 0; }
body.atelier-active .feature-hero.tool-hero .sbs-block-note{ font-size: 12px; font-weight: 600; color: var(--c-ink-2); margin-left: 7px; }
body.atelier-active .feature-hero.tool-hero .sbs-duo{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
body.atelier-active .feature-hero.tool-hero .sbs-styles{ display: grid; grid-template-columns: repeat(auto-fill, minmax(122px, 1fr)); gap: 7px; max-height: 492px; overflow-y: auto; padding: 2px; scrollbar-width: thin; }
body.atelier-active .feature-hero.tool-hero .sbs-style{
    padding: 0; border-radius: 12px; overflow: hidden; cursor: pointer; font-family: inherit;
    border: 2px solid var(--c-line); background: var(--c-surface);
}
body.atelier-active .feature-hero.tool-hero .sbs-style.is-active{ border-color: var(--c-action); background: var(--c-action-soft); }
body.atelier-active .feature-hero.tool-hero .sbs-style-img{ display: flex; align-items: center; justify-content: center; aspect-ratio: 3 / 1; background: var(--c-ink); padding: 4px; }
body.atelier-active .feature-hero.tool-hero .sbs-style-img img{ max-width: 100%; max-height: 100%; display: block; }
body.atelier-active .feature-hero.tool-hero .sbs-style-label{
    display: block; padding: 5px 4px; font-size: 12px; font-weight: 700; text-align: center; color: var(--c-ink);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
body.atelier-active .feature-hero.tool-hero .sbs-style.is-active .sbs-style-label{ color: var(--c-action); }
body.atelier-active .feature-hero.tool-hero .sbs-chips{ display: flex; gap: 7px; flex-wrap: wrap; }
body.atelier-active .feature-hero.tool-hero .sbs-chips .sbs-chip{
    min-height: var(--control-h); padding: 0 12px; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 700;
    border: 1.5px solid var(--c-line); background: var(--c-surface); color: var(--c-ink);
}
body.atelier-active .feature-hero.tool-hero .sbs-chips .sbs-chip.is-active{ border: 2px solid var(--c-action); background: var(--c-action-soft); color: var(--c-action); }
body.atelier-active .feature-hero.tool-hero .sbs-color{
    display: flex; align-items: center; gap: 8px; height: 44px; padding: 0 12px;
    border-radius: 12px; border: 1.5px solid var(--c-line); background: var(--c-surface); cursor: pointer;
}
body.atelier-active .feature-hero.tool-hero .sbs-color input[type="color"]{ width: 28px; height: 28px; border: none; background: none; padding: 0; cursor: pointer; }
body.atelier-active .feature-hero.tool-hero .sbs-color span{ font-size: 14px; font-weight: 700; color: var(--c-ink); font-variant-numeric: tabular-nums; }
body.atelier-active .feature-hero.tool-hero .sbs-tpl{ display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 8px; }
body.atelier-active .feature-hero.tool-hero .sbs-tpl-chip{
    display: inline-flex; align-items: center; gap: 4px; min-height: var(--control-h); padding: 0 6px 0 12px;
    border-radius: 8px; background: var(--c-surface); border: 1px solid var(--c-line);
}
body.atelier-active .feature-hero.tool-hero .sbs-tpl-chip.is-active{ background: var(--c-action-soft); border-color: var(--c-action); }
body.atelier-active .feature-hero.tool-hero .sbs-tpl-chip button{ border: none; background: transparent; font-family: inherit; font-size: 14px; font-weight: 700; color: var(--c-ink); cursor: pointer; }
body.atelier-active .feature-hero.tool-hero .sbs-tpl-chip.is-active > button{ color: var(--c-action); }
body.atelier-active .feature-hero.tool-hero .sbs-tpl-del{ display: flex; color: var(--c-ink-2); padding: 2px; }
body.atelier-active .feature-hero.tool-hero .sbs-tpl-empty{
    margin: 0 0 8px; padding: 12px; border-radius: 12px; border: 1px dashed var(--c-line);
    text-align: center; font-size: 14px; font-weight: 600; color: var(--c-ink-2);
}
body.atelier-active .feature-hero.tool-hero .sbs-tpl-save{ display: flex; gap: 8px; }
body.atelier-active .feature-hero.tool-hero .sbs-tpl-save input{
    flex: 1; min-width: 0; min-height: var(--control-h); padding: 0 12px; border-radius: 12px;
    border: 1.5px solid var(--border-strong, var(--c-line)); background: var(--c-bg-2);
    color: var(--c-ink); font-family: inherit; font-size: 14px; outline: none;
    box-shadow: var(--c-surface-2);
}
body.atelier-active .feature-hero.tool-hero .sbs-tpl-save input::placeholder{ color: var(--c-ink-2); }
body.atelier-active .feature-hero.tool-hero .sbs-tpl-save input:focus{
    border-color: var(--c-action);
    box-shadow: var(--c-surface-2), 0 0 0 3px var(--c-action-soft);
}
body.atelier-active .feature-hero.tool-hero .sbs-tpl-save button{
    min-height: var(--control-h); padding: 0 12px; border-radius: 12px; border: 1px solid var(--c-line);
    background: var(--c-surface); color: var(--c-action); font-family: inherit; font-size: 14px;
    font-weight: 700; cursor: pointer;
}
body.atelier-active .feature-hero.tool-hero .sbs-tpl-save button:disabled{ opacity: 0.5; cursor: default; }
body.atelier-active .feature-hero.tool-hero .sbs-edit-acts{ display: flex; gap: 6px; }
body.atelier-active .feature-hero.tool-hero .sbs-edit-acts button{
    min-height: var(--control-h); padding: 0 12px; display: inline-flex; align-items: center; justify-content: center;
    border: 1px solid var(--c-line); background: var(--c-surface); border-radius: 8px;
    font-family: inherit; font-size: 14px; font-weight: 700; color: var(--c-ink); cursor: pointer;
}
body.atelier-active .feature-hero.tool-hero .sbs-edit-acts button:first-child{ flex: none; width: var(--control-h); padding: 0; color: var(--c-ink-2); }
body.atelier-active .feature-hero.tool-hero .sbs-edit-acts button:disabled{ opacity: 0.45; cursor: default; }
body.atelier-active .feature-hero.tool-hero .sbs-dirty{
    display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 12px;
    background: var(--c-action-soft); border: 1px solid var(--c-action); margin-bottom: 8px;
}
body.atelier-active .feature-hero.tool-hero .sbs-dirty > span:nth-child(2){ flex: 1; font-size: 14px; font-weight: 700; color: var(--c-ink); }
body.atelier-active .feature-hero.tool-hero .sbs-dirty-dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--c-action); flex: none; }
body.atelier-active .feature-hero.tool-hero .sbs-dirty button{
    min-height: var(--control-h); padding: 0 12px; border: none; border-radius: 8px; background: var(--c-action);
    color: var(--c-on-action); font-family: inherit; font-size: 14px; font-weight: 700; cursor: pointer;
}
body.atelier-active .feature-hero.tool-hero .sbs-dirty button:disabled{ opacity: .6; cursor: wait; }
body.atelier-active .feature-hero.tool-hero .sbs-lines{ display: flex; flex-direction: column; gap: 8px; max-height: 520px; overflow-y: auto; padding-right: 4px; }
body.atelier-active .feature-hero.tool-hero .sbs-line{ padding: 8px 12px; border-radius: 12px; background: var(--c-surface); border: 1px solid var(--c-line); cursor: pointer; }
body.atelier-active .feature-hero.tool-hero .sbs-line.is-active{ background: var(--c-action-soft); border-color: var(--c-action); }
body.atelier-active .feature-hero.tool-hero .sbs-line-top{ display: flex; align-items: center; gap: 6px; margin-bottom: 7px; }
body.atelier-active .feature-hero.tool-hero .sbs-line-n{ font-size: 12px; font-weight: 800; color: var(--c-ink-2); min-width: 20px; }
body.atelier-active .feature-hero.tool-hero .sbs-line-arrow{ font-size: 12px; color: var(--c-ink-2); }
body.atelier-active .feature-hero.tool-hero .sbs-line-sp{ flex: 1; }
body.atelier-active .feature-hero.tool-hero .sbs-time{
    width: 4.5rem; min-height: var(--control-h); padding: 0 5px; border-radius: 8px;
    font-family: inherit; font-size: 12px; font-weight: 700;
    color: var(--c-ink-2); outline: none; text-align: center;
}
body.atelier-active .feature-hero.tool-hero .sbs-line-btn{ flex: none; width: var(--control-h); height: var(--control-h); border: none; background: transparent; color: var(--c-ink-2); cursor: pointer; display: flex; align-items: center; justify-content: center; }
body.atelier-active .feature-hero.tool-hero .sbs-line-btn:hover{ color: var(--c-danger); }
body.atelier-active .feature-hero.tool-hero .sbs-line-tx{
    width: 100%; min-height: var(--control-h); padding: 0 8px; border-radius: 8px;
    font-family: inherit; font-size: 14px; font-weight: 600;
    color: var(--c-ink); outline: none;
}
body.atelier-active .feature-hero.tool-hero .sbs-time,body.atelier-active .feature-hero.tool-hero .sbs-line-tx{
    border: 1.5px solid var(--border-strong, var(--c-line)); background: var(--c-bg-2);
    cursor: text; box-shadow: var(--c-surface-2);
}
body.atelier-active .feature-hero.tool-hero .sbs-time::placeholder,body.atelier-active .feature-hero.tool-hero .sbs-line-tx::placeholder{ color: var(--c-ink-2); }
body.atelier-active .feature-hero.tool-hero .sbs-time:focus,body.atelier-active .feature-hero.tool-hero .sbs-line-tx:focus{
    border-color: var(--c-action);
    box-shadow: var(--c-surface-2), 0 0 0 3px var(--c-action-soft);
}
body.atelier-active .feature-hero.tool-hero .sbs-bonus{ display: flex; gap: 8px; align-items: center; margin-top: 8px; font-size: 12px; font-weight: 600; color: var(--c-ink-2); }
body.atelier-active .feature-hero.tool-hero .sbs-bonus a{ display: inline-flex; align-items: center; min-height: var(--control-h); padding: 0 var(--s-3); border: 1px solid var(--c-line-strong); border-radius: var(--r-1); font-size: 14px; font-weight: 700; color: var(--c-action); text-decoration: none; }
body.atelier-active .feature-hero.tool-hero .sbs-bonus a:hover{ border-color: var(--c-action); background: var(--c-action-soft); }
body.atelier-active .feature-hero.tool-hero .sbs-dead{ max-width: 520px; margin: 0 auto; padding: 48px 20px; display: flex; flex-direction: column; align-items: center; text-align: center; }
body.atelier-active .feature-hero.tool-hero .sbs-dead-ic{ width: 78px; height: 78px; border-radius: 24px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
body.atelier-active .feature-hero.tool-hero .sbs-dead-ic svg{ width: 36px; height: 36px; }
body.atelier-active .feature-hero.tool-hero .sbs-dead-ic.is-warn{ background: var(--c-warn-soft); color: var(--c-warn); }
body.atelier-active .feature-hero.tool-hero .sbs-dead-ic.is-error{ background: var(--c-danger-soft); color: var(--c-danger); }
body.atelier-active .feature-hero.tool-hero .sbs-dead h2{ margin: 0; font-size: 28px; font-weight: 800; letter-spacing: -0.02em; color: var(--c-ink); }
body.atelier-active .feature-hero.tool-hero .sbs-dead p{ margin: 8px 0 0; font-size: 16px; font-weight: 500; line-height: 1.5; color: var(--c-ink-2); max-width: 430px; }
body.atelier-active .feature-hero.tool-hero .sbs-dead .sbs-dead-sub{ font-size: 14px; margin-top: 6px; }
body.atelier-active .feature-hero.tool-hero .sbs-dead .btn{ margin-top: 20px; }
body.atelier-active .feature-hero.tool-hero .sbs-dead-cta{ display: flex; gap: 8px; margin-top: 20px; width: 100%; max-width: 430px; }
body.atelier-active .feature-hero.tool-hero .sbs-dead-cta > button{ flex: 1; }
body.atelier-active .feature-hero.tool-hero .sbs-dead-back{
    margin-top: 12px; height: 42px; padding: 0 16px; border: none; background: transparent;
    font-family: inherit; font-size: 14px; font-weight: 700; color: var(--c-ink-2);
    cursor: pointer; text-decoration: underline; text-underline-offset: 3px;
}
body.atelier-active .feature-hero.tool-hero .sbs-burning{ display: flex; flex-direction: column; align-items: center; text-align: center; padding: 60px 20px; }
body.atelier-active .feature-hero.tool-hero .sbs-ring{ position: relative; width: 124px; height: 124px; }
body.atelier-active .feature-hero.tool-hero .sbs-ring svg{ width: 124px; height: 124px; }
body.atelier-active .feature-hero.tool-hero .sbs-ring-track{ stroke: var(--c-line); }
body.atelier-active .feature-hero.tool-hero .sbs-ring-fill{ stroke: var(--c-action); transition: stroke-dashoffset 0.3s ease; }
body.atelier-active .feature-hero.tool-hero .sbs-ring-v{
    position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
    font-size: 34px; font-weight: 800; letter-spacing: -0.03em; color: var(--c-ink);
}
body.atelier-active .feature-hero.tool-hero .sbs-burn-step{ margin: 24px 0 0; font-size: 23px; font-weight: 700; color: var(--c-ink); }
body.atelier-active .feature-hero.tool-hero .sbs-burn-hint{ margin: 6px 0 0; font-size: 14px; font-weight: 500; color: var(--c-ink-2); max-width: 380px; }
body.atelier-active .feature-hero.tool-hero .sbs-burn-dots{ display: flex; gap: 6px; margin-top: 16px; }
body.atelier-active .feature-hero.tool-hero .sbs-burn-dots span{ width: 8px; height: 8px; border-radius: 50%; background: var(--c-line); }
body.atelier-active .feature-hero.tool-hero .sbs-burn-dots span.is-on{ background: var(--c-action); }
@media (max-width: 899px){
 body.atelier-active .feature-hero.tool-hero .sbs-grid{ grid-template-columns: 1fr; gap: 16px; }
 body.atelier-active .feature-hero.tool-hero .sbs-preview-col{ position: static; }
 body.atelier-active .feature-hero.tool-hero
    .sbs-styles{ grid-template-columns: repeat(3, 1fr); max-height: none; overflow-y: visible; }
 body.atelier-active .feature-hero.tool-hero .sbs-studio-head h2{ font-size: 23px; }
 body.atelier-active .feature-hero.tool-hero .sbs-duo{ grid-template-columns: 1fr; }
 body.atelier-active .feature-hero.tool-hero .sbs-dead-cta,body.atelier-active .feature-hero.tool-hero .sbr-offer-cta,body.atelier-active .feature-hero.tool-hero .sbr-actions{ flex-direction: column; }
 body.atelier-active .feature-hero.tool-hero .sbs-burning{ padding: 44px 6px; }
}
body.atelier-active .feature-hero.tool-hero .tool-options-panel.is-wide .sbs-setup{ padding: 12px 16px 20px; }
@media (min-width: 900px){
 body.atelier-active .feature-hero.tool-hero
    .tool-options-panel.is-wide .sbs-setup{ padding: 16px 40px 32px; gap: 20px; }
 body.atelier-active .feature-hero.tool-hero .tool-options-panel.is-wide .rf-block{ padding: 16px 40px 32px; }
 body.atelier-active .feature-hero.tool-hero .tool-options-panel.is-wide .sbs-textarea{ min-height: 76px; font-size: 16px; }
}
body.atelier-active .feature-hero.tool-hero .sbs-controls .tab-buttons{display:flex;gap:var(--s-1);width:100%;margin:0;padding:var(--s-1);border-radius:var(--r-2);background:var(--c-surface-2)}
body.atelier-active .feature-hero.tool-hero .sbs-controls .tab-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--control-h);padding:0 var(--s-4);border:1px solid transparent;border-radius:var(--r-1);background:transparent;color:var(--c-ink-2);font-family:inherit;font-size:var(--fs-1);font-weight:var(--fw-title);text-align:center;cursor:pointer}
body.atelier-active .feature-hero.tool-hero .sbs-controls .tab-btn:hover:not(.active){color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .sbs-controls .tab-btn.active{border-color:var(--c-action);background:var(--c-action-soft);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .sbs-controls .tab-btn:focus-visible{outline:2px solid var(--c-action);outline-offset:-2px}
body.atelier-active .feature-hero.tool-hero .sbs-studio-head .sbr-act{flex:none}
body.atelier-active .feature-hero.tool-hero .klr-atelier:has(.sbs-studio){max-width:100%}
body.atelier-active .feature-hero.tool-hero .sbs-studio{width:100%;max-width:100%;margin:var(--s-3) auto;padding:var(--s-4);border:1px solid var(--c-line);border-radius:var(--r-3);background:var(--c-bg);color:var(--c-ink)}
@media(min-width:900px){
 body.atelier-active .feature-hero.tool-hero .sbs-grid{grid-template-columns:minmax(0,62fr) minmax(0,38fr);gap:var(--s-5)}
 body.atelier-active .feature-hero.tool-hero .sbs-grid:has(.preview-player-wrap[data-portrait="true"]){grid-template-columns:minmax(0,38vh) minmax(0,38fr);justify-content:center}
}
@media(max-width:479px){
 body.atelier-active .feature-hero.tool-hero .sbs-styles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
body.atelier-active .feature-hero.tool-hero .cv-screen{width:100%;max-width:var(--w-content);margin:var(--s-3) auto;padding:var(--s-6) var(--s-5);border:1px solid var(--c-line);border-radius:var(--r-3);background:var(--c-surface);box-shadow:var(--sh-1);text-align:left}
body.atelier-active .feature-hero.tool-hero .cv-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin-bottom:var(--s-2)}
body.atelier-active .feature-hero.tool-hero .cv-status .ui-h2{margin:0;font-family:var(--f-display);font-size:var(--fs-4);font-weight:var(--fw-title);letter-spacing:var(--ls-title);line-height:var(--lh-snug);color:var(--c-ink);text-align:left}
body.atelier-active .feature-hero.tool-hero .cv-badge{display:inline-flex;align-items:center;gap:var(--s-2);height:1.75rem;padding:0 var(--s-3);border-radius:var(--r-pill);background:var(--c-surface-2);color:var(--c-ink-2);font-size:var(--fs-0);font-weight:var(--fw-title)}
body.atelier-active .feature-hero.tool-hero .cv-badge svg{width:.875rem;height:.875rem}
body.atelier-active .feature-hero.tool-hero .cv-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-4);margin-top:var(--s-5);align-items:start}
body.atelier-active .feature-hero.tool-hero .cv-col{display:flex;flex-direction:column;gap:var(--s-3);min-width:0}
body.atelier-active .feature-hero.tool-hero .cv-player-mount{position:relative;width:100%;border-radius:var(--r-3);overflow:hidden}
body.atelier-active .feature-hero.tool-hero .cv-badged{position:relative}
body.atelier-active .feature-hero.tool-hero .cv-prev-tag{position:absolute;top:var(--s-3);left:var(--s-3);z-index:6;display:inline-flex;align-items:center;height:1.625rem;padding:0 var(--s-2);border-radius:var(--r-1);background:var(--c-scrim-text);color:var(--c-on-frame);font-size:var(--fs-0);font-weight:var(--fw-title)}
body.atelier-active .feature-hero.tool-hero .cv-clean{display:flex;align-items:center;gap:var(--s-2);margin:0;font-size:var(--fs-1);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .cv-clean svg{flex-shrink:0;width:var(--s-4);height:var(--s-4);stroke:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .cv-msg{margin:0;font-size:var(--fs-2);line-height:var(--lh-body);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .cv-msg b{font-weight:var(--fw-title)}
body.atelier-active .feature-hero.tool-hero .cv-unlock-h{margin:var(--s-2) 0 0;font-size:var(--fs-0);font-weight:var(--fw-title);letter-spacing:.04em;color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .cv-pass-card{padding:var(--s-4);border:1px solid var(--c-action);border-radius:var(--r-3);background:var(--c-action-soft)}
body.atelier-active .feature-hero.tool-hero .cv-pass-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-2)}
body.atelier-active .feature-hero.tool-hero .cv-pass-name{font-size:var(--fs-2);font-weight:var(--fw-title);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .cv-pass-price{font-size:var(--fs-2);font-weight:var(--fw-title);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .cv-pass-desc{margin:var(--s-1) 0 0;font-size:var(--fs-1);line-height:var(--lh-snug);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .cv-pass-btn{width:100%;min-height:3.25rem;margin-top:var(--s-3);border:0;border-radius:var(--r-2);background:var(--c-action);color:var(--c-on-action);font-family:inherit;font-size:var(--fs-2);font-weight:var(--fw-title);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .cv-pass-btn:hover{background:var(--c-action-hover)}
body.atelier-active .feature-hero.tool-hero .cv-pass-btn:disabled{opacity:.5;cursor:not-allowed}
body.atelier-active .feature-hero.tool-hero .cv-sub-note{margin:var(--s-3) 0 0;font-size:var(--fs-0);line-height:var(--lh-snug);color:var(--c-ink-2);text-align:center}
body.atelier-active .feature-hero.tool-hero .cv-formules{width:100%;min-height:var(--control-h);margin-top:var(--s-1);border:1px solid var(--c-line-strong);border-radius:var(--r-2);background:var(--c-surface);color:var(--c-ink);font-family:inherit;font-size:var(--fs-1);font-weight:var(--fw-title);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .cv-formules:hover{border-color:var(--c-action);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .cv-formules:disabled{opacity:.5;cursor:not-allowed}
body.atelier-active .feature-hero.tool-hero .cv-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--s-4);background:var(--c-scrim)}
body.atelier-active .feature-hero.tool-hero .cv-sheet{position:relative;width:100%;max-width:27.5rem;max-height:92vh;overflow-y:auto;padding:var(--s-5);border:1px solid var(--c-line);border-radius:var(--r-3);background:var(--c-surface);box-shadow:var(--sh-2)}
body.atelier-active .feature-hero.tool-hero .cv-sheet .ui-h2{margin:0;font-family:var(--f-display);font-size:var(--fs-3);font-weight:var(--fw-title);letter-spacing:var(--ls-title);color:var(--c-ink);text-align:center}
body.atelier-active .feature-hero.tool-hero .cv-sheet-x{position:absolute;top:var(--s-3);right:var(--s-3);display:flex;align-items:center;justify-content:center;width:var(--control-h);height:var(--control-h);border:0;border-radius:var(--r-pill);background:var(--c-surface-2);color:var(--c-ink-2);font-size:var(--fs-3);line-height:1;cursor:pointer}
body.atelier-active .feature-hero.tool-hero .cv-sheet-x:hover{color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .cv-sheet-sub{max-width:21.25rem;margin:var(--s-2) auto var(--s-4);font-size:var(--fs-1);line-height:var(--lh-body);color:var(--c-ink-2);text-align:center}
body.atelier-active .feature-hero.tool-hero .cv-offers{display:flex;flex-direction:column;gap:var(--s-2)}
body.atelier-active .feature-hero.tool-hero .cv-offer{position:relative;padding:var(--s-3) var(--s-4);border:2px solid var(--c-line);border-radius:var(--r-3);background:var(--c-surface);font-family:inherit;text-align:left;cursor:pointer}
body.atelier-active .feature-hero.tool-hero .cv-offer:hover{border-color:var(--c-line-strong)}
body.atelier-active .feature-hero.tool-hero .cv-offer.sel{border-color:var(--c-action);background:var(--c-action-soft)}
body.atelier-active .feature-hero.tool-hero .cv-offer-best{border-color:var(--c-premium)}
body.atelier-active .feature-hero.tool-hero .cv-offer-best.sel{border-color:var(--c-premium);background:var(--c-premium-soft)}
body.atelier-active .feature-hero.tool-hero .cv-offer-tag{position:absolute;top:-.5625rem;right:var(--s-3);display:inline-flex;align-items:center;height:1.25rem;padding:0 var(--s-2);border-radius:var(--r-pill);background:var(--c-premium);color:var(--c-on-premium);font-size:var(--fs-0);font-weight:var(--fw-title)}
body.atelier-active .feature-hero.tool-hero .cv-offer-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-2)}
body.atelier-active .feature-hero.tool-hero .cv-offer-top b{font-size:var(--fs-2);font-weight:var(--fw-title);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .cv-offer-price{font-size:var(--fs-2);font-weight:var(--fw-title);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .cv-offer-price small{margin-left:2px;font-size:var(--fs-0);font-weight:var(--fw-ui);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .cv-offer-note{display:block;margin-top:3px;font-size:var(--fs-1);line-height:var(--lh-snug);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .cv-sheet-cta{width:100%;min-height:3.25rem;margin-top:var(--s-4);border:0;border-radius:var(--r-2);background:var(--c-action);color:var(--c-on-action);font-family:inherit;font-size:var(--fs-2);font-weight:var(--fw-title);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .cv-sheet-cta:hover{background:var(--c-action-hover)}
body.atelier-active .feature-hero.tool-hero .cv-sheet-note{margin:var(--s-2) 0 0;font-size:var(--fs-0);line-height:var(--lh-snug);color:var(--c-ink-2);text-align:center}
@media(min-width:900px){
 body.atelier-active .feature-hero.tool-hero .cv-grid{grid-template-columns:minmax(0,65fr) minmax(19rem,35fr);gap:var(--s-6)}
}
@media(max-width:899px){
 body.atelier-active .feature-hero.tool-hero .cv-screen{padding:var(--s-5) var(--s-4)}
}
body.atelier-active .feature-hero.tool-hero :is(.subtitle-done,.hashtag-results,.script-result){width:100%;max-width:46rem;margin:var(--s-3) auto;padding:var(--s-6) var(--s-5);border:1px solid var(--c-line);border-radius:var(--r-3);background:var(--c-surface);box-shadow:var(--sh-1);text-align:left}
body.atelier-active .feature-hero.tool-hero :is(.subtitle-done,.hashtag-results,.script-result) .ui-h3{margin:0;font-family:var(--f-display);font-size:var(--fs-4);font-weight:var(--fw-title);letter-spacing:var(--ls-title);line-height:var(--lh-snug);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .subtitle-done-card > p:not(.ui-h3),
body.atelier-active .feature-hero.tool-hero .hashtag-advice{margin:var(--s-2) 0 0;font-size:var(--fs-1);line-height:var(--lh-body);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .done-icon{display:flex;align-items:center;justify-content:center;width:var(--s-7);height:var(--s-7);margin:0 0 var(--s-4);border-radius:var(--r-3);background:var(--c-action-soft);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .done-icon svg{width:var(--s-5);height:var(--s-5)}
body.atelier-active .feature-hero.tool-hero :is(.subtitle-actions,.hashtag-actions,.script-actions){display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-5)}
body.atelier-active .feature-hero.tool-hero :is(.subtitle-actions,.hashtag-actions,.script-actions,.hashtag-group-head,.subtitle-preview-head) .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--control-h);padding:0 var(--s-4);border:1px solid var(--c-line-strong);border-radius:var(--r-2);background:var(--c-surface);color:var(--c-ink);font-family:inherit;font-size:var(--fs-1);font-weight:var(--fw-title);text-decoration:none;cursor:pointer}
body.atelier-active .feature-hero.tool-hero :is(.subtitle-actions,.hashtag-actions,.script-actions,.hashtag-group-head,.subtitle-preview-head) .btn:hover{border-color:var(--c-action);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero :is(.subtitle-actions,.hashtag-actions,.script-actions) .btn-primary{border-color:var(--c-action);background:var(--c-action);color:var(--c-on-action)}
body.atelier-active .feature-hero.tool-hero :is(.subtitle-actions,.hashtag-actions,.script-actions) .btn-primary:hover{border-color:var(--c-action-hover);background:var(--c-action-hover);color:var(--c-on-action)}
body.atelier-active .feature-hero.tool-hero :is(.subtitle-actions,.hashtag-actions,.script-actions) .btn:disabled{opacity:.5;cursor:not-allowed}
body.atelier-active .feature-hero.tool-hero :is(.hashtag-group-head,.subtitle-preview-head) .btn-sm{padding:0 var(--s-3);font-size:var(--fs-0)}
body.atelier-active .feature-hero.tool-hero .subtitle-preview{margin-top:var(--s-5);border:1px solid var(--c-line);border-radius:var(--r-2);background:var(--c-bg-2);overflow:hidden}
body.atelier-active .feature-hero.tool-hero .subtitle-preview-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-line);background:var(--c-surface);font-size:var(--fs-1);font-weight:var(--fw-title);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .subtitle-preview-text{max-height:24rem;margin:0;padding:var(--s-4);overflow:auto;font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:var(--fs-0);line-height:var(--lh-body);color:var(--c-ink-2);white-space:pre;tab-size:2}
body.atelier-active .feature-hero.tool-hero .hashtag-count{margin:var(--s-2) 0 0;font-size:var(--fs-1);font-weight:var(--fw-title);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .hashtag-group{margin-top:var(--s-5)}
body.atelier-active .feature-hero.tool-hero .hashtag-group-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-3)}
body.atelier-active .feature-hero.tool-hero .hashtag-group-label{font-size:var(--fs-1);font-weight:var(--fw-title);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .hashtag-tags{display:flex;flex-wrap:wrap;gap:var(--s-2)}
body.atelier-active .feature-hero.tool-hero .hashtag-tag{display:inline-flex;align-items:center;min-height:var(--control-h-sm);padding:0 var(--s-3);border:1px solid var(--c-line-strong);border-radius:var(--r-pill);background:var(--c-surface);color:var(--c-ink);font-size:var(--fs-1);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .hashtag-tag:hover{border-color:var(--c-danger);color:var(--c-danger);text-decoration:line-through}
body.atelier-active .feature-hero.tool-hero .hashtag-copy-hint{margin:var(--s-3) 0 0;font-size:var(--fs-1);font-weight:var(--fw-title);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .script-meta{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-3)}
body.atelier-active .feature-hero.tool-hero .script-badge{display:inline-flex;align-items:center;height:1.75rem;padding:0 var(--s-3);border-radius:var(--r-pill);background:var(--c-surface-2);color:var(--c-ink-2);font-size:var(--fs-0);font-weight:var(--fw-title)}
body.atelier-active .feature-hero.tool-hero .script-section{margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--c-line)}
body.atelier-active .feature-hero.tool-hero .script-section-label{margin-bottom:var(--s-2);font-size:var(--fs-0);font-weight:var(--fw-title);letter-spacing:.04em;text-transform:uppercase;color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .script-text{max-width:var(--w-text);margin:0;font-size:var(--fs-2);line-height:var(--lh-body);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .script-broll ul{max-width:var(--w-text);margin:0;padding-left:var(--s-5);font-size:var(--fs-1);line-height:var(--lh-body);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .script-broll li{margin-top:var(--s-1)}
@media(max-width:599px){
 body.atelier-active .feature-hero.tool-hero :is(.subtitle-done,.hashtag-results,.script-result){padding:var(--s-5) var(--s-4)}
 body.atelier-active .feature-hero.tool-hero :is(.subtitle-actions,.hashtag-actions,.script-actions) .btn{flex:1 1 100%}
}
body.atelier-active .feature-hero.tool-hero :is(.subtitle-done,.hashtag-results,.script-result) .klr-post-dl{margin-top:var(--s-5)}
body.atelier-active .feature-hero.tool-hero .script-broll ul{list-style:disc}
body.atelier-active .feature-hero.tool-hero .dub-opts{display:flex;flex-direction:column;gap:var(--s-5)}
body.atelier-active .feature-hero.tool-hero .dub-grow{flex:1;min-width:0}
body.atelier-active .feature-hero.tool-hero .dub-lbl{display:block;margin-bottom:var(--s-2);font-size:var(--fs-1);font-weight:var(--fw-title);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .dub-hint{margin:var(--s-3) 0 0;font-size:var(--fs-0);line-height:var(--lh-body);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .dub-file{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);padding:var(--s-3);border:1px solid var(--c-line);border-radius:var(--r-3);background:var(--c-bg-2)}
body.atelier-active .feature-hero.tool-hero .dub-file-ic{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--r-2);background:var(--c-action-soft);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .dub-file .dub-grow{flex:1 1 11rem}
body.atelier-active .feature-hero.tool-hero .dub-file-nm{margin:0;overflow:hidden;font-size:var(--fs-1);font-weight:var(--fw-title);color:var(--c-ink);text-overflow:ellipsis;white-space:nowrap}
body.atelier-active .feature-hero.tool-hero .dub-file-mt{margin:2px 0 0;font-size:var(--fs-0);color:var(--c-ink-2);font-variant-numeric:tabular-nums}
body.atelier-active .feature-hero.tool-hero .dub-langs{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-3)}
body.atelier-active .feature-hero.tool-hero .dub-arrow{display:flex;align-items:center;justify-content:center;color:var(--c-ink-2);transform:rotate(90deg)}
body.atelier-active .feature-hero.tool-hero .dub-select{position:relative;display:flex;align-items:center}
body.atelier-active .feature-hero.tool-hero .dub-select select{width:100%;min-height:var(--control-h);padding:0 var(--s-7) 0 var(--s-3);border:1px solid var(--c-line-strong);border-radius:var(--r-2);background:var(--c-surface);color:var(--c-ink);font-family:inherit;font-size:var(--fs-1);font-weight:var(--fw-title);appearance:none;cursor:pointer}
body.atelier-active .feature-hero.tool-hero .dub-select select:focus-visible{border-color:var(--c-action);outline:2px solid var(--c-action);outline-offset:1px}
body.atelier-active .feature-hero.tool-hero .dub-select .lead,
body.atelier-active .feature-hero.tool-hero .dub-select .chev{position:absolute;pointer-events:none;color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .dub-select .lead{left:var(--s-3)}
body.atelier-active .feature-hero.tool-hero .dub-select .chev{right:var(--s-3)}
body.atelier-active .feature-hero.tool-hero .dub-warn{display:flex;align-items:flex-start;gap:var(--s-2);padding:var(--s-3);border:1px solid var(--c-warn);border-radius:var(--r-2);background:var(--c-warn-soft)}
body.atelier-active .feature-hero.tool-hero .dub-warn svg{flex-shrink:0;margin-top:1px;stroke:var(--c-warn)}
body.atelier-active .feature-hero.tool-hero .dub-warn p{margin:0;font-size:var(--fs-1);line-height:var(--lh-snug);color:var(--c-warn)}
body.atelier-active .feature-hero.tool-hero .dub-voices{display:flex;flex-direction:column;gap:var(--s-2)}
body.atelier-active .feature-hero.tool-hero .dub-voice{display:flex;align-items:center;gap:var(--s-3);min-height:var(--control-h);padding:var(--s-2) var(--s-3);border:1px solid var(--c-line);border-radius:var(--r-2);background:var(--c-surface);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .dub-voice:hover{border-color:var(--c-line-strong)}
body.atelier-active .feature-hero.tool-hero .dub-voice.is-active{border-color:var(--c-action);background:var(--c-action-soft)}
body.atelier-active .feature-hero.tool-hero .dub-voice:focus-visible{outline:2px solid var(--c-action);outline-offset:2px}
body.atelier-active .feature-hero.tool-hero .dub-voice-av{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--r-pill);background:var(--c-surface-2);color:var(--c-ink-2);font-size:var(--fs-1);font-weight:var(--fw-title)}
body.atelier-active .feature-hero.tool-hero .dub-voice.is-active .dub-voice-av{background:var(--c-surface);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .dub-voice-nm{margin:0;font-size:var(--fs-1);font-weight:var(--fw-title);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .dub-voice-tp{margin:1px 0 0;font-size:var(--fs-0);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .dub-listen{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--control-h);padding:0 var(--s-3);border:1px solid var(--c-line-strong);border-radius:var(--r-2);background:var(--c-surface);color:var(--c-ink);font-family:inherit;font-size:var(--fs-0);font-weight:var(--fw-title);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .dub-listen:hover{border-color:var(--c-action);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .dub-listen.is-playing{border-color:var(--c-action);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .dub-spin{display:block;width:.875rem;height:.875rem;border:2px solid var(--c-line);border-top-color:var(--c-action);border-radius:var(--r-pill);animation:kdub-spin .9s linear infinite}
@media(prefers-reduced-motion:reduce){body.atelier-active .feature-hero.tool-hero .dub-spin{animation-duration:3s}}
body.atelier-active .feature-hero.tool-hero .dub-eq{display:flex;align-items:flex-end;gap:2px;height:.875rem}
body.atelier-active .feature-hero.tool-hero .dub-eq i{display:block;width:3px;height:100%;border-radius:1px;background:var(--c-action);transform-origin:bottom;animation:kdub-eq .9s ease-in-out infinite}
body.atelier-active .feature-hero.tool-hero .dub-eq i:nth-child(2){animation-delay:.15s}
body.atelier-active .feature-hero.tool-hero .dub-eq i:nth-child(3){animation-delay:.3s}
@media(prefers-reduced-motion:reduce){body.atelier-active .feature-hero.tool-hero .dub-eq i{animation:none;transform:scaleY(.55)}}
@keyframes kdub-spin{to{transform:rotate(360deg)}}
@keyframes kdub-eq{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
body.atelier-active .feature-hero.tool-hero .klat-switch{display:flex;align-items:center;gap:var(--s-3);min-height:var(--control-h);padding:var(--s-3);border:1px solid var(--c-line);border-radius:var(--r-3);background:var(--c-surface);cursor:pointer}
body.atelier-active .feature-hero.tool-hero .klat-switch:hover{border-color:var(--c-line-strong)}
body.atelier-active .feature-hero.tool-hero .klat-switch:focus-visible{outline:2px solid var(--c-action);outline-offset:2px}
body.atelier-active .feature-hero.tool-hero .klat-switch-ic{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--r-2);background:var(--c-surface-2);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .klat-switch[aria-checked="true"] .klat-switch-ic{background:var(--c-action-soft);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .klat-switch-txt{flex:1;min-width:0}
body.atelier-active .feature-hero.tool-hero .klat-switch-nm{margin:0;font-size:var(--fs-1);font-weight:var(--fw-title);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .klat-switch-sub{margin:2px 0 0;font-size:var(--fs-0);line-height:var(--lh-snug);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .klat-switch-track{position:relative;flex-shrink:0;width:2.75rem;height:1.625rem;border-radius:var(--r-pill);background:var(--c-line-strong);transition:background var(--t-base)}
body.atelier-active .feature-hero.tool-hero .klat-switch-track.on{background:var(--c-action)}
body.atelier-active .feature-hero.tool-hero .klat-switch-track i{position:absolute;top:3px;left:3px;display:block;width:1.125rem;height:1.125rem;border-radius:var(--r-pill);background:var(--c-surface);transition:transform var(--t-base)}
body.atelier-active .feature-hero.tool-hero .klat-switch-track.on i{transform:translateX(1.125rem)}
@media(prefers-reduced-motion:reduce){
 body.atelier-active .feature-hero.tool-hero .klat-switch-track,
 body.atelier-active .feature-hero.tool-hero .klat-switch-track i{transition:none}
}
@media(min-width:1100px){
 body.atelier-active .feature-hero.tool-hero .dub-langs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:var(--s-2)}
 body.atelier-active .feature-hero.tool-hero .dub-arrow{transform:none;padding-bottom:var(--s-3)}
}
body.atelier-active{--klat-fond:#f5f7fb;--klat-surface:#fff;--klat-trait:#e2e8f0;
  --klat-ombre:0 1px 2px rgba(15,23,42,.02),0 8px 28px rgba(15,23,42,.045);
  --klat-ombre-sm:0 1px 2px rgba(15,23,42,.02),0 5px 18px rgba(15,23,42,.035);
  --c-on-premium:#fff;
  background:var(--klat-fond)}
[data-theme="dark"] body.atelier-active,
body.atelier-active[data-theme="dark"]{--klat-fond:var(--c-bg);--klat-surface:var(--c-surface);
  --klat-trait:var(--c-line);
  --klat-ombre:0 1px 2px rgba(0,0,0,.35),0 8px 28px rgba(0,0,0,.45);
  --klat-ombre-sm:0 1px 2px rgba(0,0,0,.35),0 5px 18px rgba(0,0,0,.4);
  --c-on-premium:var(--c-frame)}
body.atelier-active .feature-hero.tool-hero > .container{
  box-sizing:border-box;position:relative;
  width:calc(100% - 48px);max-width:1480px;margin:24px auto 32px;padding:24px;
  border:1px solid var(--klat-trait);border-radius:24px;background:var(--klat-surface);
  box-shadow:var(--klat-ombre);
  overflow:clip;
}
body.atelier-active .feature-hero.tool-hero[data-tool-type] > .container > *,
body.atelier-active .feature-hero.tool-hero[data-tool-type] > .container :is(.sbs-studio,.klr-main){
  border:0;border-radius:0;background:transparent;box-shadow:none;padding:0
}
@media(min-width:768px) and (max-width:1024px){
 body.atelier-active .feature-hero.tool-hero > .container{
  width:calc(100% - 32px);margin:16px auto 24px;padding:20px;border-radius:20px
 }
}
@media(max-width:767px){
 body.atelier-active .feature-hero.tool-hero > .container{
  width:100%;max-width:none;margin:0 0 var(--s-4);padding:var(--s-3);
  border:0;border-radius:0;box-shadow:none
 }
}
body.atelier-active .feature-hero.tool-hero[data-tool-type] .tool-options-panel .options-settings{
  padding:var(--s-2) var(--s-3);scrollbar-gutter:auto
}
body.atelier-active .feature-hero.tool-hero .terr{width:100%;text-align:center}
body.atelier-active .feature-hero.tool-hero .terr-card{max-width:34rem;margin:0 auto;text-align:center}
body.atelier-active .feature-hero.tool-hero .terr .proc-fail-icon{display:flex;align-items:center;justify-content:center;width:var(--s-8);height:var(--s-8);margin:0 auto var(--s-4);border-radius:var(--r-3);background:var(--c-danger-soft);color:var(--c-danger)}
body.atelier-active .feature-hero.tool-hero .terr .proc-fail-icon svg{width:var(--s-6);height:var(--s-6)}
body.atelier-active .feature-hero.tool-hero .terr-title{margin:0;font-family:var(--f-display);font-size:var(--fs-4);font-weight:var(--fw-title);letter-spacing:var(--ls-title);line-height:var(--lh-snug);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .terr-msg{max-width:var(--w-text);margin:var(--s-2) auto 0;font-size:var(--fs-2);line-height:var(--lh-body);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .terr-file{display:inline-flex;align-items:center;gap:var(--s-2);max-width:100%;margin-top:var(--s-4);padding:var(--s-2) var(--s-3);border:1px solid var(--c-line);border-radius:var(--r-pill);background:var(--c-bg-2)}
body.atelier-active .feature-hero.tool-hero .terr-file svg{flex-shrink:0;width:var(--s-4);height:var(--s-4);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .terr-file span{overflow:hidden;font-size:var(--fs-1);font-weight:var(--fw-title);color:var(--c-ink);text-overflow:ellipsis;white-space:nowrap}
body.atelier-active .feature-hero.tool-hero .terr-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2);margin-top:var(--s-5)}
body.atelier-active .feature-hero.tool-hero :is(.terr-acts,.terr-links,.terr-pied) .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--control-h);padding:0 var(--s-4);border:1px solid var(--c-line-strong);border-radius:var(--r-2);background:var(--c-surface);color:var(--c-ink);font-family:inherit;font-size:var(--fs-1);font-weight:var(--fw-title);text-decoration:none;cursor:pointer}
body.atelier-active .feature-hero.tool-hero :is(.terr-acts,.terr-links,.terr-pied) .btn:hover{border-color:var(--c-action);color:var(--c-action)}
body.atelier-active .feature-hero.tool-hero :is(.terr-acts,.terr-pied) :is(.btn-primary,.btn-accent){border-color:var(--c-action);background:var(--c-action);color:var(--c-on-action)}
body.atelier-active .feature-hero.tool-hero :is(.terr-acts,.terr-pied) :is(.btn-primary,.btn-accent):hover{border-color:var(--c-action-hover);background:var(--c-action-hover);color:var(--c-on-action)}
body.atelier-active .feature-hero.tool-hero .terr-note{flex:1 1 100%;max-width:var(--w-text);margin:var(--s-1) auto 0;font-size:var(--fs-0);line-height:var(--lh-snug);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .terr-suite{margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--c-line)}
body.atelier-active .feature-hero.tool-hero .terr-suite-lbl{max-width:var(--w-text);margin:0 auto var(--s-3);font-size:var(--fs-1);line-height:var(--lh-body);color:var(--c-ink-2)}
body.atelier-active .feature-hero.tool-hero .terr-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2)}
body.atelier-active .feature-hero.tool-hero .terr-pied{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2);margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--c-line)}
@media(max-width:599px){
 body.atelier-active .feature-hero.tool-hero :is(.terr-acts,.terr-links,.terr-pied) .btn{flex:1 1 100%}
}
body.atelier-active .feature-hero.tool-hero .form-error{display:block;max-width:var(--w-text);margin:var(--s-3) auto 0;padding:var(--s-3) var(--s-4);border:1px solid var(--c-danger);border-radius:var(--r-2);background:var(--c-danger-soft);color:var(--c-danger);font-size:var(--fs-1);line-height:var(--lh-body);text-align:left}
@media(max-width:767px){
 body.atelier-active .feature-hero.tool-hero[data-tool-type="rotate"] .tool-options-panel > .options-workspace{padding-inline:0}
 body.atelier-active .feature-hero.tool-hero[data-tool-type="rotate"] .tool-options-panel .rotate-dirs{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-2);flex-wrap:nowrap}
 body.atelier-active .feature-hero.tool-hero[data-tool-type="rotate"] .tool-options-panel .rotate-dir{flex:none;gap:var(--s-1);min-height:4.25rem;padding:var(--s-2)}
 body.atelier-active .feature-hero.tool-hero[data-tool-type="rotate"] .tool-options-panel .rotate-dir strong{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 body.atelier-active .feature-hero.tool-hero[data-tool-type="rotate"] .tool-options-panel .rotate-dir span{font-size:var(--fs-2);font-weight:var(--fw-title);color:var(--c-ink);font-variant-numeric:tabular-nums}
 body.atelier-active .feature-hero.tool-hero[data-tool-type="rotate"] .tool-options-panel .rotate-result{margin-top:var(--s-3)}
}
@media(max-width:767px){
 body.atelier-active .feature-hero.tool-hero[data-tool-type="rotate"] .tool-options-panel{height:auto;max-height:none;overflow:visible}
 body.atelier-active .feature-hero.tool-hero[data-tool-type="rotate"] .tool-options-panel .options-settings{overflow:visible}
}
@media(max-width:767px){
 body.klat-prop-b.atelier-active .feature-hero.tool-hero[data-tool-type="rotate"] .tool-options-panel .options-settings > .options-choices{display:flex;flex-direction:column}
 body.klat-prop-b.atelier-active .feature-hero.tool-hero[data-tool-type="rotate"] .tool-options-panel .options-settings > .options-choices > .rotate-dirs{order:1;margin-bottom:var(--s-3)}
 body.klat-prop-b.atelier-active .feature-hero.tool-hero[data-tool-type="rotate"] .tool-options-panel .options-settings > .options-choices > .wysiwyg-stage{order:2}
 body.klat-prop-b.atelier-active .feature-hero.tool-hero[data-tool-type="rotate"] .tool-options-panel .options-settings > .options-choices > .rotate-result{order:3}
}
@media(min-width:768px){
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel.atelier-split > .options-workspace > .tool-preview{position:sticky;top:var(--s-4);height:auto;align-self:start}
}
body.atelier-active .feature-hero.tool-hero .sil-block{display:flex;flex-direction:column;gap:var(--s-3)}
body.atelier-active .feature-hero.tool-hero .sil-label{margin:var(--s-2) 0 0;font-size:var(--fs-1);font-weight:var(--fw-title);color:var(--c-ink)}
body.atelier-active .feature-hero.tool-hero .sil-block > .sil-label:first-child{margin-top:0}
body.atelier-active .feature-hero.tool-hero .sil-block .segmented-toggle{align-self:start}
.feature-hero.tool-hero .tho-field{
  display:flex;align-items:center;gap:var(--s-2);
  min-height:var(--control-h);padding-inline:38px var(--s-1);
  border:1px solid var(--c-line-strong);border-radius:var(--r-1);
  background:var(--c-surface);
  transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}
.feature-hero.tool-hero .tho-field:has(.tho-field-input:focus-visible){
  border-color:var(--c-focus);box-shadow:0 0 0 3px var(--c-action-soft)}
.feature-hero.tool-hero .tho-field .tho-field-input{
  flex:1;min-width:0;min-height:0;width:auto;padding:0;
  border:0;background:transparent;box-shadow:none;outline:none;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feature-hero.tool-hero .tho-field > span.tho-field-input{
  display:flex;align-items:center}
.feature-hero.tool-hero .tho-field :is(.tho-field-paste,.tho-field-clear){
  position:static;transform:none;flex:none;align-self:center;
  min-height:var(--control-h);margin-block:-1px;
  display:inline-flex;align-items:center;justify-content:center}
.feature-hero.tool-hero .tho-field .tho-field-clear{
  width:var(--control-h);height:auto}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .speed-ticks{
  --pouce:var(--s-5);position:relative;display:block;height:1.35em;justify-content:normal}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .speed-ticks span{
  position:absolute;top:0;white-space:nowrap;
  left:calc(var(--pouce) / 2 + var(--v) * (100% - var(--pouce)));
  transform:translateX(-50%)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .speed-ticks span:first-child{
  transform:translateX(max(-50%, calc(-1 * var(--pouce) / 2)))}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .speed-ticks span:last-child{
  transform:translateX(min(-50%, calc(-100% + var(--pouce) / 2)))}
@media(max-width:767px){
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel:has(.rf-formats-col){
   height:auto;min-height:var(--atelier-height,calc(100svh - var(--header-h) - var(--s-6) - var(--s-9)))}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel:has(.rf-formats-col) .options-settings{
   overflow:visible}
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-formats-col{
   max-height:none;overflow:visible;flex:none}
}
body.tool-engaged .k-footer > .k-container > :is(.k-footer__grid,.k-lang){display:none}
body.tool-engaged .k-footer{padding-block:var(--s-4)}
body.tool-engaged .k-plus{display:none}
@media(max-width:767px){
 body.tool-engaged .k-footer{padding-bottom:calc(var(--control-h) + var(--s-5) + var(--s-4))}
}
@media(min-width:768px){
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel.atelier-split > .options-workspace > .tool-preview{top:calc(66px + var(--s-4))}
 body.klat-barre-cachee.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel.atelier-split > .options-workspace > .tool-preview{top:var(--s-4)}
 body.klat-barre-cachee.atelier-active .feature-hero.tool-hero .sbs-preview-col{top:var(--s-3)}
 body.atelier-active .feature-hero.tool-hero :is([data-options-media="true"] .tool-preview,.sbs-preview-col){transition:top 240ms cubic-bezier(.22,1,.36,1)}
 body.klat-barre-cachee.atelier-active .feature-hero.tool-hero :is([data-options-media="true"] .tool-preview,.sbs-preview-col){transition:top 200ms cubic-bezier(.4,0,1,1)}
}
@media(prefers-reduced-motion:reduce){
 body.atelier-active .feature-hero.tool-hero :is([data-options-media="true"] .tool-preview,.sbs-preview-col){transition:none}
}
@media(max-width:899px){
 body.atelier-on.atelier-active .feature-hero.tool-hero .hashtag-actions .hashtag-copie-tout{display:none}
}
@media(max-width:767px){
 body.atelier-active .feature-hero.tool-hero[data-options-media="true"]:not([data-forme-variable]) .tool-options-panel :is(.tool-preview,.rf-preview-col){height:auto}
}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel :is(.tool-preview,.rf-preview-col){margin-bottom:var(--s-6)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-formats-col > * + *{margin-top:var(--s-6)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-settings > * + *{margin-top:var(--s-6)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel :is(.rf-formats-label,.klc-field-title,.options-label,.ui-h3,.options-section-title){margin-bottom:var(--s-3)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel :is(.rf-formats-label,.klc-field-title,.options-label) + *{margin-top:0}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-settings > :is(.ui-h3,.options-section-title) + *{margin-top:var(--s-4)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-formats-col > :is(.ui-h3,.options-section-title) + *{margin-top:var(--s-4)}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel :is(.tool-preview,.rf-preview-col) + *{margin-top:0}
body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .tool-preview > .rf-preview-col{margin-bottom:0}
@media (max-width: 767px) {
    body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel > .options-workspace { padding-inline: 0; padding-top: var(--s-2); }
    body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-settings { padding-inline: 0; }
    body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-choices { margin-top: var(--s-2); padding-inline: var(--s-2); }
    body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel { margin-top: 0; }
    body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel > .options-workspace { padding-top: 0; }
    body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .options-settings { padding-block: 0; }
    body.atelier-active .feature-hero.tool-hero[data-options-media="true"] > .container { padding-top: var(--s-2); }
    body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-shape-box { display: flex; }
    body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-card-lab > span { display: none; }
    body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-cards { grid-auto-rows: 1fr; }
    body.atelier-active .feature-hero.tool-hero[data-options-media="true"] .tool-options-panel .rf-card { height: 100%; }
}