.tip-page{--tip-ink:#f2eee7;--tip-muted:#aaa5a0;--tip-line:#39302b;max-width:1360px;color:var(--tip-ink);margin:0 auto;padding:18px 32px 60px}.tip-breadcrumb{color:#9e9792;flex-wrap:wrap;gap:9px;margin:0 0 18px;font-size:10px;display:flex}.tip-breadcrumb a:hover,.tip-page a:focus-visible{color:var(--vm-orange)}.tip-heading{text-align:center;margin-bottom:22px}.tip-kicker{color:#c6a991;letter-spacing:.14em;align-items:center;gap:8px;font-size:10px;font-weight:600;display:inline-flex}.tip-heading h1{letter-spacing:-.05em;margin:10px 0;font-size:clamp(29px,3.3vw,52px);font-weight:500;line-height:1.13}.tip-heading>p{max-width:650px;color:var(--tip-muted);margin:0 auto;font-size:14px;line-height:1.7}.tip-workbench{background:radial-gradient(at 90% 0,#39291e66,#0000 65%),#171516;border:1px solid #503a2d;border-radius:17px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);scroll-margin-top:90px;display:grid;overflow:hidden;box-shadow:0 16px 90px #0003}.tip-casting{border-right:1px solid var(--tip-line);padding:23px}.tip-casting-title,.tip-preview-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px;display:flex}.tip-casting-title>span:last-child,.tip-preview-title>span:last-child{color:var(--tip-muted);font-size:10px}.tip-photo-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.tip-photo{background:#100f10;border:1px dashed #5c4a3e;border-radius:10px;min-width:0;padding:0 10px 10px;transition:border-color .2s,background .2s;position:relative}.tip-photo.is-dragging,.tip-photo:focus-within{border-color:var(--vm-orange);background:#2b211a}.tip-upload{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:177px;padding:27px 0 9px;display:flex;position:relative}.tip-upload:disabled{cursor:default;opacity:.6}.tip-role-number{color:#776656;letter-spacing:.06em;font-size:10px;position:absolute;top:9px;left:0}.tip-upload-icon{color:#dfc9b2;place-content:center;width:44px;height:44px;margin-bottom:5px;display:grid}.tip-upload strong{text-align:center;font-size:11px;font-weight:500}.tip-upload strong>span{color:#e5c29d;margin-top:3px;font-size:16px;display:block}.tip-upload>span:last-child{color:var(--tip-muted);text-underline-offset:3px;font-size:10px;text-decoration:underline}.tip-upload img{object-fit:contain;border-radius:5px;width:76px;height:76px}.tip-photo.has-photo .tip-upload{gap:5px}.tip-photo>p{color:#a9a099;text-align:center;font-size:10px;line-height:1.5}.tip-remove{cursor:pointer;background:#302822;border-radius:50%;padding:5px;position:absolute;top:6px;right:6px}.tip-help{color:var(--tip-muted);margin:12px 0;font-size:10px;line-height:1.7}.tip-settings{color:#d4c3b1;border-top:1px solid var(--tip-line);border-bottom:1px solid var(--tip-line);flex-wrap:wrap;gap:15px;padding:13px 0;font-size:11px;display:flex}.tip-settings>span{align-items:center;gap:5px;display:inline-flex}.tip-action{justify-content:space-between;align-items:center;gap:14px;padding-top:17px;display:flex}.tip-cost{flex-direction:column;display:flex}.tip-cost>strong{letter-spacing:-.03em;font-size:23px;font-weight:500}.tip-cost>strong span{color:#d2c4b9;font-size:11px;font-weight:400}.tip-cost>span{color:var(--tip-muted);margin-top:2px;font-size:10px}.tip-generate{white-space:nowrap;justify-content:center;align-items:center;gap:16px;min-height:45px;padding:0 18px;font-size:12px;display:inline-flex}.tip-generate:disabled{opacity:.45;cursor:default}.tip-privacy{color:var(--tip-muted);font-size:10px;line-height:1.7}.tip-privacy summary{cursor:pointer}.tip-privacy p{margin-top:8px}.tip-privacy a,.tip-warning button{text-underline-offset:3px;text-decoration:underline}.tip-preview{align-self:start;margin:0;padding:23px}.tip-preview video{aspect-ratio:16/9;background:#080808;border:1px solid #48392c;border-radius:8px;width:100%;height:auto;display:block}.tip-preview figcaption{padding-top:20px}.tip-preview figcaption>strong{letter-spacing:-.04em;font-family:DM Sans,sans-serif;font-size:clamp(22px,2vw,31px);font-weight:400}.tip-preview p{color:var(--tip-muted);max-width:450px;margin:10px 0 13px;font-size:12px;line-height:1.8}.tip-preview figcaption>span{color:#cdb69f;align-items:center;gap:7px;font-size:10px;display:flex}.tip-error,.tip-warning{margin-top:12px;font-size:12px;line-height:1.7}.tip-error{color:#ffb09a}.tip-warning{color:#e9c18f}.tip-result{margin:35px 0}.tip-result>h2{margin-bottom:18px;font-size:23px}.tip-sequence{margin-top:76px}.tip-sequence h2{letter-spacing:-.04em;margin:11px 0;font-size:clamp(23px,2.4vw,33px);font-weight:400}.tip-sequence header>p{color:var(--tip-muted);font-size:12px}.tip-beats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px;display:grid}.tip-beats img{aspect-ratio:16/9;border-radius:8px;width:100%;height:auto}.tip-beats figcaption{gap:12px;margin-top:16px;display:flex}.tip-beats figcaption>span{color:#a38872;padding-top:4px;font-size:10px}.tip-beats h3{margin-bottom:8px;font-size:15px;font-weight:500}.tip-beats p{color:var(--tip-muted);font-size:12px;line-height:1.8}.tip-reading{border-top:1px solid var(--tip-line);grid-template-columns:1fr 2fr;gap:50px;margin-top:75px;padding-top:45px;display:grid}.tip-reading aside{align-self:start;position:sticky;top:100px}.tip-reading aside h2{letter-spacing:-.045em;margin:15px 0;font-size:clamp(27px,3vw,39px);font-weight:400;line-height:1.15}.tip-reading aside p{color:var(--tip-muted);max-width:220px;font-size:12px;line-height:1.8}.tip-reading aside a{color:#e0b99c;margin-top:22px;font-size:12px;display:inline-block}.tip-reading section{margin-bottom:37px}.tip-reading section h2{letter-spacing:-.03em;margin-bottom:15px;font-size:21px;font-weight:400}.tip-reading section p{color:#b4aeaa;margin-top:13px;font-size:13px;line-height:1.95}.tip-faq{border-top:1px solid var(--tip-line);grid-template-columns:1fr 2fr;gap:50px;margin-top:25px;padding-top:40px;display:grid}.tip-faq h2{letter-spacing:-.04em;margin-top:12px;font-size:27px;font-weight:400}.tip-faq details{border-bottom:1px solid var(--tip-line)}.tip-faq summary{cursor:pointer;padding:17px 20px 17px 0;font-size:13px}.tip-faq p{color:var(--tip-muted);padding-bottom:18px;font-size:12px;line-height:1.9}.tip-page-footer{border-top:1px solid var(--tip-line);flex-wrap:wrap;gap:20px;margin-top:45px;padding-top:24px;font-size:12px;display:flex}.tip-page-footer a{align-items:center;gap:8px;display:inline-flex}.tip-page :is(button,a,summary):focus-visible{outline:2px solid var(--vm-orange);outline-offset:4px}@media (width<=1100px){.tip-casting,.tip-preview{padding:18px}.tip-generate{gap:9px;padding:0 12px}.tip-workbench{grid-template-columns:1.1fr 1fr}.tip-settings{gap:10px;font-size:10px}.tip-photo-grid{gap:10px}}@media (width<=800px){.tip-workbench{grid-template-columns:1fr}.tip-casting{border-right:0;border-bottom:1px solid var(--tip-line)}.tip-heading>p{max-width:500px}.tip-upload{min-height:160px}.tip-preview{width:100%}.tip-reading,.tip-faq{grid-template-columns:1fr;gap:27px}.tip-reading aside{position:static}.tip-reading aside h2 br{display:none}.tip-reading aside p{max-width:none}.tip-beats{gap:13px}.tip-reading{margin-top:50px;padding-top:30px}}@media (width<=520px){.tip-page{padding:18px 16px 44px}.tip-breadcrumb{margin-bottom:21px;font-size:9px}.tip-heading{margin-bottom:22px}.tip-heading h1{font-size:31px}.tip-heading>p{font-size:12px}.tip-heading .tip-kicker{font-size:8px}.tip-casting,.tip-preview{padding:15px}.tip-casting-title{align-items:flex-start}.tip-kicker,.tip-casting-title>span:last-child{font-size:9px}.tip-upload strong>span{font-size:15px}.tip-upload>span:last-child{font-size:9px}.tip-photo{padding:0 7px 9px}.tip-photo>p{font-size:10px}.tip-action{gap:8px}.tip-generate{min-height:44px;font-size:11px}.tip-cost>strong{font-size:22px}.tip-beats{grid-template-columns:1fr;gap:25px}.tip-beats img{aspect-ratio:16/9}.tip-sequence{margin-top:48px}.tip-sequence h2{max-width:300px}.tip-reading section h2{font-size:21px}.tip-reading section p{font-size:13px}.tip-page-footer{margin-top:30px}}@media (prefers-reduced-motion:reduce){.tip-photo{transition:none}}