.film-site{--fm-ink:#173847;--fm-muted:#607781;--fm-line:#dce6eb;--fm-card:#fff;--fm-soft:#f3f8fa;--fm-accent:#116781;--fm-accent-soft:#e6f4f8;--fm-gold:#b7862b;--fm-gold-soft:#fff6e3;min-height:100vh;color:var(--fm-ink);font-family:Sarabun,sans-serif}.film-site *{box-sizing:border-box}.film-site a{color:inherit;text-decoration:none}.film-nav{display:none}.film-logo{font-weight:800;color:var(--fm-accent)!important}.film-hero{border:1px solid var(--fm-line);background:linear-gradient(135deg,#fff 0%,#eef7fa 55%,#fff4dc 100%);border-radius:20px;margin:24px clamp(16px,3vw,32px) 0;padding:clamp(24px,4vw,40px)}.film-eyebrow{letter-spacing:.14em;color:var(--fm-accent);margin:0;font-size:12px;font-weight:800}.film-hero h1{color:var(--fm-ink);margin:8px 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.18}.film-hero>p:not(.film-eyebrow){max-width:680px;color:var(--fm-muted);margin:0;line-height:1.7}.film-primary,.film-action{background:var(--fm-accent);min-height:42px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 20px;font-weight:800;display:inline-flex;color:#fff!important}.film-primary{margin-top:18px}.film-primary:hover,.film-action:hover{background:#0f5a70}.film-action:disabled{cursor:default;background:#9fc7d2}.film-container{max-width:1180px;margin:0 auto;padding:24px clamp(16px,3vw,32px) 48px}.film-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.film-section-head h2{margin:0;font-size:22px}.film-section-head span,.film-muted{color:var(--fm-muted)}.film-filters{border:1px solid var(--fm-line);background:var(--fm-card);border-radius:16px;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:24px;padding:16px;display:flex}.film-filters label{min-width:160px;color:var(--fm-ink);flex:1;gap:6px;font-size:14px;font-weight:700;display:grid}.film-filters select{width:100%;min-height:42px;color:var(--fm-ink);font:inherit;background:#fff;border:1px solid #bfd3da;border-radius:10px;padding:0 12px}.film-filters button{background:var(--fm-accent);color:#fff;min-height:42px;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 20px;font-weight:800}.film-filters>a{color:var(--fm-accent);padding:10px;font-weight:700}.film-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;display:grid}.film-card{border:1px solid var(--fm-line);background:var(--fm-card);border-radius:16px;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.film-card:hover{border-color:#8fc4d2;transform:translateY(-3px);box-shadow:0 12px 26px #1167811f}.film-poster{aspect-ratio:2/3;background:linear-gradient(145deg,#e6f1f5,#f6efe0)}.film-poster img{object-fit:cover;width:100%;height:100%;display:block}.film-card-body{padding:14px}.film-tag{background:var(--fm-gold-soft);color:#7a5400;border-radius:99px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-block}.film-card h3{margin:8px 0 6px;font-size:16px;line-height:1.35}.film-card p{color:var(--fm-muted);margin:4px 0;font-size:14px}.film-card small{color:var(--fm-muted)}.film-card strong{color:var(--fm-gold);margin-top:10px;display:block}.film-empty{background:var(--fm-card);text-align:center;color:var(--fm-muted);border:1px dashed #b9cdd4;border-radius:16px;padding:48px 24px}.film-empty h3{color:var(--fm-ink)}.film-metadata{color:var(--fm-muted);flex-wrap:wrap;gap:6px 8px;margin:10px 0;font-size:13px;display:flex}.film-metadata span{border:1px solid var(--fm-line);background:var(--fm-soft);border-radius:8px;padding:3px 8px;display:inline-block}.film-card .film-metadata{font-size:12px}.film-card .film-metadata span{width:100%}.film-detail{grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:32px;display:grid}.film-detail .film-poster{border:1px solid var(--fm-line);border-radius:16px;overflow:hidden}.film-detail h1{margin:8px 0;font-size:clamp(26px,4vw,38px);line-height:1.2}.film-detail p{line-height:1.7}.film-options{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:20px 0;display:grid}.film-option{border:1px solid var(--fm-line);background:var(--fm-card);border-radius:14px;padding:16px}.film-option h3{margin:6px 0 0;font-size:17px}.film-option strong{color:var(--fm-gold);margin:6px 0;font-size:20px;display:block}.film-option small{color:var(--fm-muted)}.film-option button{width:100%;margin-top:14px}.film-panel{border:1px solid var(--fm-line);background:var(--fm-card);border-radius:16px;margin:20px 0;padding:20px}.film-panel h2{margin-top:0}.film-player{aspect-ratio:16/9;background:#000;border:0;border-radius:14px;width:100%}.film-progress{width:100%;accent-color:var(--fm-accent)}.film-field{color:var(--fm-ink);margin:16px 0;font-weight:700;display:block}.film-field input,.film-field textarea,.film-field select{width:100%;color:var(--fm-ink);font:inherit;background:#fff;border:1px solid #bfd3da;border-radius:10px;margin-top:6px;padding:10px 12px;font-weight:400;display:block}.film-field textarea{min-height:100px}.film-field input[type=checkbox]{width:auto;margin-right:8px;display:inline}.film-notice{background:var(--fm-gold-soft);color:#6d4d05;border:1px solid #f0d9a6;border-radius:12px;margin:16px 0;padding:12px 14px}.film-error{color:#a33527;background:#fff0ed;border-color:#efc1b8}.film-inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.film-inline a{color:var(--fm-accent);font-weight:700}.film-inline>.film-field{flex:210px;min-width:0}.film-inline>.film-field select{min-width:0}.film-small{color:var(--fm-muted);font-size:13px}.film-divider{border:0;border-top:1px solid var(--fm-line);margin:24px 0}:is(.film-filters :focus-visible,.film-field :focus-visible){outline:2px solid var(--fm-accent);outline-offset:2px}.film-myworks{background:linear-gradient(135deg,#fffaf0,#fff);border:1px solid #f0d9a6;border-radius:20px;margin:24px 0 28px;padding:clamp(18px,3vw,28px);scroll-margin-top:24px}.film-myworks-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.film-myworks-head h2{margin:4px 0;font-size:clamp(22px,3vw,28px)}.film-myworks-head h2 span{background:var(--fm-gold);color:#fff;vertical-align:middle;border-radius:9px;place-items:center;min-width:30px;height:30px;padding:0 8px;font-size:15px;display:inline-grid}.film-myworks-head p:not(.film-eyebrow){color:var(--fm-muted);margin:6px 0 0}.film-myworks-list{gap:8px;margin-top:20px;display:grid}.film-mywork-row{align-items:stretch;gap:10px;display:flex}.film-mywork-row .film-mywork-link{flex:1;min-width:0}.film-mywork-link{border:1px solid var(--fm-line);background:#fff;border-radius:12px;align-items:center;gap:14px;min-height:68px;padding:12px 16px;transition:border-color .18s,background .18s;display:flex}:is(.film-mywork-link:hover,.film-mywork-link:focus-visible){background:var(--fm-soft);border-color:#8fc4d2}.film-mywork-title{flex:1;gap:4px;min-width:0;display:grid}.film-mywork-title strong,.film-mywork-title small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.film-mywork-title strong{color:var(--fm-ink);font-size:16px}.film-mywork-title small{color:var(--fm-muted);font-size:13px}.film-mywork-status{background:var(--fm-gold-soft);color:#7a5400;white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.film-mywork-arrow{color:var(--fm-accent);font-size:20px}.film-mywork-row .film-mywork-arrow{white-space:nowrap;font-size:13px}.film-mywork-view{background:var(--fm-accent);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;min-width:140px;padding:10px 16px;font-size:14px;font-weight:800;display:inline-flex;color:#fff!important}:is(.film-mywork-view:hover,.film-mywork-view:focus-visible){background:#0f5a70}.film-owner-details-title{margin:28px 0 0}.film-container>[id^=film-]{scroll-margin-top:24px}.film-admin-queue>summary{color:var(--fm-ink);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:19px;font-weight:800;list-style:none;display:flex}.film-admin-queue>summary::-webkit-details-marker{display:none}.film-admin-queue>summary:after{content:"⌄";margin-left:auto}.film-admin-queue[open]>summary:after{transform:rotate(180deg)}.film-admin-queue>summary span{color:var(--fm-muted);font-size:13px;font-weight:600}.film-admin-queue>summary:focus-visible{outline:2px solid var(--fm-accent);outline-offset:5px}@media (max-width:700px){.film-hero{margin:12px 12px 0}.film-detail{grid-template-columns:1fr}.film-detail .film-poster{max-width:300px}.film-filters label{min-width:100%}.film-filters button{flex:1}.film-myworks-head .film-action{width:100%}.film-mywork-row{flex-direction:column}.film-mywork-link{flex-wrap:wrap;gap:10px;min-height:64px}.film-mywork-status{order:2}.film-mywork-arrow{order:3;margin-left:auto}.film-mywork-view{min-height:42px}}.film-poster-ready{align-items:center;gap:10px;display:flex}.film-poster-thumb{aspect-ratio:2/3;object-fit:cover;background:#f1f4f6;border:1px solid #0000001f;border-radius:8px;width:84px}.film-steps{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.film-steps li{border:1px solid var(--fm-line);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.film-steps li>b{font-size:22px;line-height:1}.film-steps li>span{gap:3px;min-width:0;display:grid}.film-steps li strong{font-size:15px}.film-steps li small{color:#64748b;font-size:12px}.film-steps li.is-done{background:#f0fdf4;border-color:#16a34a}.film-steps li.is-done strong{color:#15803d}.film-steps li.is-working{background:#fffbeb;border-color:#f59e0b}.film-steps li.is-failed{background:#fef2f2;border-color:#dc2626}.film-steps li.is-failed strong{color:#b91c1c}.film-steps .film-progress{width:min(360px,100%)}.film-link-button{color:#0f6b82;font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:12px;font-weight:700;text-decoration:underline}.film-next{color:#475569;background:#f1f5f9;border-radius:12px;margin:12px 0 0;padding:10px 12px;font-size:13px}.film-next.is-ready{color:#15803d;background:#f0fdf4;flex-wrap:wrap;align-items:center;gap:10px;font-weight:700;display:flex}.film-steps li>span.film-poster-ready{align-items:center;gap:12px;display:flex}.film-steps .film-poster-thumb{width:56px}.film-action.film-action-danger{background:#dc2626}.film-action.film-action-danger:hover{background:#b91c1c}.film-action.film-action-danger:disabled{background:#f3b1b1}.film-action+.film-action-danger{margin-left:8px}.film-waiting{background:#fffbeb;border-color:#f59e0b}.film-waiting h3{color:#92400e;margin-top:0}.film-fold>summary{cursor:pointer;list-style:none}.film-fold>summary::-webkit-details-marker{display:none}.film-fold[open]>summary{margin-bottom:10px}.film-subs h4{margin:16px 0 6px}.film-sub-jobs{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.film-sub-jobs li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px}.film-sub-jobs li.is-done{background:#f0fdf4;border-color:#86efac}.film-sub-jobs li.is-refunded,.film-sub-jobs li.is-failed{background:#fef2f2;border-color:#fca5a5}.film-sub-jobs li span{font-size:13px}.film-sub-jobs progress{width:100%;margin-top:6px;display:block}.film-admin-more>summary{cursor:pointer;align-items:center;gap:10px;list-style:none;display:flex}.film-admin-more>summary::-webkit-details-marker{display:none}.film-admin-more[open]>summary{margin-bottom:12px}.film-action.film-action-ghost{background:#fff;border:1px solid #fca5a5;margin-left:8px;color:#991b1b!important}.film-action.film-action-ghost:disabled{background:#fff;color:#fca5a5!important}.film-action.film-action-ghost:hover{background:#fef2f2}.film-fold-hint{margin-top:8px;display:inline-flex}.film-fold-hint b{color:#fff;background:#0f5f7a;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block;box-shadow:0 2px 6px #0f5f7a33}.film-fold-hint .when-open{color:#334155;box-shadow:none;background:#e2e8f0}details>summary .when-open,details[open]>summary .when-closed{display:none}details[open]>summary .when-open{display:inline-block}summary:hover .film-fold-hint b{filter:brightness(1.1)}.film-admin-more>summary .film-fold-hint{margin:0 0 0 auto}.film-mystats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:18px 0 6px;display:grid}.film-mystats span{color:var(--fm-muted);background:#fff;border:1px solid #f0e2c0;border-radius:14px;gap:2px;padding:12px 14px;font-size:13px;display:grid}.film-mystats b{color:var(--fm-ink);font-size:22px;line-height:1.1}.film-mylist{gap:12px;margin-top:18px;display:grid}.film-mycard{border:1px solid var(--fm-line);background:#fff;border-radius:16px;scroll-margin-top:20px;transition:box-shadow .15s,border-color .15s;box-shadow:0 2px 10px #17384710}.film-mycard:hover{border-color:#b8d3dc;box-shadow:0 6px 18px #1738471a}.film-mycard[open]{border-color:#9cc6d3}.film-mycard>summary{cursor:pointer;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px 16px;list-style:none;display:grid}.film-mycard>summary::-webkit-details-marker{display:none}.film-mycard>summary:focus{outline:none}.film-mycard>summary:focus-visible{outline:2px solid var(--fm-accent);outline-offset:2px}.film-mycard-poster{background:var(--fm-soft);border-radius:10px;place-items:center;width:52px;height:74px;display:grid;overflow:hidden}.film-mycard-poster img{object-fit:cover;width:100%;height:100%}.film-mycard-poster i{font-size:22px;font-style:normal}.film-mycard-title{gap:2px;min-width:0;display:grid}.film-mycard-title small{color:var(--fm-muted);font-size:12px;font-weight:700}.film-mycard-title strong{color:var(--fm-ink);text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.film-mycard-title em{color:var(--fm-muted);font-size:13px;font-style:normal}.film-status{color:#475569;white-space:nowrap;background:#eef2f5;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800}.film-status.is-review{color:#8a5a00;background:#fff4d6}.film-status.is-published{color:#166534;background:#dcfce7}.film-status.is-fee_pending{color:#075985;background:#e0f2fe}.film-status.is-hold_owner,.film-status.is-hold_all,.film-status.is-rejected{color:#991b1b;background:#fee2e2}.film-mycard-toggle b{background:var(--fm-accent);color:#fff;white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:13px;display:inline-block}.film-mycard-toggle .when-open{color:#334155;background:#e2e8f0}.film-mycard-body{border-top:1px solid var(--fm-line);padding:4px 18px 18px}.film-mycard-facts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:14px 0 4px;display:grid}.film-mycard-facts span{background:var(--fm-soft);color:var(--fm-muted);border-radius:12px;gap:2px;padding:10px 12px;font-size:12px;display:grid}.film-mycard-facts b{color:var(--fm-ink);font-size:15px}.film-mycard-view{margin-top:6px}.film-orders>summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:10px;list-style:none;display:flex}.film-orders>summary::-webkit-details-marker{display:none}.film-orders .film-fold-hint{margin-top:0}.film-fold>summary:focus{outline:none}.film-fold>summary:focus-visible{outline:2px solid var(--fm-accent);outline-offset:2px}@media (max-width:640px){.film-mycard>summary{grid-template-columns:auto minmax(0,1fr);gap:10px 12px}.film-mycard>summary .film-status{grid-column:2;justify-self:start}.film-mycard>summary .film-mycard-toggle{grid-column:1/-1}.film-mycard-toggle b{text-align:center;display:block}.film-mycard-toggle .when-open,.film-mycard[open] .film-mycard-toggle .when-closed{display:none}.film-mycard[open] .film-mycard-toggle .when-open{display:block}}.film-next.is-ready p{flex:260px;margin:0}.film-fold-panel>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;list-style:none;display:flex}.film-fold-panel>summary::-webkit-details-marker{display:none}.film-fold-panel>summary h3,.film-fold-panel>summary .film-fold-hint{margin:0}.film-fold-panel[open]>summary{margin-bottom:10px}.film-fold-panel>summary:focus{outline:none}.film-fold-panel>summary:focus-visible{outline:2px solid var(--fm-accent);outline-offset:2px}.film-option-fold>summary{cursor:pointer;list-style:none}.film-option-fold>summary::-webkit-details-marker{display:none}.film-option-fold>summary:focus{outline:none}.film-option-fold[open]>summary{margin-bottom:8px}.film-action.film-action-ghost-blue{background:#fff;border:1px solid #9cc6d3;color:var(--fm-accent)!important}.film-action.film-action-ghost-blue:hover{background:var(--fm-accent-soft)}.film-mycard-links{align-items:center;gap:10px;margin-top:6px}.film-share{background:linear-gradient(135deg,#f0f9fb,#fff);border-color:#9cc6d3}.film-share h2{margin:0 0 6px;font-size:20px}.film-share-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.film-share-row input{min-height:42px;font:inherit;color:var(--fm-ink);background:#fff;border:1px solid #bfd3da;border-radius:10px;flex:260px;padding:0 12px}.film-mycard-toggle{align-items:center;gap:8px;display:flex}.film-mycard-toggle .film-mycard-next{color:var(--fm-accent);white-space:nowrap;background:#fff;border:1px solid #9cc6d3;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-block}.film-mycard-toggle .film-mycard-next:hover{background:var(--fm-accent-soft)}.film-owner-next{margin:18px 0 0}@media (max-width:640px){.film-mycard-toggle{justify-content:stretch}.film-mycard-toggle .film-mycard-next,.film-mycard-toggle b{text-align:center;flex:1}}.film-ai-transcribe{background:linear-gradient(135deg,#f0f9fb,#fff);border:1px solid #9cc6d3;border-radius:14px;margin:12px 0 4px;padding:14px 16px}.film-ai-transcribe h4{margin:0 0 4px}.film-hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.film-hero-actions>a{min-height:44px}.film-browse>.film-hero{margin:0 0 18px;padding:clamp(22px,4vw,40px);position:relative;overflow:hidden}.film-browse>.film-hero:after{content:"🎬";opacity:.12;pointer-events:none;font-size:clamp(72px,11vw,130px);position:absolute;bottom:-14px;right:clamp(16px,4vw,48px)}.film-browse .film-hero>p:not(.film-eyebrow){max-width:620px}.film-hero-actions .film-primary{margin-top:0}.film-browse .film-filters{border-radius:18px;grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:end;gap:12px;padding:14px 16px;display:grid;box-shadow:0 2px 10px #17384710}.film-browse .film-filters label{letter-spacing:.02em;min-width:0;color:var(--fm-muted);gap:5px;font-size:12px}.film-browse .film-filters select{-webkit-appearance:none;appearance:none;min-height:40px;color:var(--fm-ink);cursor:pointer;background:#f8fbfc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23607781' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center no-repeat;border-color:#d3e2e8;border-radius:12px;padding:0 34px 0 12px;font-weight:700}.film-browse .film-filters select:hover{background-color:#fff;border-color:#9cc6d3}.film-browse .film-filters button{white-space:nowrap;min-height:40px;padding:0 22px}.film-browse .film-filters>a{grid-column:1/-1;justify-self:start;padding:0;font-size:13px}.film-browse .film-section-head{margin:26px 0 14px}.film-count{background:var(--fm-accent-soft);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800;color:var(--fm-accent)!important}.film-browse .film-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.film-browse .film-card{border-radius:18px;flex-direction:column;display:flex;box-shadow:0 2px 10px #17384710}.film-browse .film-card .film-poster{position:relative}.film-browse .film-card-body{flex-direction:column;flex:1;gap:2px;padding:14px 14px 16px;display:flex}.film-browse .film-card h3{margin:8px 0 2px;font-size:17px}.film-browse .film-card p{color:var(--fm-ink);margin:0;font-weight:600}.film-browse .film-card small{margin-top:2px}.film-browse .film-card .film-metadata{gap:4px;margin:10px 0 0}.film-browse .film-card .film-metadata span{background:var(--fm-soft);border:0;border-radius:6px;width:auto;padding:2px 7px;font-size:11px}.film-price{background:var(--fm-gold-soft);border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:13px;color:#8a5a00!important;margin-top:auto!important}.film-browse .film-card-body .film-price{margin-top:12px!important}.film-price.is-free{background:#dcfce7;color:#166534!important}@media (max-width:1000px){.film-browse .film-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.film-browse .film-filters button{grid-column:span 3}}@media (max-width:560px){.film-browse .film-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.film-browse .film-filters button{grid-column:1/-1}.film-browse .film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.film-browse .film-card-body{padding:10px 10px 12px}.film-browse .film-card .film-metadata{display:none}.film-hero-actions>a{flex:100%}}.film-browse .film-card-body .film-tag{align-self:flex-start}