@font-face{font-family:'ICE Alibaba PuHuiTi';src:url('./fonts/Alibaba-PuHuiTi-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:block}
/* New-project workspace: scoped to the preview, existing project editing stays intact. */
body.ant-console.reference-merchant #dialog.film-project-dialog[data-reference-size]{width:1200px;max-width:calc(100vw - 48px);height:min(820px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);overflow:hidden;display:flex;flex-direction:column}
body.ant-console #dialog.film-project-dialog .modal-head{flex:none;padding:20px 24px}
body.ant-console #dialog.film-project-dialog .modal-head h2{font-size:20px;font-weight:600}
body.ant-console #dialog.film-project-dialog .modal-body{padding:0;min-height:0;flex:1;overflow:hidden;display:flex}
.film-project-dialog #edit-form{width:100%;min-width:0;min-height:0;display:flex}
.film-project-dialog #edit-form>.form-grid{display:flex;flex-direction:column;gap:0;width:100%;min-height:0}
.film-project-tabs{display:flex;flex:none;gap:8px;padding:16px 24px;border-bottom:1px solid #f0f0f0;background:#fff}
.film-project-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:9px 12px;border:1px solid transparent;background:#fff;border-radius:6px;color:#595959;white-space:nowrap;font:inherit;cursor:pointer}
.film-project-tabs button>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f0f0f0;font-size:12px}
.film-project-tabs button[aria-selected=true]{color:#0958d9;background:#e6f4ff;border-color:#91caff;font-weight:600}
.film-project-tabs button[aria-selected=true]>span{color:white;background:#1677ff}
.film-project-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;flex:1;min-height:0;background:#fafafa}
.film-project-editor{overflow:auto;min-width:0;padding:24px;scrollbar-gutter:stable}
.film-project-panel{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:24px;min-width:0}
.film-project-panel>header{margin-bottom:24px}
body.ant-console .film-project-panel>header h3{font-size:18px;margin:0 0 8px}
.film-project-panel>header p{margin:0;color:#737373;font-size:13px}
.film-project-panel>.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
.film-project-panel .field{min-width:0;margin:0}
.film-project-panel .field label{display:block;margin-bottom:8px}
.film-project-panel .field small{display:block;color:#737373;line-height:1.7;margin-top:6px}
body.ant-console .film-project-panel input:not([type=checkbox],[type=range],[type=color]),body.ant-console .film-project-panel select,body.ant-console .film-project-panel textarea{min-height:40px;width:100%;box-sizing:border-box}
.film-project-panel textarea{resize:vertical;min-height:84px}
.film-project-panel .check{grid-column:1/-1;padding:12px 0;margin:0;display:flex;gap:8px;align-items:center}
.film-project-panel .film-section{margin:8px 0 0;border-top:1px solid #f0f0f0;padding-top:16px}
.film-project-panel .film-section>.form-grid{gap:20px 16px}
.film-project-panel .film-guide{padding:4px 0;font-size:13px}
.film-project-panel .scene{margin:0 0 16px;padding:16px;border:1px solid #e5e7eb;border-radius:6px;background:#fafafa}
.film-project-panel .scene-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.film-project-panel .scene-head strong{font-size:14px}
.film-project-panel .scene .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.film-project-panel [data-action=add-scene]{width:100%;border-style:dashed;min-height:40px}
.film-project-panel .info{margin:0;font-size:13px;line-height:1.7}
.film-ratio-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.film-ratio-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;cursor:pointer;color:#595959}
.film-ratio-option strong{font-size:18px;font-weight:600}.film-ratio-option span{font-size:12px}
.film-ratio-option[aria-pressed=true]{color:#0958d9;border-color:#1677ff;background:#e6f4ff;box-shadow:0 0 0 1px #1677ff}
.film-project-preview{padding:20px;border-left:1px solid #f0f0f0;overflow:auto;background:#fff;min-width:0}
.film-project-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
body.ant-console .film-project-preview-heading h3{font-size:15px;margin:0}
.film-project-preview-heading span{font-size:12px;color:#0958d9;background:#e6f4ff;border-radius:4px;padding:2px 8px}
.film-preview-stage{margin-top:12px;min-width:0;display:flex;justify-content:center;align-items:center;background:#f5f5f5;border:1px solid #f0f0f0;border-radius:6px;padding:12px}
.film-preview-frame{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;height:234px;background:#30343b;color:white;border-radius:4px;overflow:hidden}
.film-preview-frame[data-ratio="16:9"]{width:100%;height:auto}.film-preview-frame[data-ratio="1:1"]{width:220px;height:auto}
.film-preview-device{width:227px;max-width:100%;height:auto;box-sizing:border-box;flex:none;padding:10px;border:3px solid #434a55;border-radius:38px;background:#11151b;box-shadow:0 4px 12px #00000024;overflow:hidden}
.film-preview-screen{width:100%;height:auto;aspect-ratio:402/874;display:flex;align-items:center;justify-content:center;background:#080b10;border-radius:26px;overflow:hidden}
.film-preview-screen .film-preview-frame,.film-preview-screen .film-preview-frame[data-ratio]{width:100%;height:auto;max-height:100%;border-radius:0;flex:none}
.film-preview-center{font-size:12px;color:#aab1bc;letter-spacing:2px}
.film-preview-canvas{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden}
.film-preview-frame [data-preview-top],.film-preview-frame [data-preview-subtitle]{position:absolute;left:10%;right:10%;text-align:center;line-height:1.372;white-space:pre-wrap;overflow-wrap:anywhere;paint-order:stroke fill;font-family:'ICE Alibaba PuHuiTi';font-weight:400;font-style:normal;font-synthesis:none;letter-spacing:0;text-shadow:none;text-transform:none}
.film-preview-frame [data-preview-top]{top:8%}
.film-preview-frame [data-preview-subtitle]{top:78%}
.film-preview-canvas[data-font-ready=false]{visibility:hidden}
.film-preview-frame .film-preview-line{display:block;position:relative;left:50%;transform:translateX(-50%);width:max-content;min-width:100%;white-space:pre;overflow-wrap:normal;letter-spacing:2px}
.film-preview-note,.film-flower-references{font-size:12px;line-height:1.7;color:#737373;margin-top:12px}
.film-flower-references{border:1px solid #e5e7eb;border-radius:6px;padding:10px;background:#fafafa}
.film-flower-references figure{margin:10px 0 0}.film-flower-references figcaption{font-size:11px;overflow-wrap:anywhere;margin-bottom:6px}.film-flower-references img{display:block;width:100%;height:auto;max-height:120px;object-fit:contain}
.film-flower-references[hidden],.film-flower-references figure[hidden],.film-flower-references img[hidden]{display:none}
.film-project-panel [data-transition-hint]{margin-top:0;line-height:1.7}
.film-project-summary{margin:14px 0;font-size:12px}.film-project-summary>div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f0f0f0}.film-project-summary dt{color:#737373;flex:none}.film-project-summary dd{margin:0;text-align:right;color:#262626;overflow-wrap:anywhere}
.film-project-readiness,.film-project-inline-note{font-size:12px;color:#0958d9;background:#e6f4ff;border-radius:4px;padding:10px 12px;line-height:1.7}
body.ant-console #dialog.film-project-dialog .modal-footer{flex:none;display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid #f0f0f0;background:#fff}
.film-project-feedback{margin:0 auto 0 0;max-width:65%;color:#0958d9;font-size:13px}.film-project-feedback[data-error=true]{color:#cf1322}
@media(max-width:1100px){
 .film-project-workspace{grid-template-columns:minmax(0,1fr) 300px}.film-project-editor{padding:16px}.film-project-panel{padding:16px}.film-project-preview{padding:16px}.film-project-tabs{padding:12px 16px;gap:4px}.film-project-tabs button{padding:8px;font-size:13px}
}
@media(max-width:700px){
 body.ant-console.reference-merchant #dialog.film-project-dialog[data-reference-size]{width:100%;max-width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}
 body.ant-console #dialog.film-project-dialog .modal-head{padding:16px}
 body.ant-console #dialog.film-project-dialog .modal-head h2{font-size:18px}.film-project-tabs{padding:8px;gap:2px}.film-project-tabs button{flex-direction:column;gap:4px;font-size:12px;padding:8px 4px}
 .film-project-workspace{display:block;overflow:auto}.film-project-editor{overflow:visible;padding:12px}.film-project-preview{overflow:visible;border-left:0;border-top:1px solid #f0f0f0;padding:16px}
 .film-project-panel>.form-grid,.film-project-panel .scene .form-grid,.film-project-panel .film-section>.form-grid{grid-template-columns:1fr}
 .film-ratio-options{gap:8px}.film-project-panel .scene-head .actions{gap:4px}
 body.ant-console #dialog.film-project-dialog .modal-footer{padding:12px;gap:8px;flex-wrap:wrap}.film-project-feedback{flex-basis:100%;max-width:100%}.film-project-feedback:empty{display:none}
 body.ant-console .film-picker-grid{grid-template-columns:1fr}
}

.film-project-panel .film-text-block{margin:0;padding:0 0 16px;border-top:0;border-bottom:1px solid #f0f0f0}.film-text-block[open]>.form-grid{margin-top:16px}.film-project-panel h4.full{font-size:15px;margin:0 0 16px}.film-text-block>.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.film-project-panel input[type=range]{width:100%;accent-color:#1677ff}.film-project-panel output{display:block;color:#0958d9;font-size:13px;margin-top:8px}
@media(max-width:700px){.film-text-block>.form-grid{grid-template-columns:1fr}}