@import url('legacy/styles.css');
html{scroll-behavior:smooth;scroll-padding-top:110px}body{height:auto;min-height:100dvh;overflow:auto}.page{height:auto;min-height:100dvh}.hero{flex:none;min-height:100dvh}.hero-copy{width:min(680px,100%)}.hero h1{font-size:clamp(38px,4.6vw,64px);line-height:1.2;letter-spacing:-2px}.main-brand>span{display:none}.workbench{background:none;border:0;box-shadow:none;overflow:visible}.workbench-heading,.video-hint{display:none}.video-input{margin:0;display:grid;grid-template-columns:1fr auto;position:relative;gap:0;background:#0006;border:1px solid #ffffff7a;border-radius:22px;padding:15px 15px 11px;backdrop-filter:blur(15px)}.video-input>label{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.video-input textarea{background:transparent!important;outline:0;border:0!important;padding:9px 7px!important;min-height:67px!important;height:67px;resize:vertical!important;width:100%;font:14px/24px inherit;color:white;grid-column:1/3;border-radius:0;max-height:160px}.video-input textarea:focus{box-shadow:0 1px #ffffff85}.video-input textarea::placeholder{color:#ded5d4}.input-action{display:contents}.input-action small{max-width:none;font-size:10px;color:#d9cecb;grid-column:1;grid-row:2;align-self:center}.input-action>.primary{grid-column:2;grid-row:2;min-height:46px;height:auto;padding:10px 23px;background:white;color:#222}.input-action .paste{position:absolute;top:52px;right:14px;font-size:11px;background:#ffffff18;color:white;border-radius:999px}.input-action .cancel-parse{grid-column:1/3;grid-row:3;padding:10px;color:#f5d4bc;font-size:12px;justify-self:end}.error-text{grid-column:1/3;font-size:12px;line-height:1.7;min-height:0;margin:9px 4px 0;color:#ffd3c2}.error-text:empty{display:none}.error-text.loading-message{color:#ddd1cb}.getting .video-input{border-color:#ffd5bd}.getting .input-action>.primary{opacity:.7}#results-region{position:relative;z-index:1;width:min(1120px,calc(100% - 80px));margin:0 auto 60px;color:#322b26;scroll-margin-top:110px}.media-result{background:#fffdf9;border:1px solid #ddd3c8;border-radius:21px;padding:28px;margin:0;box-shadow:0 12px 35px #38230e08;min-width:0}.media-result>h3{font-size:27px;line-height:1.5;overflow-wrap:anywhere;margin:0 0 15px;font-weight:550}.media-result>.button{background:#f3ede4;color:#594d42;min-height:40px;font-size:12px;border:1px solid #e4dbcf;border-radius:999px;margin:0 5px 6px 0;padding:9px 15px}.media-result>p{color:#847466;font-size:12px;line-height:1.8;margin:10px 0}.media-result>label{display:flex;align-items:center;font-size:12px;gap:8px;padding-top:12px}.media-result input[type=checkbox]{accent-color:#bc633a;width:17px;height:17px}.media-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:17px}.media-items article{border:1px solid #e7dfd3;border-radius:14px;padding:12px;display:flex;flex-direction:column;min-width:0;gap:10px;background:#f9f5ee}.media-items article>label{font-size:11px;display:flex;align-items:flex-start;gap:5px;line-height:1.6;overflow-wrap:anywhere}.media-items article>a{background:#2e2823;color:white;padding:10px;border-radius:8px;font-size:12px;min-height:42px;order:3}.media-items .preview-slot{order:1;aspect-ratio:4/3;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#eae4da;color:#8b6b56;font-size:12px}.media-items .preview-slot img{display:block;width:100%;height:100%;object-fit:contain;max-height:none!important}.media-items article>label{order:2}.media-items .video-item{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;padding:22px;gap:15px}.video-item>label{grid-column:2;font-size:11px}.video-item>a{grid-column:2;min-width:165px;background:#b95f35!important;grid-row:2;order:initial!important}.save-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;position:sticky;bottom:12px;margin:24px -8px -8px;padding:16px;background:#f7f0e6f5;border:1px solid #dfd1c0;border-radius:13px;box-shadow:0 8px 25px #3a240f12;z-index:2}.package-status{font-size:11px;color:#8d735d;line-height:1.8;flex:1;min-width:200px;margin:0}.save-bar .primary{color:white;background:#332920;border-radius:9px;font-size:13px;min-height:46px}.cancel-package{font-size:12px;color:#9c4728;text-decoration:underline;padding:10px}#info-body{max-height:60dvh;overflow:auto}.menu-open .header{color:white!important;background:#111!important}.menu-open .burger span{background:white!important}
@media(max-width:900px){.main-nav,.main-account{display:none}#results-region{width:calc(100% - 48px)}.media-items{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.hero{padding-bottom:95px}.hero h1{font-size:39px;letter-spacing:-1.5px}.video-input{border-radius:18px;padding:13px}.video-input textarea{min-height:80px!important;height:80px;font-size:13px!important;padding-right:5px!important}.input-action>.primary{grid-column:1/3;grid-row:2;width:100%;min-height:47px}.input-action small{grid-column:1/3;grid-row:3;font-size:9px;padding:12px 0 0}.input-action .paste{top:66px;right:12px;min-height:32px}.input-action .cancel-parse{grid-row:4}.error-text{font-size:11px}#results-region{width:calc(100% - 28px);margin-bottom:28px;scroll-margin-top:100px}.media-result{padding:17px;border-radius:16px}.media-result>h3{font-size:21px}.media-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.media-items article{padding:9px;gap:8px}.media-items .video-item{grid-template-columns:1fr;padding:17px}.video-item>label,.video-item>a{grid-column:1;grid-row:auto!important}.video-item>a{width:100%}.save-bar{margin:19px -5px -5px;gap:8px;padding:12px;bottom:10px}.save-bar .primary{width:100%;font-size:12px}.package-status{flex-basis:100%;font-size:10px}.media-result>p{font-size:11px}.media-result>.button{font-size:11px}}.video-input textarea{font-family:inherit;line-height:24px}.media-items article>a:focus-visible,.package:focus-visible{outline:3px solid #ad5d32;outline-offset:4px}.media-result>p{margin:6px 0;font-size:11px}
.input-action .paste{top:14px;right:14px}.video-input textarea{padding-right:45px!important}@media(max-width:600px){.input-action .paste{top:13px;right:12px}.video-input textarea{padding-right:42px!important}}