.effects-page,.effects-discovery{--effects-ink:#292722;--effects-muted:#716e68;--effects-line:#dedbd5;--effects-accent:#f36b25;--effects-surface:var(--rap-surface,#fffdf9);--effects-tint:var(--rap-surface-tint,#fff2e7);font-family:IBM Plex Sans Variable,Inter,sans-serif}.effects-mode-nav{color:#716e68;background:#ffffffb0;border:1px solid #d8d5cf;border-radius:999px;gap:4px;width:fit-content;max-width:100%;margin:28px auto 0;padding:4px;display:flex}.effects-mode-nav a{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 19px;font-size:12px;font-weight:600;display:inline-flex}.effects-mode-nav a[aria-current=page]{color:#fffdf9;background:#292722}.effects-mode-nav a:not([aria-current]):hover{background:#fff}.effects-eyebrow{color:var(--rap-accent-ink,#ac4211);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:600}.effects-discovery{padding:34px 0 64px}.effects-discovery-grid{max-width:1040px}.effects-discovery-heading{grid-template-columns:1fr minmax(220px,340px);gap:10px 40px;margin-bottom:24px;display:grid}.effects-discovery-heading .effects-eyebrow{grid-column:1}.effects-discovery-heading h2{color:var(--effects-ink);letter-spacing:-.045em;grid-column:1;margin:0;font-size:clamp(30px,3.3vw,42px);font-weight:600;line-height:1.12}.effects-discovery-heading>p:last-child{color:var(--effects-muted);grid-area:2/2;align-self:end;font-size:14px;line-height:1.7}.effects-discovery-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.effects-discovery-card{background:var(--effects-surface);min-width:0;box-shadow:var(--rap-surface-shadow);border:1px solid #d8d5cf;border-radius:20px;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.effects-discovery-card:hover{border-color:#f3a67b;transform:translateY(-4px);box-shadow:0 14px 32px #30334514}.effects-discovery-image{aspect-ratio:16/10;background:#eceef2;border-radius:13px;margin:8px 8px 0;position:relative;overflow:hidden}.effects-discovery-image img{object-fit:cover;object-position:center 20%;width:100%;height:100%;transition:transform .22s;display:block}.effects-discovery-image .rap-video{height:100%}.effects-discovery-image .rap-video-play,.effects-example-frame .rap-video-play,.effects-discovery-image .rap-video-error,.effects-example-frame .rap-video-error{color:#fffdf9}.effects-discovery-image .rap-video-play:hover span,.effects-example-frame .rap-video-play:hover span{color:#251b13;background:#f36b25}.effects-discovery-image .rap-video video{object-fit:contain;background:#20242b;width:100%;height:100%}.effects-discovery-image .rap-video video:not([controls]){object-fit:cover;object-position:center 38%}.effects-card-preview-label{color:#fffdf9;pointer-events:none;background:#292722d9;border-radius:6px;padding:5px 9px;font-size:11px;line-height:1.4;position:absolute;top:12px;left:12px}.effects-discovery-card>.effects-discovery-content{flex:1;display:block}.effects-discovery-card:hover img{transform:scale(1.025)}.effects-card-open{color:#292722;background:#fffdf9e8;border:1px solid #ffffff75;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}.effects-discovery-content{flex-direction:column;flex:1;align-items:start;padding:20px;display:flex}.effects-discovery-content h3{letter-spacing:-.04em;margin:0;font-family:inherit;font-size:clamp(22px,2.2vw,27px);font-weight:600;line-height:1.15}.effects-card-format{color:var(--rap-accent-ink);margin:10px 0;font-size:10px;font-weight:500;line-height:1.6}.effects-discovery-content>p:not(.effects-card-format){color:var(--effects-muted);margin-bottom:20px;font-size:13px;line-height:1.65}.effects-discovery-action{width:100%;color:var(--effects-ink);border-top:1px solid #e8e3db;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;font-size:12px;font-weight:600;display:flex}.effects-discovery-action svg{color:var(--effects-accent);flex-shrink:0}.effects-page{max-width:1100px;padding-bottom:72px}.effects-intro{text-align:center;max-width:770px;margin:34px auto 30px}.effects-intro h1{letter-spacing:-.05em;white-space:pre-line;margin:13px 0 16px;font-size:clamp(36px,4vw,54px);font-weight:600;line-height:1.08}.effects-lead{max-width:610px;color:var(--effects-muted);margin:0 auto;font-size:14px;line-height:1.7}.effects-format{color:var(--effects-muted);margin-top:16px;font-size:11px}.effects-start{background:var(--effects-surface);min-height:42px;color:var(--effects-ink);border:1px solid #d8d5cf;border-radius:999px;justify-content:center;align-items:center;gap:9px;margin-top:18px;padding:10px 18px;font-size:12px;font-weight:600;display:inline-flex}.effects-start:hover{border-color:var(--effects-accent);background:var(--effects-tint)}.effects-start:focus-visible,.effects-editor:focus-visible{outline-offset:4px;outline:2px solid #c34e16}.effects-editor-grid{background:var(--effects-surface);box-shadow:var(--rap-surface-shadow);border:1px solid #d8d5cf;border-radius:24px;grid-template-columns:minmax(260px,.83fr) minmax(0,1.17fr);align-items:start;gap:30px;padding:26px;display:grid}.effects-example{background:#f0f1f4;border:1px solid #e0e1e5;border-radius:18px;min-width:0;margin:0;padding:12px}.effects-example-frame{aspect-ratio:9/16;background:#20242b;border-radius:12px;position:relative;overflow:hidden}.effects-example-frame :is(video,img){object-fit:contain;width:100%;height:100%;display:block}.effects-example-badge{color:#fff;pointer-events:none;background:#20242bba;border:1px solid #ffffff30;border-radius:999px;padding:6px 9px;font-size:10px;position:absolute;top:12px;left:12px}.effects-example-placeholder{color:#fff;place-items:center;height:100%;font-size:48px;font-weight:600;display:grid}.effects-example figcaption{color:var(--effects-muted);padding:12px 3px 2px;font-size:11px;line-height:1.65}.effects-example figcaption strong{color:var(--effects-ink);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.effects-example figcaption a{color:var(--rap-accent-ink);align-items:center;gap:6px;margin-top:8px;display:inline-flex}.effects-editing-column{gap:22px;min-width:0;display:grid}.effects-editor{min-width:0;padding:2px 0 0;scroll-margin-top:100px}.effects-editor-heading{align-items:center;gap:12px;margin-bottom:24px;display:flex}.effects-editor-heading h2{letter-spacing:-.03em;font-size:21px;font-weight:600;line-height:1.2}.effects-editor-heading p{color:var(--effects-muted);margin-top:6px;font-size:12px;line-height:1.6}.effects-editor-icon{background:var(--effects-tint);color:#ae4718;border:1px solid #f0ccb7;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.effects-photo-fieldset{border:0;min-width:0;margin:0 0 18px;padding:0}.effects-photo-fieldset legend{color:var(--effects-ink);margin-bottom:10px;font-size:12px;font-weight:600}.effects-photo-slot{height:170px;color:var(--effects-ink);cursor:pointer;background:#f7f6f2;border:1px dashed #c9c5bd;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:border-color .16s,background .16s;display:flex;position:relative;overflow:hidden}.effects-photo-slot:hover{border-color:var(--effects-accent);background:var(--effects-tint)}.effects-photo-slot>svg{box-sizing:content-box;background:var(--effects-accent);color:#2c190d;border-radius:50%;width:22px;height:22px;padding:12px}.effects-photo-slot:has(input:focus-visible){outline-offset:3px;outline:2px solid #c34e16}.effects-photo-slot input{opacity:0;width:1px;height:1px;position:absolute}.effects-photo-slot img{object-fit:contain;width:100%;height:100%}.effects-photo-slot span{font-size:13px;font-weight:500}.effects-photo-slot:has(img) span{color:#fff;background:#20242bd9;border-radius:999px;padding:6px 12px;font-size:11px;position:absolute;bottom:8px}.effects-photo-fieldset:disabled .effects-photo-slot{cursor:default;opacity:.6}.effects-field-hint{color:var(--effects-muted);margin-top:8px;font-size:11px;line-height:1.65}.effects-consent{color:var(--effects-muted);cursor:pointer;align-items:start;gap:10px;margin-top:18px;font-size:12px;line-height:1.65;display:flex;position:relative}.effects-consent-box{color:#fff;background:#fffdf9;border:1px solid #bdb9b2;border-radius:6px;flex:0 0 19px;place-items:center;width:19px;height:19px;margin-top:1px;transition:background .15s,border-color .15s;display:grid}.effects-consent-box svg{opacity:0}.effects-consent input:checked+.effects-consent-box{background:var(--effects-accent);border-color:var(--effects-accent)}.effects-consent input:checked+.effects-consent-box svg{opacity:1}.effects-consent input:focus-visible+.effects-consent-box{outline-offset:3px;outline:2px solid #c34e16}.effects-consent:has(input:disabled){opacity:.6;cursor:default}.effects-consent a{color:var(--rap-accent-ink);text-underline-offset:3px;text-decoration:underline}.effects-balance{color:var(--effects-muted);flex-wrap:wrap;gap:10px;margin-top:18px;font-size:11px;display:flex}.effects-balance strong{color:var(--effects-ink);font-weight:600}.effects-balance a{color:var(--rap-accent-ink);margin-left:auto}.effects-form-notice{color:#a73021;margin-top:10px;font-size:12px;line-height:1.5}.effects-form-notice:empty{margin:0}.effects-generate{background:var(--effects-accent);color:#2c190d;border:1px solid #e76221;border-radius:16px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;margin-top:18px;padding:12px 16px;font-size:15px;font-weight:650;line-height:1.3;transition:background .16s;display:flex;box-shadow:0 2px #ca541b}.effects-generate:hover:not(:disabled){background:#f77b39}.effects-generate>span{background:#fffdf92b;border-radius:999px;flex-shrink:0;margin-left:2px;padding:4px 8px;font-size:11px;font-weight:500}.effects-inline-action{min-height:36px;color:var(--rap-accent-ink);align-items:center;padding:4px 0;font-size:12px;display:inline-flex}.effects-inline-action:hover{text-underline-offset:3px;text-decoration:underline}.effects-result{border-top:1px solid #e8e3db;padding:18px 0 0}.effects-result-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.effects-result h2{font-size:14px;font-weight:600}.effects-result-heading a{min-height:36px;color:var(--rap-accent-ink);align-items:center;gap:7px;font-size:11px;display:flex}.effects-result-empty{color:var(--effects-muted);margin:8px 0 0;font-size:12px;line-height:1.7}.effects-result video{background:#20242b;border-radius:12px;width:100%;max-height:430px;margin-top:14px}.effects-task-state{color:var(--effects-muted);align-items:center;gap:7px;margin-top:14px;font-size:12px;display:flex}.effects-result-actions{gap:18px;margin-top:12px;display:flex}.effects-result-actions :is(a,button){min-height:36px;color:var(--rap-accent-ink);align-items:center;gap:7px;font-size:12px;display:inline-flex}.effects-recent-tasks{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.effects-recent-tasks button{border:1px solid var(--effects-line);border-radius:999px;min-height:36px;padding:7px 12px;font-size:11px}.effects-recent-tasks button[aria-pressed=true]{border-color:var(--effects-accent);background:var(--effects-tint)}.effects-settings-summary{background:#f7f6f2;border:1px solid #e8e3db;border-radius:12px;margin:0 0 20px;padding:13px 15px;font-size:12px;line-height:1.7}.effects-settings-summary p:first-child{font-weight:500}.effects-settings-summary p+p{color:var(--effects-muted);margin-top:4px}.effects-choice-field{border:0;min-width:0;margin:0;padding:0}.effects-choice-field legend,.effects-select-field>span{color:var(--effects-ink);margin-bottom:9px;font-size:12px;font-weight:600;display:block}.effects-choice-row{gap:8px;display:flex}.effects-choice{border:1px solid var(--effects-line);cursor:pointer;border-radius:12px;flex:1;justify-content:space-between;align-items:center;gap:6px;min-width:0;min-height:60px;padding:10px 12px;display:flex;position:relative}.effects-choice strong{font-size:13px;font-weight:600;display:block}.effects-choice small{color:var(--effects-muted);margin-top:3px;font-size:10px;display:block}.effects-choice-check{color:#c14c13;opacity:0;flex-shrink:0}.effects-choice:has(input:checked){border-color:var(--effects-accent);background:var(--effects-tint);box-shadow:inset 0 0 0 1px #f36b2518}.effects-choice:has(input:checked) .effects-choice-check{opacity:1}.effects-choice:has(input:focus-visible){outline-offset:3px;outline:2px solid #c34e16}.effects-choice:has(input:disabled){cursor:default;opacity:.6}.effects-select-field{min-width:0}.effects-select-trigger{color:#292722;width:100%;height:auto;min-height:60px;box-shadow:none;cursor:pointer;background:#fffdf9;border:1px solid #dedbd5;border-radius:12px;padding:12px 14px;font-family:inherit;font-size:13px}.effects-select-trigger:hover:not(:disabled),.effects-select-trigger[data-popup-open]{background:#fff9f3;border-color:#f36b25}.effects-select-trigger>svg{color:#716e68}.effects-select-popup{--accent:#fff2e7;--accent-foreground:#a94a21;color:#292722;background:#fffdf9;border:1px solid #dedbd5;border-radius:13px;padding:5px;font-family:IBM Plex Sans Variable,Inter,sans-serif;box-shadow:0 12px 36px #29272220}.effects-select-option{color:#292722;cursor:pointer;border-radius:8px;min-height:40px;padding:10px 34px 10px 12px;font-size:13px}.effects-select-option[data-highlighted],.effects-select-option:focus{color:#a94a21;background:#fff2e7}.effects-select-option[data-selected]{color:#a94a21;font-weight:600}.effects-about{border-block:1px solid #d5cec5;margin:64px auto 0;padding:32px}.effects-about h2{letter-spacing:-.035em;font-size:clamp(25px,3vw,34px);font-weight:600}.effects-about>p{color:#776d64;max-width:730px;margin-top:14px;font-size:14px;line-height:1.8}.effects-steps{counter-reset:effect-step;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px;list-style:none;display:grid}.effects-steps li:before{counter-increment:effect-step;content:"0" counter(effect-step);color:#ac4211;font-size:12px;font-weight:650}.effects-steps h3{margin:10px 0 8px;font-size:16px;font-weight:600}.effects-steps p{color:#776d64;font-size:13px;line-height:1.8}.effects-guide-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:28px;margin-top:28px;list-style:none;display:grid}.effects-guide-grid h3{margin-bottom:8px;font-size:16px;font-weight:600}.effects-guide-grid p{color:#776d64;font-size:14px;line-height:1.8}.effects-related-links{flex-wrap:wrap;gap:16px 28px;margin-top:24px;list-style:none;display:flex}.effects-related-links a{color:#ac4211;text-underline-offset:4px;text-decoration:underline}.effects-related-links a:focus-visible{outline-offset:4px;outline:2px solid}.effects-guide-cta{max-width:100%;margin-top:24px}.effects-faq{max-width:760px;margin:70px auto 0}.effects-faq h2{letter-spacing:-.04em;margin-bottom:24px;font-size:28px;font-weight:600}.effects-faq details{border-top:1px solid #d5cec5;padding:20px 0}.effects-faq summary{cursor:pointer;font-size:14px;font-weight:600}.effects-faq details p{color:#776d64;margin-top:14px;font-size:13px;line-height:1.8}.effects-admin-page{max-width:1000px;margin:0 auto;padding:28px}.effects-admin-page>h1{font-size:26px;font-weight:650}.effects-admin-page>p{color:var(--muted-foreground);margin-top:7px;font-size:14px}.effects-admin-form{gap:22px;margin-top:25px;display:grid}.effects-admin-section{border:1px solid var(--border);background:var(--card);border-radius:12px;gap:20px;padding:26px;display:grid}.effects-admin-section h2{align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.effects-admin-section>p{color:var(--muted-foreground);margin-top:-9px;font-size:12px;line-height:1.75}.effects-admin-section label{gap:9px;min-width:0;font-size:13px;font-weight:500;display:grid}.effects-admin-section :is(textarea,select){border:1px solid var(--input);width:100%;min-width:0;color:var(--foreground);background:0 0;border-radius:7px;padding:10px 12px;font-size:13px}.effects-admin-section select option{color:var(--foreground);background:var(--card)}.effects-admin-section textarea{resize:vertical;font-family:monospace;line-height:1.65}.effects-admin-section .effects-admin-toggle{align-items:center;gap:9px;display:flex}.effects-admin-specs{grid-template-columns:1fr 1fr;gap:15px;display:grid}.effects-admin-hint{color:var(--muted-foreground);font-size:11px;font-weight:400;line-height:1.75}[data-slot=sidebar-inset]>main:has(>.effects-admin-page){overflow:visible}.effects-admin-actions{z-index:10;border:1px solid var(--border);background:var(--card);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:12px;box-shadow:0 4px 16px #0000000a}.effects-admin-save-status{flex:160px;min-width:0;font-size:13px;line-height:1.6}.effects-admin-save-status [role=status]{color:var(--muted-foreground)}.effects-admin-actions>button{flex-shrink:0;min-height:44px}.effects-admin-section :is(input,textarea,select){scroll-margin-top:170px}@media (width<=900px){.effects-editor-grid{grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr);gap:22px;padding:22px}.effects-discovery-content{padding:16px}.effects-discovery-content h3{font-size:23px}}@media (width<=720px){.effects-discovery{padding-block:20px 48px}.effects-discovery-heading{margin-bottom:20px;display:block}.effects-discovery-heading h2{margin-top:10px}.effects-discovery-heading>p:last-child{max-width:410px;margin-top:12px;font-size:13px}.effects-discovery-cards{grid-template-columns:1fr;gap:14px}.effects-discovery-card{grid-template-columns:minmax(100px,.38fr) minmax(0,1fr);display:grid}.effects-discovery-image{aspect-ratio:1;align-self:center;height:auto;margin:8px 0 8px 8px}.effects-card-preview-label{white-space:nowrap;padding:2px 4px;font-size:9px;top:5px;left:5px}.effects-discovery-content{padding:18px}.effects-discovery-content h3{font-size:23px}.effects-card-open{display:none}.effects-card-format{font-size:10px}.effects-discovery-content>p:not(.effects-card-format){display:none}.effects-intro{margin:28px auto 24px}.effects-intro h1{font-size:clamp(32px,8vw,44px)}.effects-lead{font-size:13px}.effects-editor-grid{grid-template-columns:1fr;gap:22px;padding:20px}.effects-example{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:14px;padding:10px;display:grid}.effects-example-frame{aspect-ratio:9/13;max-height:230px}.effects-example figcaption{padding:0 2px;font-size:10px}.effects-example-badge{max-width:calc(100% - 14px);padding:5px 7px;font-size:8px;top:8px;left:7px}.effects-editor-heading{margin-bottom:20px}.effects-editor-heading h2{font-size:20px}.effects-about{margin-top:40px;padding:24px 0}.effects-steps{grid-template-columns:1fr;gap:22px}.effects-faq{margin-top:40px}.effects-admin-page{padding:20px 14px}.effects-admin-section{padding:18px 14px}.effects-admin-specs{grid-template-columns:1fr}}@media (width<=420px){.effects-page.rap-container{width:calc(100% - 24px)}.effects-editor-grid{border-radius:20px;padding:16px}.effects-discovery-content{padding:16px 14px}.effects-discovery-content h3{font-size:21px}.effects-discovery-action{gap:5px;font-size:11px}.effects-generate{flex-wrap:wrap;font-size:13px}}@media (prefers-reduced-motion:reduce){.effects-discovery-card,.effects-discovery-image img,.effects-photo-slot,.effects-generate,.effects-consent-box{transition:none}.effects-discovery-card:hover,.effects-discovery-card:hover img{transform:none}.effects-workspace .animate-spin{animation:none}}.effects-composer{scroll-margin-top:100px}.effects-composer .hotel-settings{border:1px solid var(--effects-line);border-radius:18px;grid-template-columns:1fr;gap:20px;padding:18px;display:grid}.effects-composer .effect-scene-heading{margin-top:26px}.effects-composer .effects-example{padding:8px}.effects-composer .effects-example-frame{aspect-ratio:16/10;max-height:280px}.effects-composer .effects-example figcaption{padding:10px 4px 4px}.effects-composer .effects-result{margin-top:24px}.effects-composer .spin-mode-fieldset{margin:0 0 16px}.effects-composer .spin-mode-option{min-height:58px}.effects-composer .spin-scene-fieldset{margin:0}.effects-composer .spin-scene-option img{height:120px}.effects-composer .rap-composer-photo-grid[data-count="3"] .rap-composer-upload-target{padding-inline:6px}.effects-composer .rap-composer-photo-grid[data-count="3"] .rap-composer-upload-target strong{font-size:12px}.effects-composer .rap-composer-photo-grid[data-count="3"] .rap-composer-upload-file{padding-inline:6px}@media (width<=720px){.effects-composer .effects-example{display:block}.effects-composer .effects-example-frame{max-height:230px}}@media (width<=420px){.effects-composer .rap-composer-photo-grid[data-count="3"]{gap:7px}.effects-composer .rap-composer-photo-grid[data-count="3"] .rap-composer-upload-target strong{font-size:10px}.effects-composer .rap-composer-photo-grid[data-count="3"] .rap-composer-upload-icon{width:38px;height:38px}}
