:root{color:#271638;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f4fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer}.login-page{background:linear-gradient(135deg,#f8f4fb 0%,#eee5f8 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border:1px solid #eadff4;border-radius:24px;width:100%;max-width:420px;padding:40px;box-shadow:0 20px 50px #5420a01f}.brand-mark,.sidebar-logo{color:#fff;background:#6a2dba;justify-content:center;align-items:center;font-weight:800;display:flex}.brand-mark{border-radius:18px;width:60px;height:60px;margin:0 auto 16px;font-size:30px}.brand-title{color:#26133d;text-align:center;font-size:27px;font-weight:800}.brand-subtitle{color:#7a6b86;text-align:center;margin-top:4px;font-size:14px}.login-form{flex-direction:column;margin-top:30px;display:flex}.login-form label{color:#362248;margin-bottom:7px;font-size:14px;font-weight:700}.login-form input{color:#2f2039;background:#fff;border:1px solid #d9cce4;border-radius:12px;outline:none;width:100%;height:46px;margin-bottom:18px;padding:0 14px}.login-form input:focus{border-color:#6a2dba;box-shadow:0 0 0 3px #6a2dba1a}.login-form input:disabled{cursor:not-allowed;background:#f7f4f9}.login-error{color:#b42318;margin:-4px 0 14px;font-size:13px;font-weight:600}.primary-button{color:#fff;background:#6a2dba;border:0;border-radius:13px;height:48px;margin-top:4px;font-weight:700}.primary-button:hover{background:#5420a0}.primary-button:disabled{opacity:.7;cursor:not-allowed}.admin-layout{background:#f8f4fb;min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e7ddef;flex-direction:column;width:245px;min-height:100vh;padding:24px 16px;display:flex}.sidebar-brand{align-items:center;gap:12px;padding:4px 8px 26px;display:flex}.sidebar-logo{border-radius:12px;width:42px;height:42px;font-size:20px}.sidebar-title{color:#281638;font-size:15px;font-weight:800}.sidebar-subtitle{color:#8b7c97;margin-top:2px;font-size:12px}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.nav-item,.logout-button{text-align:left;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 13px;display:flex}.nav-item{color:#655572;background:0 0;font-size:14px;font-weight:600}.nav-item:hover{background:#f4edf9}.nav-item.active{color:#fff;background:#6a2dba}.nav-item span{text-align:center;width:20px}.logout-button{color:#b44343;background:#fff3f3;margin-top:auto;font-size:14px;font-weight:700}.admin-main{flex:1;min-width:0;padding:30px}.admin-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.admin-header h1{color:#271638;margin:0;font-size:28px}.admin-header p{color:#7d7088;margin:6px 0 0;font-size:14px}.admin-profile{align-items:center;gap:10px;display:flex}.admin-avatar{color:#fff;background:#6a2dba;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:flex}.admin-profile strong,.admin-profile span{display:block}.admin-profile strong{color:#30203d;font-size:14px}.admin-profile span{color:#8b7c97;margin-top:2px;font-size:12px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card{background:#fff;border:1px solid #e9dff0;border-radius:16px;align-items:center;gap:14px;padding:20px;display:flex;box-shadow:0 7px 25px #5420a00d}.stat-icon{color:#6a2dba;background:#f2eafb;border-radius:12px;flex:none;justify-content:center;align-items:center;width:45px;height:45px;font-size:19px;font-weight:800;display:flex}.stat-card span,.stat-card strong{display:block}.stat-card span{color:#85778f;font-size:12px}.stat-card strong{color:#2b1939;margin-top:4px;font-size:25px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;display:grid}.dashboard-card{background:#fff;border:1px solid #e9dff0;border-radius:18px;padding:22px;box-shadow:0 7px 25px #5420a00d}.card-header h2{color:#301e3f;margin:0;font-size:18px}.card-header p{color:#8a7d93;margin:5px 0 18px;font-size:12px}.quick-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-actions button{text-align:left;background:#fbf9fd;border:1px solid #e5d9ed;border-radius:13px;min-height:85px;padding:14px}.quick-actions button:hover{background:#f8f2fc;border-color:#6a2dba}.quick-actions strong,.quick-actions span{display:block}.quick-actions strong{color:#3a2448;font-size:13px}.quick-actions span{color:#8a7d93;margin-top:5px;font-size:11px}.feed-summary{flex-direction:column;display:flex}.feed-row{border-bottom:1px solid #eee7f2;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;display:flex}.feed-row:last-child{border-bottom:0}.feed-row strong,.feed-row span{display:block}.feed-row strong{color:#352141;font-size:13px}.feed-row div span{color:#8a7d93;margin-top:4px;font-size:11px}.status-badge{color:#287443;white-space:nowrap;background:#eaf7ee;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.inactive-badge{color:#8b641f;white-space:nowrap;background:#fff7df;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.dashboard-error{color:#8f2424;background:#fff5f5;border:1px solid #f0c8c8;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:12px 14px;font-size:13px;display:flex}.dashboard-error button{color:#fff;background:#6a2dba;border:0;border-radius:8px;flex:none;padding:7px 13px;font-size:12px;font-weight:700}.feed-empty{color:#8a7d93;text-align:center;padding:28px 0;font-size:13px}.form-field{flex-direction:column;display:flex}.form-field label{color:#3b2747;margin-bottom:7px;font-size:12px;font-weight:700}.form-field input,.form-field select{color:#30203d;background:#fff;border:1px solid #d9cce4;border-radius:10px;outline:none;width:100%;height:43px;padding:0 12px}.form-field input:focus,.form-field select:focus{border-color:#6a2dba;box-shadow:0 0 0 3px #6a2dba14}.form-field input:disabled,.form-field select:disabled{cursor:not-allowed;background:#f7f4f9}.form-field span{color:#9a8da3;margin-top:5px;font-size:10px;line-height:1.35}.primary-action-button{color:#fff;background:#6a2dba;border:0;border-radius:11px;min-height:42px;padding:0 17px;font-size:13px;font-weight:700}.primary-action-button:hover{background:#5420a0}.primary-action-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{color:#5d4a68;background:#fff;border:1px solid #d9cce4;border-radius:11px;min-height:42px;padding:0 16px;font-size:13px;font-weight:700}.secondary-button:hover{background:#f8f3fb}.secondary-button:disabled{opacity:.6;cursor:not-allowed}.close-button{color:#655572;background:#fbf9fd;border:1px solid #e5d9ed;border-radius:9px;width:34px;height:34px;font-size:22px;line-height:1}.close-button:hover{background:#f4edf9}.close-button:disabled{opacity:.6;cursor:not-allowed}.toggle-option{color:#4a3557;background:#fbf9fd;border:1px solid #e5d9ed;border-radius:10px;align-items:center;gap:9px;min-width:150px;padding:11px 13px;font-size:12px;font-weight:600;display:flex}.toggle-option input{accent-color:#6a2dba}.category-form-error{color:#8f2424;background:#fff5f5;border:1px solid #f0c8c8;border-radius:9px;padding:10px 12px;font-size:12px}.categories-page{flex-direction:column;gap:18px;display:flex}.categories-toolbar,.content-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.categories-toolbar h2,.content-toolbar h2{color:#301e3f;margin:0;font-size:20px}.categories-toolbar p,.content-toolbar p{color:#8a7d93;margin:5px 0 0;font-size:12px}.category-form-card,.content-form-card{background:#fff;border:1px solid #e9dff0;border-radius:18px;padding:22px;box-shadow:0 7px 25px #5420a00d}.category-form-header,.content-form-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.category-form-header h2,.content-form-header h2{color:#301e3f;margin:0;font-size:19px}.category-form-header p,.content-form-header p{color:#8a7d93;margin:5px 0 0;font-size:12px}.category-form,.content-form{flex-direction:column;gap:18px;display:flex}.category-form-grid,.content-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.category-toggle-grid,.content-settings-grid{flex-wrap:wrap;gap:10px;display:flex}.category-form-actions{justify-content:flex-end;gap:10px;display:flex}.category-table-card{background:#fff;border:1px solid #e9dff0;border-radius:18px;overflow:hidden;box-shadow:0 7px 25px #5420a00d}.category-table-wrapper{width:100%;overflow-x:auto}.category-table{border-collapse:collapse;width:100%;min-width:800px}.category-table th{color:#776982;text-align:left;white-space:nowrap;background:#fbf9fd;border-bottom:1px solid #ebe3f0;padding:13px 15px;font-size:11px;font-weight:800}.category-table td{color:#4a3855;vertical-align:middle;border-bottom:1px solid #f0eaf4;padding:14px 15px;font-size:12px}.category-table tbody tr:last-child td{border-bottom:0}.category-table tbody tr:hover{background:#fcfaff}.order-badge{color:#6a2dba;background:#f2eafb;border-radius:8px;justify-content:center;align-items:center;min-width:30px;height:27px;padding:0 7px;font-weight:800;display:inline-flex}.category-id{color:#8a7d93;font-family:Consolas,monospace;font-size:10px}.boolean-badge{border-radius:20px;justify-content:center;min-width:40px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.boolean-badge.yes{color:#287443;background:#eaf7ee}.boolean-badge.no{color:#887783;background:#f1edf3}.category-actions,.content-card-actions{flex-wrap:wrap;gap:7px;display:flex}.table-action{color:#5d4770;background:#fff;border:1px solid #dfd2e8;border-radius:8px;min-height:31px;padding:0 9px;font-size:10px;font-weight:700}.table-action:hover{color:#6a2dba;background:#fbf8fd;border-color:#6a2dba}.table-action.danger{color:#a63838;border-color:#f0cccc}.table-action.danger:hover{background:#fff6f6;border-color:#d95757}.category-table-state{color:#8a7d93;text-align:center;padding:50px 20px;font-size:13px}.content-page{flex-direction:column;gap:20px;display:flex}.content-library{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:18px;display:grid}.content-card{background:#fff;border:1px solid #e7ddef;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #5420a00f}.content-card-preview{aspect-ratio:.78;background:#eee9f3;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.content-card-media{object-fit:cover;width:100%;height:100%;display:block}.content-card-no-media{color:#9a8da3;font-size:12px}.content-order-badge{color:#fff;background:#301e3fe0;border-radius:9px;justify-content:center;align-items:center;min-width:34px;height:30px;padding:0 8px;font-size:12px;font-weight:800;display:flex;position:absolute;top:10px;left:10px}.content-category-badge{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#5420a0e6;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:800;position:absolute;bottom:10px;left:10px;right:10px;overflow:hidden}.content-video-badge{color:#fff;background:#19121fd6;border-radius:9px;padding:6px 8px;font-size:10px;font-weight:800;position:absolute;top:10px;right:10px}.content-card-body{padding:12px}.content-card-title-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.content-card-title-row strong,.content-card-title-row span{display:block}.content-card-title-row strong{color:#352141;font-size:11px}.content-card-title-row>div>span{color:#8a7d93;margin-top:4px;font-size:9px}.content-card-meta{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.content-card-meta span{color:#6a2dba;background:#f2eafb;border-radius:999px;padding:5px 7px;font-size:9px;font-weight:700}.content-card-actions{margin-top:11px}.content-file-field{grid-column:span 2}.content-file-field input[type=file]{height:auto;min-height:43px;padding:9px 10px}.content-media-preview{color:#8a7d93;text-align:center;background:#fbf9fd;border:1px dashed #d9cce4;border-radius:14px;justify-content:center;align-items:center;min-height:220px;padding:16px;font-size:12px;display:flex;overflow:hidden}.content-media-preview img,.content-media-preview video{object-fit:contain;border-radius:10px;max-width:100%;max-height:300px;display:block}.content-library-state{color:#8a7d93;text-align:center;background:#fff;border:1px solid #e9dff0;border-radius:18px;grid-column:1/-1;padding:60px 20px;font-size:13px}@media (width<=1250px){.content-library{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.category-form-grid,.content-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-library{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.content-library{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.sidebar{width:210px}.admin-main{padding:20px}.admin-header{flex-direction:column;align-items:flex-start}}@media (width<=560px){.admin-layout{display:block}.sidebar{width:100%;min-height:auto}.sidebar-nav{grid-template-columns:1fr 1fr;display:grid}.logout-button{margin-top:12px}.stats-grid,.quick-actions,.category-form-grid,.content-form-grid,.content-library{grid-template-columns:1fr}.content-file-field{grid-column:auto}.categories-toolbar,.content-toolbar{flex-direction:column;align-items:flex-start}.category-form-actions{flex-direction:column;justify-content:stretch}.secondary-button,.primary-action-button{width:100%}}.content-reorder-panel{background:#fff;border:1px solid #e9dff0;border-radius:16px;justify-content:space-between;align-items:center;gap:22px;padding:16px 18px;display:flex;box-shadow:0 7px 25px #5420a00d}.content-reorder-panel>div:first-child{flex-direction:column;gap:4px;min-width:0;display:flex}.content-reorder-panel strong{color:#301e3f;font-size:14px}.content-reorder-panel span{color:#8a7d93;font-size:11px;line-height:1.45}.content-reorder-controls{flex:none;align-items:center;gap:9px;display:flex}.content-reorder-controls label{color:#4a3557;font-size:11px;font-weight:800}.content-reorder-controls select{color:#30203d;background:#fff;border:1px solid #d9cce4;border-radius:10px;outline:none;min-width:145px;height:39px;padding:0 11px;font-size:11px;font-weight:600}.content-reorder-controls select:focus{border-color:#6a2dba;box-shadow:0 0 0 3px #6a2dba14}.content-reorder-controls .primary-action-button{white-space:nowrap;min-height:39px}.content-drag-badge{color:#fff;background:#19121fc7;border-radius:9px;padding:6px 8px;font-size:9px;font-weight:800;position:absolute;bottom:48px;right:10px}.content-card{cursor:grab;transition:transform .15s,box-shadow .15s,opacity .15s}.content-card:active{cursor:grabbing}.content-card.dragging{opacity:.55;transform:scale(.985);box-shadow:0 14px 32px #5420a024}.content-card button{cursor:pointer}@media (width<=900px){.content-reorder-panel{flex-direction:column;align-items:flex-start}.content-reorder-controls{flex-wrap:wrap;width:100%}}@media (width<=560px){.content-reorder-controls{flex-direction:column;align-items:stretch}.content-reorder-controls select,.content-reorder-controls .primary-action-button{width:100%}}.sidebar-section-label{color:#9a8ca4;letter-spacing:.08em;text-transform:uppercase;margin:18px 12px 4px;font-size:10px;font-weight:800}.nav-item-child{padding-left:26px}.analytics-toolbar-card{background:#fff;border:1px solid #e9dff0;border-radius:18px;padding:20px 22px;box-shadow:0 7px 25px #5420a00d}.analytics-toolbar-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.analytics-toolbar-header h2{color:#301e3f;margin:0;font-size:19px}.analytics-toolbar-header p{color:#8a7d93;margin:5px 0 0;font-size:12px}.analytics-refresh-button{min-width:88px}.analytics-filter-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.analytics-filter-button{color:#5d4a6b;cursor:pointer;background:#fbf9fd;border:1px solid #e2d7eb;border-radius:10px;min-height:36px;padding:8px 13px;font-size:12px;font-weight:700}.analytics-filter-button:hover{background:#f7f1fb}.analytics-filter-button.active{color:#fff;background:#6a2dba;border-color:#6a2dba}.analytics-filter-button:disabled,.analytics-refresh-button:disabled,.analytics-apply-button:disabled{opacity:.65;cursor:not-allowed}.analytics-custom-row{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:16px;display:flex}.analytics-custom-row .form-field{min-width:190px}.analytics-apply-button{min-height:42px}.analytics-error{margin-top:14px}.analytics-range-label{color:#81738c;margin-top:14px;font-size:11px}.analytics-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.analytics-zero-card .stat-icon{color:#a23b3b;background:#fff0f0}.analytics-main-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:18px;margin-top:18px;display:grid}.analytics-table-card,.analytics-trend-card{min-width:0}.analytics-table-wrapper{width:100%;overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%;min-width:650px}.analytics-table th{color:#776982;text-align:left;white-space:nowrap;background:#fbf9fd;border-bottom:1px solid #ebe3f0;padding:12px 14px;font-size:11px;font-weight:800}.analytics-table td{color:#4a3855;vertical-align:middle;border-bottom:1px solid #f0eaf4;padding:13px 14px;font-size:12px}.analytics-table tbody tr:last-child td{border-bottom:0}.analytics-table tbody tr:hover{background:#fcfaff}.analytics-table .zero-result-row{background:snow}.zero-result-label{color:#a23b3b;margin-top:4px;font-size:10px;font-weight:700;display:block}.analytics-trend-list{flex-direction:column;gap:13px;max-height:430px;padding-right:3px;display:flex;overflow-y:auto}.analytics-trend-row{grid-template-columns:82px minmax(80px,1fr) 42px;align-items:center;gap:10px;display:grid}.analytics-trend-date strong,.analytics-trend-date span{display:block}.analytics-trend-date strong{color:#44324f;font-size:11px}.analytics-trend-date span{color:#988ba0;margin-top:3px;font-size:9px}.analytics-trend-bar-track{background:#eee6f3;border-radius:999px;height:9px;overflow:hidden}.analytics-trend-bar{border-radius:inherit;background:#6a2dba;min-width:3px;height:100%}.analytics-trend-count{color:#3b2847;text-align:right;font-size:11px}@media (width<=1100px){.analytics-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-main-grid{grid-template-columns:1fr}}@media (width<=700px){.analytics-toolbar-header{flex-direction:column}.analytics-refresh-button{width:100%}.analytics-stats-grid{grid-template-columns:1fr}.analytics-custom-row .form-field,.analytics-apply-button{width:100%}}.category-ranking-toolbar-card{background:#fff;border:1px solid #e9dff0;border-radius:18px;padding:20px 22px;box-shadow:0 7px 25px #5420a00d}.category-ranking-toolbar-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.category-ranking-toolbar-header h2{color:#301e3f;margin:0;font-size:19px}.category-ranking-toolbar-header p{color:#8a7d93;max-width:760px;margin:5px 0 0;font-size:12px;line-height:1.5}.category-ranking-filter-row{flex-wrap:wrap;align-items:flex-end;gap:18px;margin-top:18px;display:flex}.category-ranking-language-field{width:210px}.category-ranking-range{background:#fbf9fd;border:1px solid #e5d9ed;border-radius:10px;flex-direction:column;justify-content:center;min-height:43px;padding:0 14px;display:flex}.category-ranking-range span{color:#8a7d93;font-size:10px;font-weight:700}.category-ranking-range strong{color:#4a3557;margin-top:3px;font-size:12px}.category-ranking-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.category-ranking-card{background:#fff;border:1px solid #e9dff0;border-radius:18px;margin-top:18px;padding:22px;box-shadow:0 7px 25px #5420a00d}.category-ranking-table-wrapper{width:100%;overflow-x:auto}.category-ranking-table{border-collapse:collapse;width:100%;min-width:760px}.category-ranking-table th{color:#776982;text-align:left;white-space:nowrap;background:#fbf9fd;border-bottom:1px solid #ebe3f0;padding:13px 15px;font-size:11px;font-weight:800}.category-ranking-table td{color:#4a3855;vertical-align:middle;border-bottom:1px solid #f0eaf4;padding:14px 15px;font-size:12px}.category-ranking-table tbody tr:last-child td{border-bottom:0}.category-ranking-table tbody tr:hover{background:#fcfaff}.category-ranking-id{color:#9a8da3;margin-top:4px;font-family:Consolas,monospace;font-size:9px;display:block}.category-ranking-number{white-space:nowrap;font-weight:700}.category-ranking-total{color:#6a2dba;white-space:nowrap;font-weight:800}.category-ranking-bar-track{background:#eee7f4;border-radius:99px;width:180px;height:9px;overflow:hidden}.category-ranking-bar{border-radius:inherit;background:#6a2dba;min-width:2px;height:100%}.category-ranking-daily-table{min-width:980px}@media (width<=900px){.category-ranking-toolbar-header{flex-direction:column}.category-ranking-summary{grid-template-columns:1fr}}@media (width<=560px){.category-ranking-filter-row{flex-direction:column;align-items:stretch}.category-ranking-language-field,.category-ranking-range{width:100%}}.notification-page{flex-direction:column;gap:20px;display:flex}.notification-form-card{background:#fff;border:1px solid #e9dff0;border-radius:18px;padding:22px;box-shadow:0 7px 25px #5420a00d}.notification-form-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.notification-form-header h2{color:#301e3f;margin:0;font-size:19px}.notification-form-header p{color:#8a7d93;margin:5px 0 0;font-size:12px}.notification-form{flex-direction:column;gap:18px;display:flex}.notification-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.notification-message-field{grid-column:1/-1}.notification-message-field textarea{resize:vertical;color:#30203d;width:100%;min-height:105px;font:inherit;background:#fff;border:1px solid #d9cce4;border-radius:10px;outline:none;padding:12px;font-size:13px;line-height:1.5}.notification-message-field textarea:focus{border-color:#6a2dba;box-shadow:0 0 0 3px #6a2dba14}.notification-message-field textarea:disabled{cursor:not-allowed;background:#f7f4f9}.notification-content-field{grid-column:1/-1}.notification-content-preview{background:#fbf9fd;border:1px solid #e5d9ed;border-radius:14px;align-items:center;gap:18px;padding:14px;display:flex}.notification-preview-media{background:#eee9f3;border-radius:11px;flex:none;justify-content:center;align-items:center;width:105px;height:105px;display:flex;overflow:hidden}.notification-preview-media img,.notification-preview-media video{object-fit:cover;width:100%;height:100%;display:block}.notification-preview-details{flex-direction:column;gap:5px;min-width:0;display:flex}.notification-preview-details strong{color:#352141;word-break:break-word;font-size:13px}.notification-preview-details span{color:#8a7d93;font-size:11px}.notification-settings-grid{flex-wrap:wrap;gap:10px;display:flex}.toggle-option.toggle-disabled{opacity:.55}.notification-success-message{color:#287443;background:#eef9f1;border:1px solid #c9e7d1;border-radius:9px;padding:10px 12px;font-size:12px}@media (width<=700px){.notification-form-grid{grid-template-columns:1fr}.notification-message-field,.notification-content-field{grid-column:auto}.notification-content-preview{align-items:flex-start}}@media (width<=480px){.notification-content-preview{flex-direction:column}.notification-preview-media{width:100%;height:180px}}.users-page{flex-direction:column;gap:18px;display:flex}.users-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.users-toolbar-card{background:#fff;border:1px solid #e9dff0;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:20px 22px;display:flex;box-shadow:0 7px 25px #5420a00d}.users-toolbar-card h2{color:#301e3f;margin:0;font-size:20px}.users-toolbar-card p{color:#8a7d93;margin:5px 0 0;font-size:12px}.users-filter-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.users-filter-button{color:#685575;background:#fff;border:1px solid #e1d4ea;border-radius:10px;min-height:38px;padding:0 15px;font-size:12px;font-weight:700}.users-filter-button:hover{background:#f8f3fc}.users-filter-button.active{color:#fff;background:#6a2dba;border-color:#6a2dba}.users-table-card{background:#fff;border:1px solid #e9dff0;border-radius:18px;overflow:hidden;box-shadow:0 7px 25px #5420a00d}.users-table-wrapper{width:100%;overflow-x:auto}.users-table{border-collapse:collapse;width:100%;min-width:820px}.users-table th{color:#776982;text-align:left;white-space:nowrap;background:#fbf9fd;border-bottom:1px solid #ebe3f0;padding:13px 15px;font-size:11px;font-weight:800}.users-table td{color:#4a3855;vertical-align:middle;border-bottom:1px solid #f0eaf4;padding:14px 15px;font-size:12px}.users-table tbody tr:last-child td{border-bottom:0}.users-table tbody tr:hover{background:#fcfaff}.user-table-avatar{object-fit:cover;background:#f2eafb;border-radius:50%;width:42px;height:42px;display:block}.user-table-avatar-placeholder{color:#6a2dba;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.users-status-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:78px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.users-status-badge.paid,.users-status-badge.active{color:#16733a;background:#eaf8ef}.users-status-badge.non-paid{color:#725d13;background:#fff8dc}.users-status-badge.inactive{color:#a02a2a;background:#fff0f0}.users-table-state{color:#8a7d93;text-align:center;padding:60px 20px;font-size:13px}.users-pagination{justify-content:flex-end;align-items:center;gap:12px;display:flex}.users-pagination span{color:#6f6079;font-size:12px;font-weight:700}@media (width<=900px){.users-stats-grid{grid-template-columns:1fr}.users-toolbar-card{flex-direction:column;align-items:flex-start}}@media (width<=560px){.users-filter-row{grid-template-columns:1fr 1fr;display:grid}.users-filter-button{width:100%}.users-pagination{flex-direction:column;align-items:stretch}}.settings-page{flex-direction:column;gap:20px;display:flex}.settings-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.settings-toolbar h2{color:#301e3f;margin:0;font-size:20px}.settings-toolbar p{color:#8a7d93;margin:5px 0 0;font-size:12px}.settings-card{background:#fff;border:1px solid #e9dff0;border-radius:18px;padding:22px;box-shadow:0 7px 25px #5420a00d}.settings-section{padding-bottom:24px}.settings-section+.settings-section{border-top:1px solid #eee7f2;padding-top:24px}.settings-section h3{color:#352141;margin:0;font-size:16px}.settings-help{color:#8a7d93;margin:6px 0 18px;font-size:12px;line-height:1.5}.settings-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.settings-image-card{background:#fbf9fd;border:1px solid #e9dff0;border-radius:14px;padding:16px}.settings-image-preview{color:#9a8da3;background:#fff;border:1px dashed #d9cce4;border-radius:12px;justify-content:center;align-items:center;width:100%;height:180px;margin-bottom:14px;font-size:12px;display:flex;overflow:hidden}.settings-image-preview img{object-fit:contain;width:60px;max-width:60px;height:60px;max-height:60px}.settings-image-card strong{color:#352141;font-size:13px;display:block}.settings-image-card p{color:#8a7d93;min-height:32px;margin:5px 0 12px;font-size:11px;line-height:1.4}.settings-image-card input[type=file]{box-sizing:border-box;color:#5d4a68;background:#fff;border:1px solid #d9cce4;border-radius:9px;width:100%;padding:9px;font-size:11px}.settings-footer{border-top:1px solid #eee7f2;justify-content:flex-end;padding-top:20px;display:flex}.settings-state{color:#8a7d93;text-align:center;background:#fff;border:1px solid #e9dff0;border-radius:14px;padding:30px;font-size:13px}.settings-error{color:#8f2424;background:#fff5f5;border:1px solid #f0c8c8;border-radius:10px;padding:11px 13px;font-size:12px}.settings-success{color:#287443;background:#effaf2;border:1px solid #c9e8d2;border-radius:10px;padding:11px 13px;font-size:12px}@media (width<=900px){.settings-image-grid{grid-template-columns:1fr}}@media (width<=640px){.settings-toolbar{flex-direction:column;align-items:flex-start}}.voice-over-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.voice-over-saved-badge{color:#18864b;background:#e8f7ee;border-radius:999px;align-items:center;padding:4px 9px;font-size:12px;font-weight:600;display:inline-flex}.voice-over-unsaved-badge{color:#b46900;background:#fff4e5;border-radius:999px;align-items:center;padding:4px 9px;font-size:12px;font-weight:600;display:inline-flex}.voice-over-editor{box-sizing:border-box;width:100%}.voice-over-editor>div:first-child{margin-bottom:18px}.voice-over-editor .voice-over-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.voice-over-editor .voice-over-title-row h3,.voice-over-editor>div:first-child p{margin:0}.voice-over-editor>.toggle-option{box-sizing:border-box;align-items:center;gap:9px;width:100%;margin-bottom:20px;display:flex}.voice-over-editor-body{flex-direction:column;gap:20px;width:100%;display:flex}.voice-over-voice-row{width:100%}.voice-over-field{box-sizing:border-box;width:100%}.voice-over-field>label{margin-bottom:8px;font-weight:600;display:block}.voice-over-radio-group{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.voice-over-radio{cursor:pointer;align-items:center;gap:7px;font-weight:500;display:inline-flex}.voice-over-radio input{margin:0}.voice-over-editor .voice-over-field textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:105px;padding:11px 13px;line-height:1.5;display:block}.voice-over-help{margin-top:7px;font-size:12px;line-height:1.45;display:block}.voice-over-preview-row{grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:start;gap:24px;width:100%;display:grid}.voice-over-preview-row .voice-over-field input{box-sizing:border-box;width:100%;min-height:40px;padding:9px 12px}.voice-over-generated-text{min-width:0;padding-top:2px}.voice-over-generated-text>span{margin-bottom:8px;font-weight:600;display:block}.voice-over-generated-text>strong{box-sizing:border-box;overflow-wrap:anywhere;border:1px solid #ddd;border-radius:6px;min-height:40px;padding:9px 12px;font-weight:600;line-height:1.5;display:block}.voice-over-actions{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}.voice-over-actions button{min-height:42px}.voice-over-audio-preview{flex-direction:column;gap:8px;width:100%;display:flex}.voice-over-audio-preview>span{font-weight:600}.voice-over-audio-preview audio{width:min(100%,620px);max-width:100%;display:block}.voice-over-success,.voice-over-editor .category-form-error{box-sizing:border-box;width:100%}@media (width<=700px){.voice-over-preview-row{grid-template-columns:1fr;gap:18px}.voice-over-radio-group{gap:14px}.voice-over-actions{flex-direction:column;align-items:stretch}.voice-over-actions button{width:100%}}.content-preview-toolbar{background:#fff;border:1px solid #e8dff0;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:18px 0 14px;padding:14px 16px;display:flex}.content-preview-toolbar>div:first-child{flex-direction:column;gap:4px;display:flex}.content-preview-toolbar strong{color:#352141;font-size:14px}.content-preview-toolbar span{color:#8a7d93;font-size:11px}.content-preview-filter-group{flex-wrap:wrap;gap:7px;display:flex}.content-preview-filter-button{color:#685575;cursor:pointer;background:#fff;border:1px solid #dfd2e8;border-radius:9px;min-height:34px;padding:0 13px;font-size:12px;font-weight:600}.content-preview-filter-button:hover,.content-preview-filter-button.active{color:#6a2dba;background:#f5effa;border-color:#6a2dba}.content-preview-modal-backdrop{z-index:1000;background:#190f209e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.content-preview-modal{background:#fff;border:1px solid #e6d9ed;border-radius:18px;width:min(1080px,100%);max-height:calc(100vh - 48px);overflow:hidden;box-shadow:0 24px 70px #23123047}.content-preview-modal-header{border-bottom:1px solid #eee6f2;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;display:flex}.content-preview-modal-header>div{flex-direction:column;gap:3px;display:flex}.content-preview-modal-header strong{color:#352141;font-size:16px}.content-preview-modal-header span{color:#8a7d93;font-size:11px}.content-preview-close{color:#5d4c66;cursor:pointer;background:#fff;border:1px solid #e0d5e6;border-radius:9px;width:34px;height:34px;font-size:22px;line-height:1}.content-preview-modal-body{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:20px;max-height:calc(100vh - 125px);padding:20px;display:grid;overflow:auto}.content-preview-media-stage{background:#f5f1f7;border:1px solid #e8dff0;border-radius:14px;justify-content:center;align-items:center;min-height:420px;display:flex;overflow:hidden}.content-preview-media-stage img,.content-preview-media-stage video{object-fit:contain;width:100%;height:100%;max-height:620px;display:block}.content-preview-details-panel{flex-direction:column;gap:18px;padding:4px 2px;display:flex}.content-preview-detail-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.content-preview-detail-title strong{color:#352141;word-break:break-word;min-width:0;font-size:14px}.content-preview-detail-grid{background:#fbf9fd;border:1px solid #e8dff0;border-radius:12px;grid-template-columns:minmax(95px,auto) minmax(0,1fr);gap:10px 14px;padding:15px;display:grid}.content-preview-detail-grid span{color:#8a7d93;font-size:11px}.content-preview-detail-grid strong{color:#493452;text-align:right;word-break:break-word;font-size:12px}.content-preview-modal-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}@media (width<=820px){.content-preview-toolbar{flex-direction:column;align-items:flex-start}.content-preview-modal-body{grid-template-columns:1fr}.content-preview-media-stage{min-height:320px}}@media (width<=520px){.content-preview-modal-backdrop{padding:10px}.content-preview-modal{max-height:calc(100vh - 20px)}.content-preview-modal-body{max-height:calc(100vh - 90px);padding:12px}.content-preview-detail-grid{grid-template-columns:1fr;gap:5px}.content-preview-detail-grid strong{text-align:left;margin-bottom:6px}}.placement-layer.is-animation,.placement-layer.is-sticker{background:0 0}@media (width<=980px){.placement-workspace{grid-template-columns:1fr}.placement-media-frame{width:320px}}@media (width<=620px){.placement-control-grid,.placement-layer-row{grid-template-columns:1fr}.placement-layer-row-controls{flex-wrap:wrap}}.bulk-upload-overlay{z-index:1000;box-sizing:border-box;background:#1e0f287a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.bulk-upload-modal{background:#fff;border:1px solid #e1d3ea;border-radius:18px;flex-direction:column;width:min(1500px,100%);max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 25px 70px #27133540}.bulk-upload-header{border-bottom:1px solid #eee5f3;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.bulk-upload-header h2{color:#2b1740;margin:0;font-size:20px}.bulk-upload-header p{color:#7d6b87;margin:5px 0 0;font-size:11px}.bulk-defaults-card{background:#fcf9fe;border-bottom:1px solid #eee5f3;padding:14px 22px}.bulk-defaults-title strong,.bulk-defaults-title span{display:block}.bulk-defaults-title strong{color:#4b3658;font-size:12px}.bulk-defaults-title span{color:#8b7b94;margin-top:3px;font-size:9px}.bulk-defaults-grid{grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;margin:12px 0;display:grid}.bulk-defaults-grid .form-field label{font-size:9px}.bulk-defaults-grid input,.bulk-defaults-grid select{box-sizing:border-box;width:100%;min-height:33px}.bulk-select-bar{border-bottom:1px solid #eee5f3;justify-content:space-between;align-items:center;gap:15px;padding:13px 22px;display:flex}.bulk-select-bar strong,.bulk-select-bar span{display:block}.bulk-select-bar strong{color:#4a3458;font-size:12px}.bulk-select-bar span{color:#8b7a94;margin-top:3px;font-size:9px}.bulk-select-actions{align-items:center;gap:8px;display:flex}.bulk-file-button{position:relative;overflow:hidden}.bulk-file-button input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.bulk-error,.bulk-success{border-radius:8px;margin:10px 22px 0;padding:9px 11px;font-size:10px}.bulk-error{color:#a02f2f;background:#fff5f5;border:1px solid #efcaca}.bulk-success{color:#297139;background:#f4fff5;border:1px solid #c9e6cf}.bulk-preview-area{flex:1;min-height:220px;padding:16px 22px;overflow:auto}.bulk-empty{color:#877590;text-align:center;border:1px dashed #d9cbe4;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:220px;display:flex}.bulk-empty strong{color:#5d426c;font-size:14px}.bulk-empty span{font-size:10px}.bulk-preview-grid{grid-template-columns:repeat(5,minmax(160px,1fr));gap:12px;display:grid}.bulk-preview-card{background:#fff;border:1px solid #e4d8eb;border-radius:11px;overflow:hidden}.bulk-preview-card.status-error{border-color:#edc5c5}.bulk-preview-card.status-uploading,.bulk-preview-card.status-saving{border-color:#dac7eb}.bulk-preview-card.status-saved{border-color:#c9e4cf}.bulk-media-preview{aspect-ratio:1/1.35;background:#f3edf7;position:relative;overflow:hidden}.bulk-media-preview img,.bulk-media-preview video{object-fit:cover;width:100%;height:100%;display:block}.bulk-index,.bulk-media-badge{z-index:2;color:#fff;background:#22132bb3;border-radius:5px;padding:3px 5px;font-size:8px;font-weight:700;position:absolute;top:6px}.bulk-index{left:6px}.bulk-media-badge{right:6px}.bulk-card-body{padding:9px}.bulk-card-body>strong{color:#4b3658;white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.bulk-status{color:#7d6a88;margin-top:3px;margin-bottom:7px;font-size:8px;display:block}.bulk-card-body label{color:#695575;margin-top:6px;font-size:8px;font-weight:700;display:block}.bulk-card-body label input,.bulk-card-body label select{box-sizing:border-box;color:#493553;background:#fff;border:1px solid #e1d6e8;border-radius:6px;width:100%;min-height:28px;margin-top:3px;padding:0 6px;font-size:8px}.bulk-mini-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.bulk-card-error{color:#a02f2f;background:#fff1f1;border-radius:5px;margin-top:7px;padding:5px 6px;font-size:7px;line-height:1.3}.bulk-remove-button{color:#9a3333;cursor:pointer;background:#fff;border:1px solid #eccaca;border-radius:6px;width:100%;min-height:27px;margin-top:8px;font-size:8px;font-weight:700}.bulk-upload-footer{background:#fcf9fe;border-top:1px solid #eee5f3;justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}@media (width<=1200px){.bulk-preview-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}}@media (width<=900px){.bulk-defaults-grid{grid-template-columns:repeat(2,1fr)}.bulk-preview-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}}@media (width<=650px){.bulk-upload-overlay{padding:0}.bulk-upload-modal{border-radius:0;max-height:100vh}.bulk-select-bar{flex-direction:column;align-items:flex-start}.bulk-defaults-grid,.bulk-preview-grid{grid-template-columns:1fr}.bulk-upload-footer{flex-wrap:wrap}}.placement-added-photo{z-index:4}.placement-added-name{z-index:6}.placement-forced-note{color:#6a5575;background:#faf7fd;border:1px solid #e0d2ea;border-radius:7px;margin-top:9px;padding:7px 9px;font-size:8px;line-height:1.4}.content-placement-editor{box-sizing:border-box;background:#fcfaff;border:1px solid #e8def3;border-radius:16px;margin-top:20px;padding:20px}.placement-editor-header{margin-bottom:16px}.placement-editor-header h3{color:#2a173d;margin:0;font-size:17px}.placement-editor-header p{color:#74667d;margin:5px 0 0;font-size:12px;line-height:1.5}.placement-workspace{grid-template-columns:minmax(300px,360px) minmax(320px,1fr);align-items:start;gap:26px;display:grid}.placement-preview-column{min-width:0}.placement-preview-label{color:#6f5a7d;letter-spacing:.04em;margin-bottom:9px;font-size:11px;font-weight:800}.placement-media-frame{isolation:isolate;background:#f2edf7;border:1px solid #d9c8e7;border-radius:12px;width:320px;max-width:100%;position:relative;overflow:hidden;box-shadow:0 7px 22px #401f521f}.placement-media-frame.is-poster{aspect-ratio:900/1300}.placement-media-frame.is-video{aspect-ratio:9/16}.placement-media-frame>img,.placement-media-frame>video{object-fit:cover;background:#f2edf7;width:100%;height:100%;display:block;position:absolute;inset:0}.placement-media-placeholder{text-align:center;color:#766680;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:18px;font-size:11px;display:flex;position:absolute;inset:0}.placement-media-placeholder small{color:#9a8ca3;font-size:9px;line-height:1.35}.placement-video-note{color:#8a7b92;max-width:320px;margin-top:8px;font-size:9px;line-height:1.4}.placement-overlay-hint{z-index:8;color:#fff;pointer-events:none;background:#251530ad;border-radius:5px;padding:3px 6px;font-size:8px;position:absolute;bottom:7px;left:7px}.placement-controls{min-width:0}.placement-section{border-bottom:1px solid #e8dff0;padding:14px 0 16px}.placement-section:first-child{padding-top:0}.placement-section:last-child{border-bottom:0;padding-bottom:0}.placement-section-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:12px;display:flex}.placement-section-heading>div{min-width:0}.placement-section-heading strong{color:#4b3659;font-size:12px;display:block}.placement-section-heading small{color:#8d7f95;margin-top:3px;font-size:9px;line-height:1.4;display:block}.placement-enable{color:#4d3560;white-space:nowrap;background:#fff;border:1px solid #dcccea;border-radius:9px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:700;display:inline-flex}.placement-control-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.placement-field{min-width:0}.placement-field label{color:#5e4a69;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.range-with-value{grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:7px;display:grid}.range-with-value input[type=range]{accent-color:#6a2dba;width:100%}.range-with-value span{color:#4f3c5b;background:#fff;border:1px solid #e2d5ea;border-radius:8px;justify-content:center;align-items:center;min-height:28px;font-size:9px;font-weight:700;display:inline-flex}.placement-field select,.placement-name-field input[type=text]{box-sizing:border-box;color:#44334f;background:#fff;border:1px solid #e2d5ea;border-radius:8px;width:100%;min-height:34px;padding:0 9px;font-size:10px}.placement-color-input{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #e2d5ea;border-radius:8px;width:100%;height:34px;padding:3px}.placement-photo-options{flex-wrap:wrap;align-items:center;gap:8px;margin-top:11px;display:flex}.placement-checkbox{color:#5d4b68;align-items:center;gap:7px;font-size:10px;font-weight:600;display:inline-flex}.placement-secondary-button,.placement-delete-button{color:#5a3c70;cursor:pointer;background:#fff;border:1px solid #d9c8e7;border-radius:8px;min-height:30px;padding:0 10px;font-size:9px;font-weight:700}.placement-secondary-button:disabled{opacity:.55;cursor:not-allowed}.file-button{justify-content:center;align-items:center;display:inline-flex;position:relative}.file-button input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.placement-photo-input{margin-top:11px}.placement-photo-input label{color:#5f4a6d;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.placement-photo-input input[type=file]{box-sizing:border-box;width:100%;font-size:9px}.placement-photo-input small{color:#97899f;margin-top:5px;font-size:8px;line-height:1.4;display:block}.placement-inline-error{color:#9a2929;background:#fff5f5;border:1px solid #efc8c8;border-radius:7px;margin-top:8px;padding:7px 9px;font-size:9px}.placement-user-photo{z-index:3;box-sizing:border-box;cursor:grab;touch-action:none;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.placement-user-photo:active,.placement-user-name:active,.placement-layer:active{cursor:grabbing}.placement-photo{aspect-ratio:1;box-sizing:border-box;background:0 0;width:100%;height:100%;position:relative;overflow:hidden}.placement-photo img{object-fit:contain;width:100%;height:100%;display:block}.shape-circle{border-radius:50%;overflow:hidden}.shape-verticalOval{border-radius:46%/58%;overflow:hidden}.shape-square{border-radius:0;overflow:hidden}.shape-roundedSquare{border-radius:18%;overflow:hidden}.shape-rectangle{border-radius:3%;overflow:hidden}.shape-roundedRectangle{border-radius:16%;overflow:hidden}.shape-blurredCircle{border-radius:50%;overflow:hidden;-webkit-mask-image:radial-gradient(circle,#000 62%,#000000f5 76%,#00000073 91%,#0000 100%);mask-image:radial-gradient(circle,#000 62%,#000000f5 76%,#00000073 91%,#0000 100%)}.shape-blurredSquare{border-radius:8%;overflow:hidden;-webkit-mask-image:radial-gradient(#000 66%,#000000eb 80%,#00000075 93%,#0000 100%);mask-image:radial-gradient(#000 66%,#000000eb 80%,#00000075 93%,#0000 100%)}.shape-heart{clip-path:polygon(50% 92%,8% 50%,4% 34%,8% 21%,20% 13%,34% 14%,50% 29%,66% 14%,80% 13%,92% 21%,96% 34%,92% 50%)}.shape-diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.shape-hexagon{clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0% 50%)}.shape-flower{border-radius:38% 62%/62% 38%;overflow:hidden}.shape-mandala{border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #fffc,0 0 0 5px #6a2dba2e}.shape-polaroid{background:#fff;border:0;border-radius:2px;padding:3px 3px 10px}.shape-polaroid img{object-fit:cover;width:100%;height:calc(100% - 5px)}.shape-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%)}.placement-drag-handle,.placement-layer-handle{color:#fff;pointer-events:none;box-sizing:border-box;background:#6a2dba;border:2px solid #fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:grid;position:absolute;bottom:-2px;right:-2px}.placement-user-name{z-index:5;white-space:nowrap;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;max-width:85%;font-weight:800;line-height:1;position:absolute;transform:translate(-50%,-50%)}.placement-user-name-curved{transform:translate(-50%,-50%)rotate(-4deg)}.placement-layer{z-index:7;box-sizing:border-box;cursor:grab;touch-action:none;justify-content:center;align-items:center;min-width:1px;min-height:1px;display:flex;position:absolute;transform:translate(-50%,-50%)}.placement-layer>img,.placement-layer>video,.placement-layer>canvas{object-fit:fill;background:0 0;border:0;width:100%;min-width:1px;height:100%;min-height:1px;display:block}.placement-layer>img{object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.placement-layer.is-animation,.placement-layer.is-sticker{background:0 0}.placement-layer .chroma-source-video{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.placement-layer .chroma-source-video.show-fallback{opacity:1}.placement-layer .chroma-preview-canvas{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.chroma-play-button{z-index:5;color:#fff;cursor:pointer;background:#251530b8;border:1px solid #ffffffeb;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:12px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 10px #0003}.chroma-error{z-index:10;color:#fff;pointer-events:none;background:#9a2929e6;border-radius:5px;padding:4px 6px;font-size:7px;line-height:1.25;position:absolute;bottom:4px;left:4px;right:4px}.placement-layer-handle{z-index:9}.placement-layer-list{flex-direction:column;gap:8px;display:flex}.placement-empty-layer{color:#93849c;background:#fff;border:1px dashed #dbcce7;border-radius:8px;padding:10px;font-size:9px}.placement-layer-row{background:#fff;border:1px solid #e5d9ed;border-radius:9px;grid-template-columns:minmax(130px,180px) minmax(0,1fr);align-items:start;gap:12px;padding:10px;display:grid}.placement-layer-info{min-width:0}.placement-layer-row strong,.placement-layer-row span{display:block}.placement-layer-row strong{color:#4c3859;font-size:10px}.placement-layer-row span{color:#8b7d93;margin-top:2px;font-size:8px;line-height:1.35}.placement-layer-editor{min-width:0}.placement-layer-row-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.placement-layer-row-controls select{color:#4d3a58;background:#fff;border:1px solid #e2d5ea;border-radius:7px;min-height:30px;padding:0 7px;font-size:8px}.placement-layer-size-control{align-items:center;gap:6px;display:inline-flex}.placement-layer-size-control>span{color:#786681;margin:0;font-size:8px;font-weight:700}.placement-layer-size-control>strong{color:#5c3c70;text-align:right;min-width:32px;margin:0;font-size:8px}.placement-layer-row-controls input[type=range]{accent-color:#6a2dba;width:100px}.placement-layer-chroma{background:#fbf8fe;border:1px solid #e6dcef;border-radius:8px;margin-top:9px;padding:9px}.placement-layer-chroma-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.placement-layer-chroma-header select{color:#4d3a58;background:#fff;border:1px solid #e2d5ea;border-radius:7px;min-height:30px;padding:0 7px;font-size:8px}.placement-chroma-control-grid{grid-template-columns:repeat(3,minmax(130px,1fr));gap:10px;margin-top:9px;display:grid}.placement-chroma-note{color:#8d7f95;margin-top:8px;font-size:8px;line-height:1.45;display:block}.chroma-toggle{color:#4e3760;font-weight:800}.placement-delete-button{color:#9b3030;border-color:#eccdcd}@media (width<=980px){.placement-workspace{grid-template-columns:1fr}.placement-media-frame{width:320px}}@media (width<=620px){.placement-control-grid,.placement-layer-row{grid-template-columns:1fr}.placement-layer-row-controls{flex-wrap:wrap}}