.supoclip-sheet{max-width:1240px;margin:auto;padding:56px 40px 80px;color:#f3f0e9;font:400 17px/1.65 Geist,Arial,sans-serif}.supoclip-sheet *{box-sizing:border-box}.supoclip-sheet .hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.supoclip-sheet h1,.supoclip-sheet h2,.supoclip-sheet h3{font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-.025em;font-weight:600;color:#f3f0e9}.supoclip-sheet h1{font-size:clamp(40px,4.3vw,60px);line-height:1.06;margin:22px 0}.supoclip-sheet h1 span,.supoclip-sheet .gold{color:#e9d5a1}.supoclip-sheet h2{font-size:clamp(30px,3.3vw,43px);line-height:1.14;margin:0 0 26px}.supoclip-sheet h3{font-size:23px;line-height:1.2;margin:0 0 14px}.supoclip-sheet p{margin:0 0 18px}.supoclip-sheet a{color:#e9d5a1;text-underline-offset:4px}.supoclip-sheet .lead{font-size:20px;line-height:1.6;color:#d9d4ca}.supoclip-sheet .small,.supoclip-sheet figcaption{font-size:13px;line-height:1.6;color:#bdb8ae}.supoclip-sheet .provider{display:flex;align-items:center;gap:13px;font-size:18px}.supoclip-sheet .provider img{object-fit:contain}.supoclip-sheet a.primary{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;background:#e9d5a1;color:#18150e;padding:16px 24px;border-radius:999px;text-decoration:none;font-weight:600;font-size:16px;line-height:1.4}.supoclip-sheet a.primary:hover{background:#f1e1b5}.supoclip-sheet a.primary small{font-size:12px;font-weight:400;color:#302511}.supoclip-sheet .originals{display:flex;gap:10px 20px;flex-wrap:wrap;margin:18px 0}.supoclip-sheet .originals a{font-size:15px}.supoclip-sheet .community{display:inline-block;margin-top:7px;font-size:15px}.supoclip-sheet .section{padding-top:74px;max-width:960px}.supoclip-sheet .section>p{max-width:72ch}.supoclip-sheet .jump{display:flex;flex-wrap:wrap;gap:12px 25px;padding:25px 0;border-bottom:1px solid #39372f;margin-top:38px}.supoclip-sheet .jump a{font-size:14px;text-decoration:none}.supoclip-sheet .material{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:28px 0}.supoclip-sheet .steps article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:18px;margin-top:36px}.supoclip-sheet .steps article>span{color:#e9d5a1;font:500 15px/1.8 'Geist Mono',monospace}.supoclip-sheet code{font:400 .88em/1.5 'Geist Mono',monospace;background:#242321;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}.supoclip-sheet .copybox{background:#171716;border:1px solid #39372f;border-radius:12px;margin:18px 0;padding:19px}.supoclip-sheet .copyhead{display:flex;justify-content:space-between;align-items:center;gap:10px}.supoclip-sheet button{font:500 12px/1.4 Geist,Arial,sans-serif;color:#e9d5a1;background:#242321;border:1px solid #494339;border-radius:999px;padding:9px 13px;cursor:pointer}.supoclip-sheet button:hover{border-color:#e9d5a1}.supoclip-sheet .copyhead strong{font-size:14px;font-weight:500}.supoclip-sheet pre{font:400 13px/1.7 'Geist Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0;color:#f3f0e9}.supoclip-sheet .copybox>a{font-size:13px}.supoclip-sheet details{border-top:1px solid #39372f;padding:18px 0}.supoclip-sheet details p{margin:17px 0 0}.supoclip-sheet summary{font-weight:500;cursor:pointer;padding-right:10px}.supoclip-sheet .workflow{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;margin:35px 0}.supoclip-sheet .workflow article{border-top:1px solid #494339;padding-top:20px}.supoclip-sheet .workflow article>span{display:block;color:#e9d5a1;font-size:13px;margin-bottom:9px}.supoclip-sheet .workflow h3{font-size:23px}.supoclip-sheet .example{padding:26px 0;margin:24px 0;border-block:1px solid #494339}.supoclip-sheet .muted{color:#bdb8ae}.supoclip-sheet .product{margin:36px 0}.supoclip-sheet .product img{width:100%;height:auto;display:block;border-radius:12px}.supoclip-sheet figcaption{margin:13px 0 0}.supoclip-sheet .bottom{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin:35px 0}.supoclip-sheet .bottom p{flex-basis:100%}.supoclip-sheet :focus-visible{outline:2px solid #e9d5a1;outline-offset:4px}.supoclip-sheet ::selection{background:#e9d5a1;color:#18150e}#copy-status{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:100;padding:12px 22px;background:#e9d5a1;color:#18150e;border-radius:999px;font-size:14px}#copy-status:empty{display:none}
.supoclip-sheet .demo{margin:0;background:#171716;border:1px solid #39372f;border-radius:18px;padding:0 0 17px;overflow:hidden}.supoclip-sheet .demo-top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px;font:500 10px/1.4 'Geist Mono',monospace;color:#bdb8ae}.supoclip-sheet .demo-top button{font-size:10px;padding:8px 10px}.supoclip-sheet .edit-scene{height:400px;position:relative;overflow:hidden}.supoclip-sheet .source-video{width:75%;height:175px;background:#424b48;border-radius:12px;position:absolute;left:12.5%;top:24px;overflow:hidden;transition:transform .8s cubic-bezier(.22,.8,.2,1),opacity .8s}.supoclip-sheet .source-video>span{position:absolute;left:14px;top:12px;font:500 10px 'Geist Mono',monospace}.supoclip-sheet .speaker{position:absolute;left:42%;top:35px;width:85px;height:150px}.supoclip-sheet .speaker i,.supoclip-sheet .portrait i{position:absolute;width:45px;height:55px;background:#c49a80;border-radius:45% 45% 42% 42%;left:20px;top:0}.supoclip-sheet .speaker b,.supoclip-sheet .portrait b{position:absolute;top:49px;left:0;width:85px;height:100px;background:#c3c9be;border-radius:35px 35px 0 0}.supoclip-sheet .video-play{position:absolute;right:16px;bottom:12px;color:#fff}.supoclip-sheet .timeline{position:absolute;top:235px;left:7%;width:86%;height:65px;border:1px solid #494339;border-radius:7px;overflow:hidden;transition:opacity .6s,transform .8s}.supoclip-sheet .wave{height:100%;display:flex;gap:4px;align-items:center;padding:0 8px}.supoclip-sheet .wave i{width:5px;height:var(--h);background:#686d65;border-radius:2px;flex:1}.supoclip-sheet .selection{position:absolute;height:100%;width:19%;top:0;background:#e9d5a121;border:2px solid #e9d5a1;opacity:0;transition:opacity .7s}.supoclip-sheet .s1{left:8%}.supoclip-sheet .s2{left:41%}.supoclip-sheet .s3{left:74%}.supoclip-sheet .scanner{width:2px;height:100%;position:absolute;top:0;left:3%;background:#f3f0e9;transition:left 2.6s linear}.supoclip-sheet .score-panel{position:absolute;top:325px;width:100%;display:flex;justify-content:center;gap:7px;opacity:0;transition:opacity .8s}.supoclip-sheet .score-panel span{border:1px solid #6c674c;border-radius:999px;padding:5px 8px;font-size:11px;color:#e9d5a1}.supoclip-sheet .shorts{position:absolute;inset:40px 7% 16px;display:flex;gap:13px;justify-content:center;align-items:center;pointer-events:none}.supoclip-sheet .short{position:relative;width:31%;height:260px;background:#424b48;border:1px solid #737769;border-radius:12px;overflow:hidden;opacity:0;transform:translateY(120px) scale(.75);transition:transform 1s cubic-bezier(.22,.8,.2,1),opacity .7s}.supoclip-sheet .short.clip2{background:#5f5550;transition-delay:.13s}.supoclip-sheet .short.clip3{background:#4b5361;transition-delay:.26s}.supoclip-sheet .short>span{position:absolute;top:17px;left:7%;width:86%;color:#18150e;background:#e9d5a1;padding:5px 2px;text-align:center;font-size:10px;font-weight:600}.supoclip-sheet .portrait{position:absolute;left:50%;transform:translateX(-50%);top:67px;width:85px;height:150px}.supoclip-sheet .short strong{position:absolute;top:187px;width:100%;text-align:center;font:500 10px/1.5 'Geist Mono',monospace;opacity:0;transition:opacity .7s}.supoclip-sheet .short strong em{display:block;font-style:normal;color:#e9d5a1;background:#171716;padding:2px 4px;margin:2px auto;width:max-content}.supoclip-sheet .short small{position:absolute;bottom:9px;left:0;width:100%;text-align:center;font:400 10px 'Geist Mono',monospace;color:#d6d3c9}.supoclip-sheet .phases{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0 12px;margin:0;gap:5px}.supoclip-sheet .phases li{min-width:0}.supoclip-sheet .phases button{width:100%;padding:9px 3px;font-size:10px;background:transparent;color:#bdb8ae}.supoclip-sheet .phases button[aria-current=true]{color:#e9d5a1;border-color:#e9d5a1}.supoclip-sheet .demo figcaption{padding:0 17px;font-size:11px;line-height:1.6}.supoclip-sheet .demo[data-phase="1"] .selection,.supoclip-sheet .demo[data-phase="1"] .score-panel{opacity:1}.supoclip-sheet .demo[data-phase="1"] .scanner{left:96%}.supoclip-sheet .demo[data-phase="2"] .source-video,.supoclip-sheet .demo[data-phase="3"] .source-video{transform:translateY(-65px) scale(.6);opacity:0}.supoclip-sheet .demo[data-phase="2"] .timeline,.supoclip-sheet .demo[data-phase="3"] .timeline{transform:translateY(100px);opacity:0}.supoclip-sheet .demo[data-phase="2"] .short,.supoclip-sheet .demo[data-phase="3"] .short{opacity:1;transform:translateY(0) scale(1)}.supoclip-sheet .demo[data-phase="3"] .short strong{opacity:1}
@media(max-width:1000px){body.supoclip-page .kopf .knopf--klein{display:none}.supoclip-sheet .hero{grid-template-columns:1fr;gap:35px}.supoclip-sheet .demo{max-width:570px;width:100%}.supoclip-sheet h1{font-size:52px}}
@media(max-width:600px){.supoclip-sheet{padding:30px 19px 60px}.supoclip-sheet h1{font-size:41px}.supoclip-sheet .lead{font-size:18px}.supoclip-sheet .material,.supoclip-sheet .workflow{grid-template-columns:1fr;gap:20px}.supoclip-sheet .section{padding-top:48px}.supoclip-sheet .steps article{grid-template-columns:25px minmax(0,1fr);gap:8px}.supoclip-sheet .copybox{padding:14px}.supoclip-sheet pre{font-size:11px}.supoclip-sheet .edit-scene{height:330px}.supoclip-sheet .source-video{height:150px}.supoclip-sheet .timeline{top:200px}.supoclip-sheet .score-panel{top:282px;gap:4px}.supoclip-sheet .score-panel span{font-size:9px;padding:4px 6px}.supoclip-sheet .short{height:230px}.supoclip-sheet .shorts{inset:25px 5% 12px;gap:8px}.supoclip-sheet .portrait{transform:translateX(-50%) scale(.8);top:59px}.supoclip-sheet .short strong{font-size:8px;top:166px}.supoclip-sheet .short>span{font-size:8px}.supoclip-sheet .phases{padding:0 8px;gap:4px}.supoclip-sheet .phases button{font-size:9px;padding:9px 2px}.supoclip-sheet .demo-top{padding:13px 10px;font-size:8px}.supoclip-sheet .demo-top button{font-size:9px}.supoclip-sheet .jump{gap:14px 18px}.supoclip-sheet .copyhead strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.supoclip-sheet *,.supoclip-sheet *::before,.supoclip-sheet *::after{transition:none!important;animation:none!important}}
body.supoclip-page .blatt a.primary,body.supoclip-page .blatt a.primary small{color:#18150e}
body.supoclip-page .blatt .provider img{background:#f4f3ef;border-radius:9px;padding:6px}
body.supoclip-page .blatt .demo.reader-canvas{background:#171716;color:#f3f0e9;padding:0 0 17px;border:1px solid #39372f;border-radius:18px;--paper:#171716;--ink:#f3f0e9;--muted:#bdb8ae;--line:#39372f}
body.supoclip-page .blatt .demo.reader-canvas .demo-top{color:#bdb8ae}
body.supoclip-page .blatt .demo.reader-canvas .demo-top button{background:#242321;color:#e9d5a1}
body.supoclip-page .blatt .demo.reader-canvas .phases button{background:transparent;color:#bdb8ae;border-color:#494339}
body.supoclip-page .blatt .demo.reader-canvas .phases button[aria-current=true]{color:#e9d5a1;border-color:#e9d5a1}
body.supoclip-page .blatt .demo.reader-canvas figcaption{color:#bdb8ae}