:root{--yt:#d93442;--yt2:#7a3fc2;--ink:#1d2029}.yt-page{max-width:1220px}.yt-hero{background:linear-gradient(135deg,#fff0f1,#f4effc)}.yt-trust{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin:-5px 0 22px}.yt-trust span{padding:8px 13px;background:#fff;border:1px solid #eadadd;border-radius:999px;color:#65585c;font-size:.77rem}.yt-banner{display:none;margin-bottom:15px;padding:13px 16px;border:1px solid #ffc7c1;background:#fff0ef;color:#a82d25;border-radius:11px}.yt-banner.show{display:block}.yt-shell{overflow:hidden;background:#fff;border:1px solid #e8dfe1;border-radius:20px;box-shadow:0 18px 55px #40252b17}.yt-upload{position:relative;margin:20px;padding:48px 20px;text-align:center;border:2px dashed #d9b9bf;border-radius:16px;background:linear-gradient(145deg,#fffdfd,#fff1f3);transition:.2s}.yt-upload.drag,.yt-upload:hover{border-color:var(--yt);background:#fff0f2}.yt-upload>input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.yt-mark{display:flex;justify-content:center;align-items:center;gap:7px}.yt-mark b,.yt-mark strong{padding:10px;background:#f8dfe3;color:var(--yt);border-radius:8px;font-size:.7rem}.yt-mark i{color:var(--yt);font-style:normal}.yt-upload h2{margin:15px 0 5px}.yt-upload p{margin:0;color:#74686b}.yt-upload em{display:inline-block;margin:16px 0 8px;padding:10px 20px;background:var(--ink);color:#fff;border-radius:9px;font-style:normal;font-weight:700}.yt-upload small{display:block;color:#807477}.yt-editor-grid{display:grid;grid-template-columns:1.6fr .78fr;gap:20px;padding:20px}.yt-stage{position:relative;overflow:hidden;background:#1c1c20;border-radius:14px;touch-action:none}.yt-stage canvas{display:block;width:100%;height:auto;cursor:grab}.yt-stage canvas:active{cursor:grabbing}.yt-safe{position:absolute;inset:7%;border:2px dashed #ffffffb8;pointer-events:none}.yt-safe span{position:absolute;top:5px;left:7px;padding:4px 7px;background:#1119;color:#fff;font-size:.62rem}.yt-editor-grid>section>p{text-align:center;color:#796e71;font-size:.7rem}.yt-controls{max-height:720px;overflow:auto;padding:17px;background:#f8f6f7;border-radius:14px}.yt-head{display:flex;justify-content:space-between}.yt-head span,.yt-output>div:first-child span,.yt-tips>div:first-child span{color:var(--yt);font-weight:700}.yt-head h2{max-width:230px;margin:3px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.yt-head button{height:32px;border:0;background:#ede8ea;border-radius:7px}.yt-controls details{margin-top:10px;border:1px solid #e1dadd;border-radius:9px;background:#fff}.yt-controls summary{padding:10px;font-weight:700;cursor:pointer}.yt-controls details>label,.yt-controls details>div{display:block;margin:0 10px 11px;font-size:.72rem;font-weight:700}.yt-controls textarea,.yt-controls select,.yt-controls input{box-sizing:border-box;width:100%;margin-top:5px;padding:8px;border:1px solid #d8ced1;border-radius:7px;background:#fff}.yt-controls input[type=range]{padding:0;accent-color:var(--yt)}.yt-controls input[type=color]{height:37px;padding:3px}.yt-controls output{float:right;color:var(--yt)}.yt-two{display:grid!important;grid-template-columns:1fr 1fr;gap:7px}.yt-two label{font-size:.72rem}.yt-secondary{width:calc(100% - 20px);margin:0 10px 11px;padding:8px;border:1px solid #d8ced1;background:#fff;border-radius:7px}.yt-check{display:flex!important;gap:7px}.yt-check input{width:auto!important}.yt-controls>button:last-of-type{width:100%;margin-top:13px;padding:12px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--yt),var(--yt2));color:#fff;font-weight:700}.yt-controls>p{text-align:center;color:#7d7175;font-size:.67rem}.yt-output{margin:0 20px 20px;padding:18px;border:1px solid #e5dbde;border-radius:14px}.yt-output h2{margin:3px 0 13px}.yt-output canvas{display:block;width:100%;height:auto;border-radius:10px}.yt-output>div:nth-of-type(2){display:flex;gap:8px;margin-top:11px}.yt-output button{padding:10px 15px;border:0;border-radius:8px;background:var(--yt);color:#fff;font-weight:700}.yt-output button+button{background:#ede8ea;color:#352d30}.yt-output>p{color:#796d71;font-size:.74rem}.yt-tips,.yt-steps,.yt-faq{margin-top:50px}.yt-tips>div:first-child{text-align:center}.yt-tips>div:last-child,.yt-steps>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.yt-tips article,.yt-steps article{padding:19px;border:1px solid #e8dfe1;border-radius:14px}.yt-tips article>b,.yt-steps article>b{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 3px;background:#f8e0e4;color:var(--yt);border-radius:8px}.yt-tips p,.yt-steps p,.yt-faq p{color:#71676a;font-size:.84rem;line-height:1.6}.yt-faq{max-width:820px;margin-left:auto;margin-right:auto}.yt-faq details{padding:15px 3px;border-bottom:1px solid #e8dfe1}.yt-faq summary{font-weight:700}@media(max-width:1000px){.yt-editor-grid{grid-template-columns:1fr}.yt-controls{max-height:none}.yt-tips>div:last-child,.yt-steps>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.yt-upload{margin:10px;padding:38px 12px}.yt-editor-grid{padding:10px}.yt-two{grid-template-columns:1fr}.yt-output{margin:0 10px 14px;padding:12px}.yt-output>div:nth-of-type(2){flex-direction:column}.yt-tips>div:last-child,.yt-steps>div{grid-template-columns:1fr}}