.media-upload{color:#35362e}.media-upload button{touch-action:manipulation}
.media-post-card,.media-group-card{min-width:0}
.media-post-delete{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;color:#929b84}.media-post-delete svg{width:17px;height:17px}.media-post-delete:hover,.media-post-delete:focus-visible{background:#f1ebe1;color:#ae8366}
.media-steps{display:flex;align-items:center;justify-content:center;gap:14px;padding:4px 0 13px;color:#a2a493;font-size:11px}.media-steps span{display:flex;gap:6px;align-items:center}.media-steps svg{width:13px;height:13px}.media-steps .current{color:#3d4833;font-weight:600}.media-steps .done{color:#8d9c7c}.media-steps i{width:40px;height:1px;background:#dfe2d6}
.media-upload-rules{border-top:1px solid #e7e8df;padding-top:9px;margin-top:15px}.media-upload-rules p{display:flex;gap:7px;align-items:center;font-size:11px;line-height:1.8;color:#7f8973;margin:7px 0}.media-upload-rules svg{width:15px;height:15px;flex-shrink:0}
.media-review-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:9px 0 17px}.media-review-heading strong{font-size:20px;font-weight:550;letter-spacing:-.5px}.media-review-heading p{font-size:10px;color:#959c87;line-height:1.8;margin:7px 0 0}.media-review-heading button{display:flex;gap:3px;align-items:center;min-height:44px;font-size:11px;color:#7e8c6b;white-space:nowrap}.media-review-heading svg{width:12px;height:12px}
.media-group-rule{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:10px 11px;background:#ecefe3;border-radius:13px}.media-group-rule>span{display:flex;align-items:center;gap:5px;font-size:10px;line-height:1.7;color:#8a957a}.media-group-rule svg{width:13px;height:13px;flex-shrink:0}.media-group-rule button{white-space:nowrap;font-size:11px;color:#4f5f3e;min-height:30px}
.media-time-warning{font-size:11px;color:#a08460;line-height:1.8;background:#f1ece0;padding:10px 12px;border-radius:12px}.media-example-time{font-size:9px;color:#a2a58f;margin:9px 3px 13px}.media-post-list{display:grid;gap:15px;margin-top:15px}
.media-post-card{border:1px solid #e1e5d8;background:#fffef8;border-radius:21px;padding:14px}.media-post-card>header{display:flex;align-items:center;gap:9px;margin-bottom:13px}.media-post-index{font-size:13px;color:#8e9c7b;background:#eef1e5;width:29px;height:29px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.media-post-card>header>div{flex:1;min-width:0}.media-post-card>header strong{font-size:13px;font-weight:500}.media-post-card>header small{font-size:9px;display:block;color:#a0a48f;margin-top:5px}.media-post-tag{font-size:9px;color:#8f9981;background:#f0f2e9;border-radius:8px;padding:5px 7px;white-space:nowrap}
.media-photo-strip{display:flex;gap:7px;overflow:auto;padding-bottom:3px}.media-photo-strip>button{height:85px;width:85px;border-radius:12px;position:relative;overflow:hidden;flex-shrink:0;background:#e8ebdf}.media-photo-strip img{width:100%;height:100%;object-fit:cover}.media-photo-strip>button>span:not(.media-sample):not(.media-preview-fallback){position:absolute;inset:0;display:grid;place-items:center;background:#242c2266;color:white;font-size:17px}
.media-summary-label{display:flex;gap:7px;align-items:center;margin:14px 1px 8px;font-size:11px;color:#707c61}.media-summary-label small{font-size:9px;color:#a4a892}.media-post-card textarea{box-sizing:border-box;display:block;width:100%;resize:vertical;min-height:75px;border:1px solid #e2e6d7;border-radius:12px;background:#f7f8f0;padding:11px;font:inherit;font-size:12px;color:#4c5741;line-height:1.8}.media-post-card textarea:focus{outline:2px solid #a6b597;outline-offset:2px}.media-post-card textarea::placeholder{color:#adb39f;font-size:11px}.media-summary-bottom{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#9ca58e;line-height:1.8;margin:7px 1px 0}.media-summary-bottom small{font-size:9px;white-space:nowrap}.media-summary-error{font-size:10px;color:#b17b5a;line-height:1.7;margin:7px 0 0}.media-post-card textarea[aria-invalid=true]{border-color:#be8b6c}
.media-video-summary{display:flex;gap:12px;align-items:center;margin-bottom:13px}.media-review-video{position:relative;width:82px;height:80px;overflow:hidden;border-radius:12px;flex-shrink:0;background:#e8ebdf}.media-review-video img{width:100%;height:100%;object-fit:cover}.media-review-video>span:not(.media-sample):not(.media-preview-fallback){position:absolute;bottom:6px;left:6px;color:white;background:#27332255;border-radius:7px;padding:3px 5px;display:flex;gap:3px;align-items:center;font-size:9px}.media-review-video>span>svg{width:9px;height:9px}.media-video-summary>div>strong{font-size:12px;font-weight:500;color:#79846b}.media-video-summary p{font-size:10px;color:#a1a790;margin:7px 0 0}
.media-summary-mode{display:grid;grid-template-columns:1fr 1fr;border-radius:14px;background:#eff1e7;padding:4px;gap:4px}.media-summary-mode button{display:flex;justify-content:center;gap:5px;align-items:center;min-height:38px;font-size:12px;border-radius:11px;color:#939e83}.media-summary-mode button[aria-pressed=true]{color:#49583c;background:#fffef8;box-shadow:0 1px 5px #333c2010}.media-summary-mode svg{width:14px;height:14px}.media-ai-hint{font-size:11px;color:#8e997f;line-height:1.8;margin:11px 1px 1px}.media-ai-hint small{font-size:9px;display:block;color:#afb59f}
.media-publish-footer{position:sticky;bottom:-20px;background:#fbfcf2f5;backdrop-filter:blur(14px);margin:15px -6px -8px;padding:10px 6px 8px;border-top:1px solid #e0e5d5;z-index:3}.media-publish-footer>p:first-child{font-size:10px;color:#8c997c;margin:0 0 9px;text-align:center}.media-publish-footer .media-demo-note{margin-top:7px;font-size:8px}
.media-group-intro{font-size:12px;color:#8b967b;line-height:1.9;margin:10px 0 18px}.media-group-list{display:grid;gap:13px}.media-group-card{background:#fffef8;border:1px solid #e0e5d5;border-radius:19px;padding:12px}.media-group-card header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.media-group-check{display:flex;gap:8px;align-items:center;min-height:36px}.media-group-check>span{width:21px;height:21px;border-radius:50%;border:1px solid #c8d0bb;display:grid;place-items:center}.media-group-check[aria-pressed=true]>span{background:#8e9f7c;color:white;border-color:#8e9f7c}.media-group-check svg{width:13px;height:13px}.media-group-check strong{font-size:12px;font-weight:500}.media-split-button{font-size:10px;color:#8b9b76;min-height:36px}.media-group-card>p{font-size:10px;color:#9ca68b;margin:9px 0 0}.media-group-card>small{display:block;white-space:pre-wrap;line-height:1.8;font-size:10px;color:#7c8969;margin-top:8px}.media-group-footnote{font-size:10px;line-height:1.8;color:#9ca48c;margin:14px 0}.media-group-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:sticky;bottom:-20px;padding:12px 0 5px;background:#fbfcf2f5}.media-group-actions button{margin:0;font-size:12px}.media-upload button:disabled{opacity:.4;cursor:default}
.media-queue-list{display:grid;gap:12px}.media-queue-card{display:flex;gap:12px;border:1px solid #e1e5d7;background:#fffef8;padding:10px;border-radius:18px}.media-queue-cover{position:relative;width:79px;height:85px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#e8ebdf}.media-queue-cover img{height:100%;width:100%;object-fit:cover}.media-queue-copy{flex:1;min-width:0;padding-top:3px}.media-queue-copy>strong{font-size:12px;font-weight:500;display:block}.media-queue-copy>small{display:block;font-size:9px;color:#9aa48a;line-height:1.8;margin:4px 0}.media-queue-status{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:10px;color:#84946d;min-height:25px}.media-queue-status button{font-size:10px;min-width:35px;min-height:29px;color:#617846}.media-queue-copy progress{display:block;accent-color:#8e9f7c;width:100%;height:3px;margin-top:3px}.media-tile-failed .media-queue-status{color:#b08060}
.detail-album-strip{display:flex;gap:8px;overflow:auto;margin-bottom:17px;padding:3px}.detail-album-strip button{position:relative;width:61px;height:61px;flex-shrink:0;border-radius:12px;overflow:hidden;background-image:url('../assets/moments.png');background-size:300% auto}.detail-album-strip img{width:100%;height:100%;object-fit:cover}.detail-album-strip button[aria-pressed=true]{outline:2px solid #90a477;outline-offset:2px}.detail-album-strip span{position:absolute;bottom:4px;right:4px;font-size:9px;color:#fff;background:#29392266;border-radius:5px;padding:2px 4px}.detail-content>p{white-space:pre-wrap}
.media-target{display:flex;align-items:center;gap:9px;background:#efefe7;border-radius:19px;padding:13px 12px;margin:13px 0 19px}
.media-target>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e4e8db;color:#8a957c;flex-shrink:0}
.media-target>span svg{width:17px;height:17px}.media-target>label{flex:1;min-width:0}
.media-target label small{display:block;font-size:9px;color:#9b9d8d;margin-bottom:4px}
.media-target select{font-family:inherit;font-size:13px;color:#525846;font-weight:500;max-width:100%;background:transparent;border:0;padding:0;min-height:24px}
.media-target>small{font-size:9px;color:#9b9d8c;white-space:nowrap}
.media-select-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;border:1px dashed #d8dccd;background:#f2f4ec;border-radius:24px;min-height:204px;gap:14px}
.media-select-symbols{display:flex;gap:8px;color:#8f9b80}.media-select-symbols svg{width:33px;height:33px;stroke-width:1.25}
.media-select-empty>strong{font-size:17px;font-weight:500}.media-select-empty>small{font-size:11px;color:#9aa18e;line-height:1.8;padding:0 13px}
.media-use-examples{display:flex;align-items:center;justify-content:center;gap:3px;min-height:44px;font-size:11px;color:#939d85;width:100%;margin-top:6px}
.media-use-examples svg{width:12px;height:12px}.media-selection-heading{display:flex;align-items:center;justify-content:space-between;margin:8px 1px 10px}
.media-selection-heading strong{font-size:15px;font-weight:500}.media-selection-heading button{display:flex;align-items:center;gap:3px;min-height:39px;font-size:11px;color:#83916f}
.media-selection-heading svg{width:14px;height:14px}.media-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:15px}
.media-filters button{min-height:36px;border-radius:22px;background:#efefe7;color:#989c87;padding:0 14px;font-size:11px}
.media-filters button[aria-pressed=true]{background:#30352a;color:#fff}
.media-thumbnail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.media-tile{min-width:0}.media-tile-picture{position:relative;aspect-ratio:.94;border-radius:15px;overflow:hidden;background:#e8eae1}
.media-tile-open{display:block;width:100%;height:100%;position:absolute;inset:0}
.media-tile img,.media-inspect img{display:block;width:100%;height:100%;object-fit:cover}
.media-sample{display:block;width:100%;height:100%;background-image:url('../assets/moments.png');background-size:300% auto;background-color:#e5e8dc}
.media-preview-fallback{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;height:100%;color:#a1aa91}
.media-preview-fallback>svg{width:27px;height:27px}.media-preview-fallback small{font-size:9px}
.media-item-order{position:absolute;top:6px;left:7px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#ffffffd9;color:#6d7462;font-size:9px;pointer-events:none}
.media-remove{position:absolute;top:2px;right:1px;display:grid;place-items:center;width:33px;height:33px;color:#fff;filter:drop-shadow(0 1px 2px #0007)}
.media-remove:before{content:'';position:absolute;inset:-5px}.media-remove svg{width:17px;height:17px;stroke-width:1.6}
.media-type-badge{position:absolute;bottom:7px;left:6px;display:flex;align-items:center;gap:3px;font-size:9px;background:#3a403b55;backdrop-filter:blur(8px);color:#fff;border-radius:8px;padding:3px 5px;pointer-events:none}
.media-type-badge svg{width:9px;height:9px;fill:currentColor}
.media-selection-summary{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#959b86;line-height:1.8;margin:14px 2px 18px}
.media-capture-note{display:flex;align-items:flex-start;gap:5px;font-size:10px;color:#9b9f8d;line-height:1.8;margin:17px 1px 8px}
.media-capture-note svg{width:13px;height:13px;margin-top:2px}.media-process-note{font-size:11px;line-height:1.8;color:#889378;margin:7px 2px 12px}
.media-demo-note{font-size:9px;color:#a5a694;line-height:1.8;text-align:center;margin:12px 0 3px}
.media-filter-empty{grid-column:1/-1;text-align:center;padding:35px 10px;color:#a0a58f;font-size:12px;line-height:1.7}
.media-existing-queue{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 3px;min-height:40px;margin-bottom:12px;font-size:11px;color:#929b80;width:100%}
.media-existing-queue svg{width:12px;height:12px}.media-queue-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:17px 1px 23px}
.media-queue-summary>strong{font-size:26px;font-weight:500;white-space:nowrap}.media-queue-summary>strong>small{font-size:12px;color:#929a81;font-weight:400}
.media-queue-summary>span{font-size:10px;line-height:1.8;color:#9b9f8a;text-align:right}
.media-upload-percent{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#252c2045;font-size:22px;font-weight:500;pointer-events:none}
.media-ready-mark{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:21px;height:21px;background:#ffffffe0;border-radius:50%;color:#7f9269;pointer-events:none}
.media-ready-mark svg{width:13px;height:13px}.media-tile-caption{padding:9px 2px 7px}
.media-tile-caption strong{display:block;font-size:10px;font-weight:500;color:#7d896d;line-height:1.7;min-height:17px}
.media-tile-caption small{display:block;font-size:9px;color:#a0a38f;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.7}
.media-tile-caption progress{display:block;width:100%;height:3px;accent-color:#8e9f7c;margin-top:8px}
.media-tile-caption>button{display:flex;align-items:center;justify-content:center;min-height:33px;width:100%;background:#ecefe3;border-radius:17px;font-size:10px;color:#8b967b;margin-top:8px}
.media-tile-failed .media-tile-picture{box-shadow:0 0 0 1.5px #be8c71}.media-tile-failed .media-tile-caption strong{color:#b08266}
.media-tile-failed .media-tile-caption button{color:#ad7f62;background:#f0e8dd}
.media-queue-controls{display:flex;justify-content:space-between;gap:12px;margin:15px 0 6px}
.media-queue-controls button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:41px;font-size:11px;color:#8a957a}
.media-queue-controls svg{width:14px;height:14px}.media-queue-extras{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:8px}
.media-queue-extras button{min-height:36px;font-size:10px;color:#a0a18e}
.media-queue-entry{position:fixed;bottom:calc(98px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 38px);max-width:402px;min-height:43px;border-radius:24px;display:flex;align-items:center;gap:7px;background:#f9fbf0eb;border:1px solid #dfe5ce;color:#83926e;padding:7px 13px;box-shadow:0 3px 14px #555b3d14;backdrop-filter:blur(18px);z-index:25;text-align:left}
.media-queue-entry>svg{width:16px;height:16px}.media-queue-entry>span{font-size:11px;flex:1;line-height:1.7}
.media-queue-entry>strong{display:flex;align-items:center;font-weight:400;font-size:10px;white-space:nowrap;gap:2px}.media-queue-entry>strong svg{width:11px;height:11px}
.media-queue-entry.has-failures{background:#fbf3e6ef;border-color:#ebd8bd;color:#ae8a61}
.has-media-queue .app-shell{padding-bottom:calc(166px + env(safe-area-inset-bottom))}
.media-inspect{display:flex;justify-content:center;align-items:center;border-radius:20px;overflow:hidden;background:#e8ebdf;min-height:230px;max-height:60dvh;aspect-ratio:.85}
.media-inspect>video{max-width:100%;width:100%;max-height:60dvh;object-fit:contain}.media-inspect .media-sample{min-height:260px}
@media(max-width:360px){.media-target>small{font-size:8px}.media-thumbnail-grid{gap:8px}.media-filters{gap:5px}.media-filters button{padding-inline:12px}.media-queue-summary>span{font-size:9px}.media-queue-entry>span{font-size:10px}.media-queue-entry{padding-inline:10px}}

.media-analysis-consent{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.8;color:#878f7b;margin-top:14px;cursor:pointer}.media-analysis-consent input{width:18px;height:18px;flex-shrink:0;accent-color:#7d896d}