#jc-roof-preview{padding:12px 0;font-family:Arial,sans-serif;color:#f6f3ef}
#jc-roof-preview .jc-film{background:#15191d;border-radius:12px;overflow:hidden}
#jc-roof-preview .jc-film-header{padding:22px 24px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #ffffff15}
#jc-roof-preview .jc-film-header strong{font-size:20px;letter-spacing:-.7px}
#jc-roof-preview .jc-film-header strong span{color:#e4503c}
#jc-roof-preview .jc-note{font-size:11px;letter-spacing:1.2px;color:#aab2ba}
#jc-roof-preview .jc-heading{padding:26px 24px 0}
#jc-roof-preview .jc-heading>span{font-size:11px;letter-spacing:1.7px;color:#e99b89}
#jc-roof-preview h2{font-family:Georgia,serif;font-weight:400;font-size:28px;line-height:1.2;margin:10px 0 0;color:#fff}
#jc-roof-preview .jc-stage{height:340px;position:relative;width:100%}
#jc-roof-preview canvas{display:block;width:100%;height:100%}
#jc-roof-preview .jc-loading{position:absolute;inset:45% 20px auto;text-align:center;color:#b8c0c7;font-size:14px}
#jc-roof-preview .jc-caption{padding:0 24px 18px;color:#f5e1d8;font-size:16px;min-height:38px}
#jc-roof-preview .jc-chapters{display:flex;gap:15px;flex-wrap:wrap;padding:0 24px 18px;color:#929ba3;font-size:13px}
#jc-roof-preview .jc-chapters .active{color:#ffb29e}
#jc-roof-preview .jc-controls{display:flex;align-items:center;gap:20px;padding:18px 24px;background:#20262b}
#jc-roof-preview button{background:#d94b35;color:#fff;font:500 14px Arial,sans-serif;border:0;border-radius:5px;padding:12px 16px;min-height:44px;white-space:nowrap}
#jc-roof-preview button:disabled{opacity:.5}
#jc-roof-preview .jc-options{padding:24px 24px 0}
#jc-roof-preview fieldset{padding:0;margin:0 0 16px;border:0;min-width:0}
#jc-roof-preview legend{font-size:14px;font-weight:500;color:#dfe5e9;padding:0;margin-bottom:10px}
#jc-roof-preview .jc-models,#jc-roof-preview .jc-colors{display:flex;flex-wrap:wrap;gap:8px}
#jc-roof-preview .jc-models button,#jc-roof-preview .jc-colors button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#293137;border:1px solid #52606b;white-space:normal;min-height:44px;font-size:14px;padding:10px 14px}
#jc-roof-preview .jc-models button[aria-pressed=true]{background:#c9232b;border-color:#e67075;color:white}
#jc-roof-preview .jc-colors button[aria-pressed=true]{background:#eef1f3;border-color:#eef1f3;color:#1c2022}
#jc-roof-preview .jc-swatch{display:inline-block;flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:1px solid #ffffff55;box-shadow:0 0 0 1px #0003}
#jc-roof-preview .jc-selection{font-size:14px;color:#ffb29e;margin:4px 0 0}
#jc-roof-preview .jc-disclaimer{padding:0 24px 16px;font-size:12px;line-height:1.5;color:#bac2c8}
@media(max-width:450px){#jc-roof-preview .jc-options{padding:20px 16px 0}#jc-roof-preview .jc-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#jc-roof-preview .jc-colors button{padding:10px;font-size:13px}}
#jc-roof-preview label{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
#jc-roof-preview .jc-time{font-size:12px;color:#c2c9ce;font-variant-numeric:tabular-nums}
#jc-roof-preview input{width:100%;accent-color:#e66850;min-height:24px;margin:0}
@media(max-width:450px){#jc-roof-preview .jc-stage{height:280px}#jc-roof-preview h2{font-size:24px}#jc-roof-preview .jc-controls{padding:16px;gap:12px}#jc-roof-preview .jc-chapters{gap:10px;font-size:12px}}

#animation-toiture{padding:52px 0;background:#f2f4f4}#animation-toiture>.wrap{max-width:940px}#jc-roof-preview{padding:0}#jc-roof-preview .jc-film-header{position:static;background:transparent}#jc-roof-preview .jc-controls{position:static}#jc-roof-preview label{margin:0;color:#c2c9ce}#jc-roof-preview input[type=range]{padding:0;border:0;background:transparent;height:24px;box-shadow:none}#jc-roof-preview .jc-chapters span{line-height:1.5}#jc-roof-preview .jc-caption{line-height:1.5}#jc-roof-preview button{cursor:pointer}#jc-roof-preview .jc-stage{height:400px}@media(max-width:600px){#animation-toiture{padding:28px 0}#animation-toiture>.wrap{width:calc(100% - 28px)}#jc-roof-preview .jc-stage{height:280px}}