.app-shell{text-align:left;background:#f6f6f6;min-height:100vh;display:flex}.app-sidebar{color:#fff;box-sizing:border-box;background:#111;flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:20px 0;display:flex;position:sticky;top:0}.app-brand{border-bottom:1px solid #ffffff14;margin-bottom:12px;padding:0 20px 20px}.app-brand-title{color:#fff;font-size:16px;font-weight:700}.app-brand-sub{color:#ffffff8c;margin-top:6px;font-size:12px;line-height:1.5}.app-nav{flex:1;padding:0 12px;overflow-y:auto}.app-nav-group+.app-nav-group{margin-top:18px}.app-nav-group-title{letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;padding:0 8px 8px;font-size:11px}.app-nav-link{color:#ffffffd1;border-radius:10px;margin-bottom:4px;padding:10px 12px;font-size:14px;text-decoration:none;transition:background .15s;display:block}.app-nav-link:hover{background:#ffffff14}.app-nav-link.active{color:#111;background:#fff;font-weight:600}.app-main{flex:1;min-width:0;overflow-x:hidden}.app-sidebar-wrap{flex-shrink:0;width:240px}.app-sidebar-wrap .app-sidebar{width:100%}.app-mobile-bar{display:none}@media (width<=768px){.app-shell{flex-direction:column}.app-mobile-bar{color:#fff;z-index:20;background:#111;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.app-mobile-title{font-size:15px;font-weight:700}.app-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;padding:6px 10px;font-size:13px}.app-sidebar-wrap{z-index:15;width:100%;display:none;position:fixed;inset:48px 0 0}.app-sidebar-wrap.open{display:block}.app-sidebar-wrap .app-sidebar{height:100%}.app-main{width:100%}}.ai-engine{flex-direction:column;gap:12px;display:flex}.ai-engine-label{color:#444;font-size:13px;font-weight:600}.ai-engine-providers{flex-direction:column;gap:8px;display:flex}.ai-engine-provider{color:#333;align-items:center;gap:8px;font-size:14px;display:flex}.ai-engine-hint{color:#999;font-size:12px;line-height:1.5}.ai-engine-model-box{background:#fafafa;border:1px solid #e8e8e8;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.ai-engine-model-title{color:#777;font-size:12px}.ai-engine-select{box-sizing:border-box;color:#111;background:#fff;border:1px solid #e5e5e5;border-radius:10px;width:100%;padding:12px 14px;font-size:14px}.ai-engine-model-hint{color:#888;font-size:12px;line-height:1.5}.outfit-home{box-sizing:border-box;min-height:100vh;padding:24px}.outfit-home-card{background:#fff;border-radius:16px;max-width:520px;margin:0 auto;padding:24px;box-shadow:0 4px 14px #0000000d}.outfit-home-title{color:#111;font-size:22px;font-weight:700}.outfit-home-sub{color:#888;margin-top:8px;font-size:13px;line-height:1.6}.outfit-home-form{flex-direction:column;gap:16px;margin-top:20px;display:flex}.outfit-home-section{flex-direction:column;gap:10px;display:flex}.outfit-home-label{color:#444;font-size:13px;font-weight:600}.outfit-home-hint{color:#999;font-size:12px;line-height:1.5}.outfit-home-provider-options{flex-direction:column;gap:8px;display:flex}.outfit-home-provider-option{color:#333;align-items:center;gap:8px;font-size:14px;display:flex}.outfit-home-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.outfit-home-field{flex-direction:column;gap:6px;display:flex}.outfit-home-field-label{color:#777;font-size:12px}.outfit-home-input,.outfit-home-select{box-sizing:border-box;color:#111;background:#fff;border:1px solid #e5e5e5;border-radius:12px;width:100%;padding:12px 14px;font-size:14px}.outfit-home-input:focus,.outfit-home-select:focus{border-color:#111;outline:none}.outfit-home-radio-row{color:#333;flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.outfit-home-radio{align-items:center;gap:6px;display:flex}.outfit-home-temp-row{align-items:center;gap:8px;display:flex}.outfit-home-temp-row .outfit-home-input{flex:1}.outfit-home-temp-unit{color:#666;flex-shrink:0;font-size:14px}.outfit-home-photo{background:#fafafa;border:1px dashed #ddd;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.outfit-home-photo-preview{object-fit:cover;border-radius:10px;width:100%;max-height:200px}.outfit-home-photo-actions{gap:8px;display:flex}.outfit-home-secondary-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 12px;font-size:13px}.outfit-home-secondary-btn:disabled{opacity:.6;cursor:not-allowed}.outfit-home-error{color:#c0392b;font-size:12px}.outfit-home-submit{color:#fff;cursor:pointer;background:#111;border:none;border-radius:12px;width:100%;margin-top:4px;padding:14px;font-size:15px}.outfit-home-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=560px){.outfit-home{padding:16px}.outfit-home-card{padding:18px}.outfit-home-stats{grid-template-columns:1fr}}.reflection-share-card{aspect-ratio:9/16;box-sizing:border-box;color:#f5f5f5;background:radial-gradient(circle at 100% 0,#785aff2e,#0000 42%),radial-gradient(circle at 0 100%,#ffffff0d,#0000 35%),linear-gradient(160deg,#121212 0%,#050505 55%,#0d0d12 100%);border-radius:24px;flex-direction:column;justify-content:space-between;width:100%;max-width:360px;margin:0 auto;padding:36px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000073}.reflection-share-card:before{content:"";pointer-events:none;border:1px solid #ffffff14;border-radius:18px;position:absolute;inset:18px}.reflection-card-top{z-index:1;position:relative}.reflection-card-label{letter-spacing:.28em;text-transform:uppercase;color:#ffffff6b;font-size:11px}.reflection-card-date{color:#ffffff80;margin-top:10px;font-size:14px}.reflection-card-title{color:#fff;margin-top:28px;font-size:32px;font-weight:700;line-height:1.3}.reflection-card-highlight{z-index:1;color:#ffffffeb;margin-top:24px;font-size:22px;font-weight:500;line-height:1.8;position:relative}.reflection-card-body{z-index:1;flex-direction:column;gap:12px;margin-top:18px;display:flex;position:relative}.reflection-card-paragraph{color:#ffffffad;font-size:18px;line-height:1.9}.reflection-card-footer{z-index:1;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;padding-top:24px;display:flex;position:relative}.reflection-card-sign{color:#ffffff73;font-size:15px;line-height:1.6}.reflection-card-mark{color:#ffffff2e;font-size:28px;line-height:1}.reflection-card-page-badge{z-index:2;color:#ffffffb8;background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;padding:4px 10px;font-size:11px;position:absolute;top:22px;right:24px}.reflection-card-top-continued{min-height:88px}.reflection-card-continued{color:#ffffffd1;margin-top:18px;font-size:26px;font-weight:700}.reflection-card-title-small{margin-top:12px;font-size:22px}.reflection-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;margin-top:16px;display:flex;overflow-x:auto}.reflection-carousel::-webkit-scrollbar{display:none}.reflection-carousel-slide{scroll-snap-align:start;box-sizing:border-box;flex:0 0 100%}.reflection-carousel-controls{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.reflection-carousel-nav{color:#ffffffd1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;padding:8px 12px;font-size:12px}.reflection-carousel-nav:disabled{opacity:.35;cursor:not-allowed}.reflection-carousel-dots{align-items:center;gap:8px;display:flex}.reflection-carousel-dot{cursor:pointer;background:#ffffff38;border:none;border-radius:50%;width:8px;height:8px;padding:0}.reflection-carousel-dot.active{background:#ffffffe0;transform:scale(1.15)}.reflection-page{box-sizing:border-box;min-height:100vh;padding:24px}.reflection-layout{grid-template-columns:minmax(0,1fr) minmax(320px,460px);align-items:start;gap:24px;display:grid}.reflection-editor,.reflection-preview-panel{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 14px #0000000d}.reflection-preview-panel{background:#111;padding:24px 20px 28px}.reflection-title{color:#111;font-size:22px;font-weight:700}.reflection-sub{color:#888;margin-top:8px;font-size:13px;line-height:1.6}.reflection-form{flex-direction:column;gap:12px;margin-top:20px;display:flex}.reflection-textarea{resize:vertical;box-sizing:border-box;border:1px solid #e5e5e5;border-radius:12px;width:100%;min-height:220px;padding:14px;font-size:14px;line-height:1.8}.reflection-input,.reflection-select{box-sizing:border-box;border:1px solid #e5e5e5;border-radius:12px;width:100%;padding:12px 14px;font-size:14px}.reflection-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:12px;width:100%;padding:14px;font-size:15px}.reflection-btn.secondary{color:#111;background:#fff;border:1px solid #ddd}.reflection-btn:disabled{opacity:.6;cursor:not-allowed}.reflection-actions{flex-direction:column;gap:10px;margin-top:16px;display:flex}.reflection-preview-label{color:#ffffff8c;text-align:center;margin-bottom:16px;font-size:13px}.reflection-notice{color:#c0392b;margin-top:12px;font-size:12px}.reflection-hint{color:#999;margin-top:10px;font-size:12px;line-height:1.6}.reflection-field{flex-direction:column;gap:8px;display:flex}.reflection-label{color:#444;font-size:13px;font-weight:600}.reflection-options{gap:8px;display:flex}.reflection-option{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:10px;flex:1;padding:10px 12px;font-size:13px}.reflection-option.active{color:#fff;background:#111;border-color:#111}.reflection-preview-panel .reflection-share-card{margin-top:0}.reflection-empty{color:#ffffff59;text-align:center;justify-content:center;align-items:center;min-height:640px;padding:20px;font-size:14px;display:flex}@media (width<=900px){.reflection-layout{grid-template-columns:1fr}}.style-advice-page{box-sizing:border-box;min-height:100vh;padding:24px}.style-advice-card{background:#fff;border-radius:16px;max-width:720px;margin:0 auto;padding:24px;box-shadow:0 4px 14px #0000000d}.style-advice-title{color:#111;font-size:22px;font-weight:700}.style-advice-sub{color:#888;margin-top:8px;font-size:13px;line-height:1.6}.style-advice-form{flex-direction:column;gap:12px;margin-top:20px;display:flex}.style-advice-tags{flex-wrap:wrap;gap:8px;display:flex}.style-advice-tag{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:999px;padding:6px 10px;font-size:12px}.style-advice-tag.active{color:#fff;background:#111;border-color:#111}.style-advice-textarea,.style-advice-input,.style-advice-select{box-sizing:border-box;border:1px solid #e5e5e5;border-radius:12px;width:100%;padding:14px;font-size:14px;line-height:1.6}.style-advice-textarea{resize:vertical;min-height:120px}.style-advice-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:12px;width:100%;padding:14px;font-size:15px}.style-advice-btn:disabled{opacity:.6;cursor:not-allowed}.style-advice-btn.secondary{color:#111;background:#fff;border:1px solid #ddd}.style-advice-error{color:#c0392b;font-size:13px}.style-advice-hint{color:#999;font-size:12px;line-height:1.5}.style-advice-result{border-top:1px solid #f0f0f0;margin-top:24px;padding-top:24px}.style-advice-opening,.style-advice-insight,.style-advice-closing{color:#333;font-size:14px;line-height:1.9}.style-advice-insight{background:#fafafa;border-left:3px solid #111;border-radius:12px;margin-top:20px;padding:14px}.style-advice-closing{color:#666;margin-top:16px}.style-advice-style-card{background:#fafafa;border:1px solid #eee;border-radius:14px;margin-top:20px;padding:18px}.style-advice-gallery{max-width:360px;margin-top:14px}.style-advice-gallery-item{background:#f3f3f3;border-radius:12px;line-height:0;overflow:hidden}.style-advice-gallery-item img{object-fit:contain;width:100%;height:auto;max-height:480px;display:block}.style-advice-gallery-placeholder{color:#999;text-align:center;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;font-size:12px;display:flex}.style-advice-gallery-loading{color:#999;margin-top:14px;font-size:12px}.style-advice-style-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.style-advice-style-index{color:#111;font-size:18px;font-weight:700}.style-advice-style-title{color:#111;font-size:17px;font-weight:700}.style-advice-style-sub{color:#777;margin-top:6px;font-size:13px}.style-advice-block-title{color:#444;margin-top:14px;font-size:13px;font-weight:700}.style-advice-list{color:#333;margin:8px 0 0;padding-left:18px;font-size:14px;line-height:1.8}.style-advice-colors{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.style-advice-color-chip{color:#555;background:#fff;border:1px solid #e5e5e5;border-radius:999px;padding:4px 10px;font-size:12px}.style-advice-highlights{color:#555;margin-top:10px;font-size:13px;line-height:1.7}.style-advice-note{color:#888;margin-top:10px;font-size:13px;line-height:1.6}.style-advice-weekly{background:#fff;border:1px solid #eee;border-radius:14px;margin-top:24px;padding:18px}.style-advice-weekly-title{color:#111;margin-bottom:12px;font-size:15px;font-weight:700}.style-advice-weekly-row{color:#333;border-bottom:1px solid #f3f3f3;grid-template-columns:56px 1fr 1.4fr;gap:10px;padding:10px 0;font-size:13px;display:grid}.style-advice-weekly-row:last-child{border-bottom:none}.style-advice-weekly-day{color:#111;font-weight:700}.style-advice-actions{gap:10px;margin-top:16px;display:flex}.style-advice-actions .style-advice-btn{flex:1}@media (width<=640px){.style-advice-page{padding:16px}.style-advice-card{padding:18px}.style-advice-weekly-row{grid-template-columns:1fr;gap:4px}}.hairstyle-page{box-sizing:border-box;min-height:100vh;padding:24px}.hairstyle-card{background:#fff;border-radius:16px;max-width:720px;margin:0 auto;padding:24px;box-shadow:0 4px 14px #0000000d}.hairstyle-title{color:#111;font-size:22px;font-weight:700}.hairstyle-sub{color:#888;margin-top:8px;font-size:13px;line-height:1.6}.hairstyle-mode-tabs{gap:8px;margin-top:20px;display:flex}.hairstyle-mode-tab{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:10px;flex:1;padding:10px 12px;font-size:13px}.hairstyle-mode-tab.active{color:#fff;background:#111;border-color:#111}.hairstyle-form{flex-direction:column;gap:14px;margin-top:16px;display:flex}.hairstyle-field{flex-direction:column;gap:8px;display:flex}.hairstyle-label{color:#444;font-size:13px;font-weight:600}.hairstyle-options{flex-wrap:wrap;gap:8px;display:flex}.hairstyle-option{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:999px;padding:8px 12px;font-size:13px}.hairstyle-option.active{color:#fff;background:#111;border-color:#111}.hairstyle-input,.hairstyle-textarea{box-sizing:border-box;border:1px solid #e5e5e5;border-radius:12px;width:100%;padding:14px;font-size:14px;line-height:1.6}.hairstyle-textarea{resize:vertical;min-height:120px}.hairstyle-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:12px;width:100%;padding:14px;font-size:15px}.hairstyle-btn:disabled{opacity:.6;cursor:not-allowed}.hairstyle-btn.secondary{color:#111;background:#fff;border:1px solid #ddd}.hairstyle-error{color:#c0392b;font-size:13px}.hairstyle-hint{color:#999;font-size:12px;line-height:1.5}.hairstyle-result{border-top:1px solid #f0f0f0;margin-top:24px;padding-top:24px}.hairstyle-opening,.hairstyle-insight,.hairstyle-closing{color:#333;font-size:14px;line-height:1.9}.hairstyle-insight{background:#fafafa;border-left:3px solid #111;border-radius:12px;margin-top:20px;padding:14px}.hairstyle-closing{color:#666;margin-top:16px}.hairstyle-style-card{background:#fafafa;border:1px solid #eee;border-radius:14px;margin-top:20px;padding:18px}.hairstyle-style-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.hairstyle-style-index{color:#111;font-size:18px;font-weight:700}.hairstyle-style-title{color:#111;font-size:17px;font-weight:700}.hairstyle-style-sub{color:#777;margin-top:6px;font-size:13px}.hairstyle-description{color:#333;margin-top:10px;font-size:14px;line-height:1.8}.hairstyle-gallery{max-width:360px;margin-top:14px}.hairstyle-gallery-item{background:#f3f3f3;border-radius:12px;line-height:0;overflow:hidden}.hairstyle-gallery-item img{object-fit:contain;width:100%;height:auto;max-height:480px;display:block}.hairstyle-gallery-loading{color:#999;margin-top:14px;font-size:12px}.hairstyle-photo{background:#fafafa;border:1px dashed #ddd;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.hairstyle-photo-preview{object-fit:cover;border-radius:10px;width:100%;max-height:220px}.hairstyle-photo-actions{gap:8px;display:flex}.hairstyle-btn.compact{width:auto;padding:8px 12px;font-size:13px}.hairstyle-details{gap:8px;margin-top:14px;display:grid}.hairstyle-detail-row{grid-template-columns:72px 1fr;gap:10px;font-size:13px;line-height:1.6;display:grid}.hairstyle-detail-label{color:#888}.hairstyle-detail-value{color:#333}.hairstyle-block-title{color:#444;margin-top:14px;font-size:13px;font-weight:700}.hairstyle-list{color:#333;margin:8px 0 0;padding-left:18px;font-size:14px;line-height:1.8}.hairstyle-why{color:#555;margin-top:10px;font-size:13px;line-height:1.7}.hairstyle-care{background:#fff;border:1px solid #eee;border-radius:12px;margin-top:20px;padding:16px}.hairstyle-care-title{color:#111;margin-bottom:8px;font-size:14px;font-weight:700}.hairstyle-actions{gap:10px;margin-top:16px;display:flex}.hairstyle-actions .hairstyle-btn{flex:1}@media (width<=640px){.hairstyle-page{padding:16px}.hairstyle-card{padding:18px}.hairstyle-detail-row{grid-template-columns:1fr;gap:2px}}.tools-page{box-sizing:border-box;min-height:100vh;padding:24px}.tools-container{max-width:720px;margin:0 auto}.tools-header-title{color:#111;font-size:22px;font-weight:700}.tools-header-sub{color:#888;margin-top:8px;font-size:13px;line-height:1.6}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:20px;display:grid}.tools-card{color:inherit;background:#fff;border-radius:14px;padding:18px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block;box-shadow:0 4px 14px #0000000d}.tools-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.tools-card-icon{margin-bottom:10px;font-size:28px}.tools-card-title{color:#111;font-size:16px;font-weight:700}.tools-card-sub{color:#777;margin-top:8px;font-size:13px;line-height:1.5}.tool-workspace{box-sizing:border-box;min-height:100vh;padding:24px}.tool-workspace-card{background:#fff;border-radius:16px;max-width:720px;margin:0 auto;padding:24px;box-shadow:0 4px 14px #0000000d}.tool-back{color:#666;margin-bottom:16px;font-size:13px;text-decoration:none;display:inline-block}.tool-title{color:#111;font-size:22px;font-weight:700}.tool-sub{color:#888;margin-top:8px;font-size:13px;line-height:1.6}.tool-form{flex-direction:column;gap:12px;margin-top:20px;display:flex}.tool-tags{flex-wrap:wrap;gap:8px;display:flex}.tool-tag{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:999px;padding:6px 10px;font-size:12px}.tool-tag.active{color:#fff;background:#111;border-color:#111}.tool-textarea,.tool-select{box-sizing:border-box;border:1px solid #e5e5e5;border-radius:12px;width:100%;padding:14px;font-size:14px;line-height:1.6}.tool-textarea{resize:vertical;min-height:160px}.tool-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:12px;width:100%;padding:14px;font-size:15px}.tool-btn:disabled{opacity:.6;cursor:not-allowed}.tool-btn.secondary{color:#111;background:#fff;border:1px solid #ddd}.tool-actions{gap:10px;display:flex}.tool-actions .tool-btn{flex:1}.tool-error{color:#c0392b;font-size:13px}.tool-hint{color:#999;font-size:12px}.tool-result{border-top:1px solid #f0f0f0;margin-top:20px;padding-top:20px}.tool-result-title{color:#111;font-size:16px;font-weight:700}.tool-result-sub{color:#777;margin-top:6px;font-size:13px;line-height:1.6}.tool-flowchart-preview{background:#fafafa;border:1px solid #eee;border-radius:12px;margin-top:16px;padding:16px;overflow-x:auto}.tool-flowchart-preview svg{max-width:100%;margin:0 auto;display:block}.tool-code{color:#f5f5f5;white-space:pre-wrap;word-break:break-word;background:#111;border-radius:12px;margin-top:12px;padding:14px;font-size:12px;line-height:1.7}.tool-slide-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.tool-slide-card{background:#fafafa;border:1px solid #eee;border-radius:12px;padding:14px}.tool-slide-index{color:#999;margin-bottom:6px;font-size:11px}.tool-slide-title{color:#111;font-size:15px;font-weight:700}.tool-slide-bullets{color:#444;margin:10px 0 0;padding-left:18px;font-size:14px;line-height:1.8}@media (width<=640px){.tools-page,.tool-workspace{padding:16px}.tool-workspace-card{padding:18px}.tool-actions{flex-direction:column}}.video-page{box-sizing:border-box;min-height:100vh;padding:24px}.video-card{background:#fff;border-radius:16px;max-width:720px;margin:0 auto;padding:24px;box-shadow:0 4px 14px #0000000d}.video-title{color:#111;font-size:22px;font-weight:700}.video-sub{color:#888;margin-top:8px;font-size:13px;line-height:1.6}.video-form{flex-direction:column;gap:14px;margin-top:18px;display:flex}.video-field{flex-direction:column;gap:8px;display:flex}.video-label{color:#444;font-size:13px;font-weight:600}.video-hint{color:#999;font-size:12px;line-height:1.5}.video-textarea{box-sizing:border-box;resize:vertical;border:1px solid #e5e5e5;border-radius:12px;width:100%;min-height:110px;padding:14px;font-size:14px;line-height:1.6}.video-options{flex-wrap:wrap;gap:8px;display:flex}.video-option{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:999px;padding:8px 14px;font-size:13px}.video-option.active{color:#fff;background:#111;border-color:#111}.video-duration-row{align-items:center;gap:12px;display:flex}.video-duration-row input[type=range]{flex:1}.video-duration-value{color:#111;text-align:right;min-width:48px;font-size:14px;font-weight:700}.video-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:12px;width:100%;padding:14px;font-size:15px}.video-btn:disabled{opacity:.6;cursor:not-allowed}.video-btn.secondary{color:#111;background:#fff;border:1px solid #ddd}.video-error{color:#c0392b;font-size:13px}.video-result{border-top:1px solid #f0f0f0;flex-direction:column;gap:18px;margin-top:24px;padding-top:24px;display:flex}.video-section-title{color:#111;font-size:14px;font-weight:700}.video-script-box{color:#333;white-space:pre-wrap;background:#fafafa;border-left:3px solid #111;border-radius:12px;padding:16px;font-size:14px;line-height:1.9}.video-scene{background:#fff;border:1px solid #eee;border-radius:12px;padding:14px}.video-scene-shot{color:#999;font-size:12px;font-weight:700}.video-scene-desc{color:#333;margin-top:6px;font-size:14px;line-height:1.7}.video-scene-prompt{color:#888;margin-top:6px;font-size:12px;font-style:italic;line-height:1.6}.video-prompt-edit{box-sizing:border-box;resize:vertical;color:#444;border:1px solid #e5e5e5;border-radius:10px;width:100%;min-height:80px;padding:12px;font-size:13px;line-height:1.6}.video-player-wrap{background:#000;border-radius:14px;justify-content:center;display:flex;overflow:hidden}.video-player-wrap.portrait video{max-height:70vh}.video-player-wrap video{width:100%;max-width:100%;display:block}.video-generating{text-align:center;color:#666;background:#fafafa;border:1px dashed #ddd;border-radius:14px;padding:28px 16px;font-size:14px;line-height:1.8}.video-actions{gap:10px;display:flex}.video-actions .video-btn{flex:1}.video-notice{color:#8a6d3b;background:#fff7e6;border:1px solid #ffe0a3;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.7}@media (width<=640px){.video-page{padding:16px}.video-card{padding:18px}}.social-post-page{box-sizing:border-box;min-height:100vh;padding:24px}.social-post-layout{grid-template-columns:minmax(0,1fr) minmax(320px,460px);align-items:start;gap:24px;display:grid}.social-post-editor,.social-post-preview-panel{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 14px #0000000d}.social-post-preview-panel{background:#111;padding:24px 20px 28px}.social-post-title-page{color:#111;font-size:22px;font-weight:700}.social-post-sub{color:#888;margin-top:8px;font-size:13px;line-height:1.6}.social-post-form{flex-direction:column;gap:14px;margin-top:20px;display:flex}.social-post-field{flex-direction:column;gap:8px;display:flex}.social-post-label{color:#444;font-size:13px;font-weight:600}.social-post-input,.social-post-textarea{box-sizing:border-box;border:1px solid #e5e5e5;border-radius:12px;width:100%;padding:12px 14px;font-size:14px;line-height:1.6}.social-post-textarea{resize:vertical;min-height:160px}.social-post-options{flex-wrap:wrap;gap:8px;display:flex}.social-post-option{color:#555;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:999px;padding:8px 12px;font-size:13px}.social-post-option.active{color:#fff;background:#111;border-color:#111}.social-post-upload{background:#fafafa;border:1px dashed #ddd;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.social-post-upload-preview{object-fit:contain;background:#eee;border-radius:10px;width:100%;max-height:200px}.social-post-upload-actions{gap:8px;display:flex}.social-post-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:12px;width:100%;padding:14px;font-size:15px}.social-post-btn.secondary{color:#111;background:#fff;border:1px solid #ddd}.social-post-btn.compact{width:auto;padding:8px 12px;font-size:13px}.social-post-btn:disabled{opacity:.6;cursor:not-allowed}.social-post-hint{color:#999;font-size:12px;line-height:1.5}.social-post-error{color:#c0392b;font-size:13px}.social-post-empty{color:#ffffff59;text-align:center;justify-content:center;align-items:center;min-height:640px;padding:20px;font-size:14px;display:flex}.social-post-card{aspect-ratio:9/16;border-radius:24px;width:100%;max-width:360px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000073}.social-post-card--dark{color:#f5f5f5;background:linear-gradient(160deg,#121212 0%,#050505 55%,#0d0d12 100%)}.social-post-card--light{color:#111;background:linear-gradient(160deg,#fff 0%,#f7f7f7 55%,#efefef 100%)}.social-post-card-inner{z-index:1;box-sizing:border-box;flex-direction:column;height:100%;padding:28px 22px;display:flex;position:relative}.social-post-card--image-top .social-post-card-inner{padding-top:0}.social-post-card--image-top .social-post-image-wrap{margin:0 -22px}.social-post-card--image-bottom .social-post-card-inner{padding-bottom:0}.social-post-card--image-bottom .social-post-image-wrap{margin:auto -22px 0}.social-post-card--image-bg .social-post-card-inner{justify-content:flex-end;height:100%}.social-post-bg-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.social-post-bg-image--contain{object-fit:contain;background:#000}.social-post-bg-overlay{background:linear-gradient(#0000001a 0%,#000000bf 68%,#000000eb 100%);position:absolute;inset:0}.social-post-image-wrap{flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:flex;overflow:hidden}.social-post-image-wrap--contain{background:#ffffff0a}.social-post-card--light .social-post-image-wrap--contain{background:#0000000a}.social-post-image-wrap--image-top.social-post-image-wrap--contain{flex:0 52%;min-height:0;max-height:52%}.social-post-image-wrap--image-top.social-post-image-wrap--cover{height:42%;min-height:140px}.social-post-image-wrap--image-bottom.social-post-image-wrap--contain{flex:0 48%;min-height:0;max-height:48%;margin-top:auto}.social-post-image-wrap--image-bottom.social-post-image-wrap--cover{height:38%;min-height:120px;margin-top:auto}.social-post-image-wrap--contain .social-post-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.social-post-image-wrap--cover .social-post-image{object-fit:cover;width:100%;height:100%;display:block}.social-post-text-block{flex-direction:column;flex:1;min-height:0;padding-top:16px;display:flex}.social-post-card--image-bottom .social-post-text-block{padding-top:0;padding-bottom:12px}.social-post-date{color:#ffffff80;font-size:12px}.social-post-card--light .social-post-date{color:#00000073}.social-post-title{margin-top:8px;font-size:24px;font-weight:700;line-height:1.35}.social-post-title-small{margin-top:8px;font-size:16px}.social-post-continued{opacity:.8;font-size:20px;font-weight:700}.social-post-body{flex-direction:column;gap:10px;margin-top:12px;display:flex;overflow:hidden}.social-post-paragraph{opacity:.88;font-size:14px;line-height:1.85}.social-post-card--light .social-post-paragraph{opacity:.82}.social-post-footer{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;padding-top:16px;display:flex}.social-post-sign{opacity:.5;font-size:12px;line-height:1.6}.social-post-mark{opacity:.18;font-size:24px}.social-post-page-badge{z-index:3;color:#ffffffd9;background:#00000073;border:1px solid #ffffff1f;border-radius:999px;padding:4px 10px;font-size:11px;position:absolute;top:16px;right:16px}.social-post-carousel{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.social-post-carousel::-webkit-scrollbar{display:none}.social-post-carousel-slide{scroll-snap-align:start;flex:0 0 100%}.social-post-carousel-controls{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.social-post-carousel-nav{color:#ffffffd1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;padding:8px 12px;font-size:12px}.social-post-carousel-nav:disabled{opacity:.35;cursor:not-allowed}.social-post-carousel-dots{gap:8px;display:flex}.social-post-carousel-dot{cursor:pointer;background:#ffffff38;border:none;border-radius:50%;width:8px;height:8px;padding:0}.social-post-carousel-dot.active{background:#ffffffe0}@media (width<=900px){.social-post-layout{grid-template-columns:1fr}}:root{color:#222;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f6f6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}#root{text-align:left;width:100%;min-height:100vh;margin:0}input,select,textarea,button{font:inherit}