.site-header{gap:20px}.desktop-nav{gap:14px!important}.desktop-nav a{font-size:.76rem!important}.site-header .menu-button{margin-left:auto}.tube-preview img,.media-preview img{object-fit:contain;width:100%;height:100%}.tube-preview>a{display:block;width:100%;height:100%}.media-card-body{padding:14px}.resource-engagement{display:flex;gap:18px;align-items:center;margin:12px 0;font-size:.8rem}.resource-like{border:1px solid #dedce9;border-radius:9px;background:#fff;padding:8px;cursor:pointer}.resource-like.liked{color:#e54877}.original-download{display:inline-block;border:1px solid #5b4bdb;color:#5b4bdb;padding:9px 14px;border-radius:9px;font-weight:700;margin-top:12px}.tube-card-links{gap:10px;flex-wrap:wrap}.category-grid .tube-card{padding-bottom:20px}.category-grid p{color:#777488}.seo-guide{line-height:1.7}.level-links{display:flex;flex-wrap:wrap;gap:9px}.level-links a{padding:8px 12px;border:1px solid #dcd9ef;border-radius:8px;background:white;color:#5b4bdb}.canvas-stage>*{grid-area:1/1}.canvas-stage img{width:100%;height:100%;object-fit:contain}.static-preview[hidden]{display:none}.editor-page .seo-guide{max-width:1200px;margin:20px auto;padding:24px}.control-group select{padding:10px;border-radius:9px;max-width:100%}dialog{border:1px solid #ddd;border-radius:20px;padding:28px;max-width:min(480px,92vw);box-shadow:0 20px 80px #0004}dialog::backdrop{background:#17152b88}dialog button,.consent-actions button{padding:11px 15px;border-radius:9px;border:1px solid #dedce9;background:white;cursor:pointer;font-weight:700}#verify-download,#consent-accept,#consent-save{background:#5b4bdb;color:white;border-color:#5b4bdb}#download-feedback{color:#655b7a;min-height:24px}.consent-panel{position:fixed;bottom:22px;right:22px;max-width:510px;background:white;border:1px solid #dedce9;border-radius:18px;padding:22px;box-shadow:0 12px 60px #17152b40;z-index:99999}.consent-panel[hidden]{display:none}.consent-panel h2{font-size:1.2rem}.consent-panel p{font-size:.86rem;line-height:1.6}.consent-actions{display:flex;flex-wrap:wrap;gap:8px}#consent-options{margin:12px 0}#consent-options label{margin-right:18px}.reference-links button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.ad-placement{max-width:1100px;margin:30px auto}.ad-placement:has(ins:not([data-ad-status])){min-height:0} @media(max-width:800px){.desktop-nav{display:none!important}.consent-panel{left:12px;right:12px;bottom:12px;max-width:none}.site-header .brand img{max-width:220px}.editor-title h1{font-size:1.7rem}.editor-stats{flex-wrap:wrap}}
.tube-preview img,.media-preview img{display:block;box-sizing:border-box;width:100%;height:100%;margin:0;padding:18px;object-fit:contain;transform:none}
.tube-card:hover .tube-preview img,.media-card:hover .media-preview img{transform:none}
.tube-preview,.media-preview{display:grid;place-items:center}
.reference-footer{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center}
.reference-footer .reference-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 48px;width:100%;margin:0}
.reference-footer>a{display:block;margin:0 auto}
.reference-footer>a img{display:block;margin:0 auto}
.reference-footer>p{width:100%;margin:0;text-align:center}
.editor-page .canvas-stage{width:min(100%,380px);aspect-ratio:1;margin:0 auto}
.editor-page .canvas-panel{max-width:640px;width:100%;justify-self:center;box-sizing:border-box}
.editor-page .editor-workspace{grid-template-columns:minmax(0,1fr) minmax(340px,390px);max-width:1080px;margin:0 auto}
.editor-page .editor-workspace-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 22px;border-radius:12px;background:linear-gradient(125deg,#5b35df,#2368ce);color:#fff;font-size:.95rem;font-weight:850;box-shadow:0 6px 18px #5840cb40;border:2px solid #fff;text-decoration:none;transition:transform .18s,box-shadow .18s}
.editor-page .editor-workspace-link::after{content:'↗';font-size:1.25rem}
.editor-page .editor-workspace-link:hover{transform:translateY(-2px);box-shadow:0 9px 24px #5840cb55}
.editor-page .editor-workspace-link:focus-visible{outline:3px solid #08a9c7;outline-offset:4px}
@media(max-width:900px){.editor-page .editor-workspace{grid-template-columns:1fr}.editor-page .canvas-stage{width:min(100%,360px)}.reference-footer .reference-links{gap:18px 26px}}
.editor-page .canvas-stage{width:min(100%,520px)}
.editor-page .editor-workspace{max-width:1280px;grid-template-columns:minmax(0,1fr) minmax(340px,390px)}
.editor-preview-column{min-width:0;display:flex;flex-direction:column;gap:18px}
.editor-page .canvas-panel{max-width:none}
.editor-page .editor-preview-column .seo-guide{box-sizing:border-box;width:100%;margin:0;padding:24px}
.editor-preview-column .seo-guide h2{font-size:1.45rem;line-height:1.25}
.site-header .brand.brand-image{flex:0 0 auto}
.site-header .brand.brand-image img{width:220px!important;max-width:220px;height:auto!important}
.site-header .desktop-nav{gap:22px!important;flex-wrap:wrap}
.site-header .desktop-nav a{font-size:.96rem!important}
@media(max-width:1100px){.site-header{flex-wrap:wrap}.site-header .desktop-nav{gap:15px!important}.site-header .desktop-nav a{font-size:.9rem!important}}
@media(max-width:900px){.editor-page .editor-workspace{grid-template-columns:1fr}.editor-page .canvas-stage{width:min(100%,520px)}}
@media(max-width:800px){.site-header .brand.brand-image img{width:200px!important;max-width:60vw}.site-header .menu-button{font-size:1.6rem}}

.legacy-navigation{max-width:1172px;margin:28px auto;padding:24px;border:1px solid #e2e1ed;border-radius:18px;background:#fff}.legacy-navigation h2{font-size:1.5rem;margin:0 0 12px}.legacy-navigation .level-links a[aria-current="page"]{background:#5b4bdb;color:#fff}.filled-collection>p{line-height:1.7;color:#666378;margin-bottom:28px}.filled-collection .tube-card h3{font-size:.88rem}@media(max-width:700px){.legacy-navigation{margin:20px 14px;padding:18px}}

.family-menu{position:relative}.family-menu summary{cursor:pointer;font-weight:800;list-style:none;padding:12px}.family-menu summary::after{content:" ▾"}.family-menu-items{position:absolute;top:100%;left:0;min-width:250px;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid #e3dfef;border-radius:14px;padding:12px;box-shadow:0 10px 25px #17152b26;z-index:1000}.family-menu-items a{padding:9px;border-radius:8px}.family-menu-items a:hover{background:#f2efff}.mobile-nav strong{display:block;padding:14px 12px 4px;color:#5b4bdb}.editor-page .control-group select{min-width:0;max-width:100%;width:100%}.control-group label:has(#liquid-level){grid-template-columns:1fr}.legacy-navigation .level-links{gap:8px}