.app-shell{--app-sidebar:242px;min-height:100dvh;color:var(--foreground)}.app-shell,.app-sidebar{background:var(--background)}.app-sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--app-sidebar);border-inline-end:1px solid var(--border);padding:28px 18px 18px;display:flex;flex-direction:column;z-index:35}.app-sidebar-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;padding:0 14px 24px;white-space:nowrap}.app-sidebar-brand em{font-style:normal;color:var(--primary)}.app-nav{display:grid;gap:4px;overflow:auto;scrollbar-width:thin;flex:1}.app-nav a{display:flex;gap:12px;align-items:center;padding:10px 13px;border-radius:10px;font-size:13px;font-weight:500;color:var(--muted-foreground);transition:.18s}.app-nav a:hover{color:var(--foreground);background:var(--card)}.app-nav a.active{color:var(--primary);background:color-mix(in srgb,var(--primary) 11%,transparent)}.app-nav a.snap svg{color:var(--destructive,#f87171)}.app-sidebar-foot{border-top:1px solid var(--border);margin-top:18px;padding-top:14px;display:grid;gap:12px}.app-account{display:flex;align-items:center;gap:10px;min-width:0}.app-avatar{height:34px;width:34px;display:grid;place-items:center;border-radius:50%;color:var(--primary);background:var(--card);border:1px solid var(--border);flex:none}.app-account strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;max-width:155px}.app-account small{color:var(--muted-foreground);font-size:10px}.app-main{margin-inline-start:var(--app-sidebar);min-width:0}.app-topbar{height:76px;padding:0 clamp(20px,3vw,50px);gap:18px;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--background);position:sticky;top:0;z-index:25}.app-topbar,.app-topbar-end{display:flex;align-items:center}.app-topbar-end{gap:16px}.app-credit-pill{display:flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);background:color-mix(in srgb,var(--primary) 7%,transparent);padding:7px 12px;border-radius:99px;color:var(--primary);font-size:12px;white-space:nowrap}.app-credit-pill strong{font-variant-numeric:tabular-nums}.app-content{max-width:1550px;margin:auto;padding:36px clamp(20px,3vw,50px) 90px}.app-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px}.app-page-heading h1{font-size:clamp(28px,3vw,42px);font-weight:600;letter-spacing:-.04em;line-height:1.2;max-width:750px;margin:5px 0 10px}.app-page-heading p{color:var(--muted-foreground);font-size:14px;line-height:1.7;max-width:650px}.app-eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--primary);font-weight:600}.app-demo-badge,.app-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;border:1px solid var(--border);padding:5px 9px;border-radius:99px;color:var(--muted-foreground);white-space:nowrap}.app-demo-badge{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.app-panel{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:24px;min-width:0}.app-panel h2{font-size:19px;font-weight:600;margin-bottom:18px;letter-spacing:-.02em}.app-panel h3{font-size:15px;font-weight:600}.app-muted,.app-panel small{color:var(--muted-foreground);font-size:12px;line-height:1.6}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.app-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.app-stack{display:grid;gap:20px}.app-field{display:grid;gap:9px;font-size:12px;font-weight:500;min-width:0}.app-field>span{display:flex;align-items:center;gap:8px}.app-field small{font-size:11px;font-weight:400;line-height:1.6;color:var(--muted-foreground)}.app-field input:not([type=checkbox]):not([type=range]):not([type=color]),.app-field select,.app-field textarea,.app-input{width:100%;min-width:0;border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:10px;padding:11px 13px;font-size:14px;line-height:1.5;outline:none}.app-field textarea{resize:vertical;min-height:120px}.app-field input:focus-visible,.app-field select:focus-visible,.app-field textarea:focus-visible,.app-input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.app-field select{appearance:auto}.app-field input[type=range]{width:100%;accent-color:var(--primary)}.app-field input[type=color]{width:100%;min-height:40px;background:transparent;border:1px solid var(--border);border-radius:8px;padding:4px}.app-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;color:var(--muted-foreground)}.app-checkbox input{accent-color:var(--primary);width:17px;height:17px;flex:none;margin-top:3px}.app-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 18px;border:1px solid transparent;border-radius:10px;background:var(--primary);color:var(--primary-foreground,#050505);font-size:12px;font-weight:650;cursor:pointer;transition:.18s;line-height:1.5}.app-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.app-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.app-button.outline{border-color:var(--border);background:transparent;color:var(--foreground)}.app-button.ghost{background:transparent;color:var(--muted-foreground)}.app-button.danger{color:var(--destructive,#f87171);border-color:color-mix(in srgb,var(--destructive,#f87171) 25%,transparent);background:color-mix(in srgb,var(--destructive,#f87171) 7%,transparent)}.app-button.full{width:100%}.app-button.small{min-height:34px;padding:7px 12px;font-size:11px}.app-icon-button{display:inline-grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--muted-foreground);cursor:pointer}.app-icon-button.active,.app-icon-button:hover{color:var(--primary);border-color:var(--primary)}.app-icon-button:disabled{opacity:.3;cursor:not-allowed}.app-icon-button svg{width:17px;height:17px}.app-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app-row.between{justify-content:space-between}.app-link{display:inline-flex;gap:7px;align-items:center;color:var(--primary);font-size:12px}.app-rule{height:1px;background:var(--border);border:0;margin:20px 0}.app-feedback{font-size:12px;line-height:1.6;padding:12px 14px;border-radius:10px;border:1px solid var(--border)}.app-feedback.error{color:var(--destructive,#f87171);border-color:color-mix(in srgb,var(--destructive,#f87171) 25%,transparent)}.app-feedback.success{color:var(--success,#86efac)}.app-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:260px;padding:38px 24px;gap:14px}.app-empty-symbol{font-size:44px;color:var(--primary);font-weight:200;line-height:1.2}.app-empty h3{font-size:20px;font-weight:500;letter-spacing:-.03em;max-width:310px}.app-empty p{max-width:340px;line-height:1.7;font-size:12px;color:var(--muted-foreground)}.app-modal-backdrop{position:fixed;inset:0;z-index:80;background:#000c;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px}.app-modal{width:min(560px,100%);max-height:90dvh;overflow:auto;border:1px solid var(--border);background:var(--card);border-radius:20px;padding:24px;box-shadow:0 25px 100px #0008}.app-modal>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.app-modal h2{font-size:20px;font-weight:600}.app-modal img,.app-modal video{max-width:100%;max-height:65vh;margin:auto;object-fit:contain;border-radius:10px}.app-studio{display:grid;grid-template-columns:minmax(290px,370px) minmax(0,1fr);gap:22px;align-items:start}.app-studio-controls{padding:24px;display:grid;gap:22px}.app-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--background)}.app-tabs a,.app-tabs button{padding:9px 14px;display:flex;gap:7px;align-items:center;justify-content:center;flex:1;border-radius:7px;font-size:12px;color:var(--muted-foreground);background:transparent;border:0;cursor:pointer}.app-tabs .active{color:var(--foreground);background:var(--card);box-shadow:0 1px 4px #0004}.app-ratios{display:flex;gap:6px}.app-ratios button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;flex:1;min-width:0;min-height:63px;border:1px solid var(--border);background:transparent;border-radius:8px;color:var(--muted-foreground);font-size:10px;cursor:pointer}.app-ratios button.active{color:var(--primary);border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,transparent)}.app-ratio-shape{display:block;border:1px solid;width:18px;max-height:24px;border-radius:2px}.app-upload{display:flex;gap:12px;align-items:center;padding:17px;border:1px dashed color-mix(in srgb,var(--primary) 27%,var(--border));border-radius:12px;background:var(--background);position:relative;overflow:hidden;cursor:pointer}.app-upload>svg{color:var(--primary);flex:none;width:21px}.app-upload strong{font-size:12px;font-weight:500}.app-upload small{display:block;font-size:10px;margin-top:3px;max-width:250px}.app-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.app-reference-list{display:flex;gap:8px;flex-wrap:wrap}.app-reference{width:65px;height:75px;position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:var(--background)}.app-reference img,.app-reference video{width:100%;height:100%;object-fit:cover}.app-reference button{position:absolute;inset-block-start:3px;inset-inline-end:3px;width:20px;height:20px;background:#000c;border-radius:5px;display:grid;place-items:center}.app-reference button svg{width:12px;height:12px}.app-cost{display:flex;justify-content:space-between;gap:12px;font-size:12px;align-items:center}.app-cost strong{color:var(--primary);font-weight:500}.app-studio-preview{min-height:650px;display:flex;flex-direction:column;overflow:hidden;padding:0;background:radial-gradient(ellipse at 60% 30%,color-mix(in srgb,var(--primary) 3%,transparent),transparent 60%),var(--card)}.app-preview-top{justify-content:space-between;gap:12px;padding:19px 22px;border-bottom:1px solid var(--border);font-size:11px;color:var(--muted-foreground)}.app-preview-top,.app-result{display:flex;align-items:center}.app-result{flex:1;min-height:500px;position:relative;justify-content:center;padding:25px}.app-result img,.app-result video{max-height:580px;max-width:100%;border-radius:12px;object-fit:contain}.app-result .app-empty{height:100%;min-height:410px}.app-result-actions{padding:16px 22px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap}.app-queue{display:grid;place-items:center;text-align:center;gap:18px;padding:50px;min-height:410px}.app-queue svg{color:var(--primary)}.app-queue p{font-size:12px;color:var(--muted-foreground);max-width:280px;line-height:1.7}.spin{animation:app-spin 1.5s linear infinite}@keyframes app-spin{to{transform:rotate(1turn)}}.app-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:25px}.app-stat{padding:21px;border:1px solid var(--border);border-radius:14px;background:var(--card)}.app-stat span{display:block;font-size:11px;color:var(--muted-foreground)}.app-stat strong{display:block;font-size:30px;font-weight:550;letter-spacing:-.04em;margin-top:9px}.app-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:22px}.app-filters .app-field{flex:1;min-width:115px}.app-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.app-media-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.app-media-card-image{aspect-ratio:3/4;background:var(--background);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.app-media-card-image img,.app-media-card-image video{width:100%;height:100%;object-fit:cover;transition:transform .35s}.app-media-card:hover .app-media-card-image img{transform:scale(1.025)}.app-media-card-image .app-demo-badge{position:absolute;inset-inline-start:12px;top:12px;background:#050505ce}.app-media-card-image .app-icon-button{position:absolute;bottom:12px;inset-inline-end:12px;background:#050505ce}.app-media-card-body{padding:15px;display:grid;gap:12px}.app-media-card-body h3{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-media-card-body p{font-size:11px;color:var(--muted-foreground);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6}.app-chip-list{display:flex;gap:7px;overflow:auto;padding-bottom:8px;margin-bottom:20px}.app-chip{padding:8px 15px;border-radius:99px;border:1px solid var(--border);background:transparent;color:var(--muted-foreground);font-size:11px;white-space:nowrap;cursor:pointer}.app-chip.active{background:var(--primary);border-color:var(--primary);color:var(--background)}.app-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.app-plan{position:relative;padding:27px 23px}.app-plan.featured{border-color:var(--primary)}.app-plan-label{position:absolute;top:-12px;inset-inline:25px;background:var(--primary);color:var(--background);padding:5px 10px;border-radius:99px;text-align:center;font-size:10px}.app-plan h3{font-size:22px;letter-spacing:-.03em}.app-price{font-size:32px;font-weight:550;letter-spacing:-.04em;margin-top:15px;line-height:1.5}.app-price small{font-size:11px;letter-spacing:0;font-weight:400}.app-plan ul{display:grid;gap:14px;margin:24px 0;font-size:12px;color:var(--muted-foreground)}.app-plan li{display:flex;align-items:start;gap:9px;line-height:1.5}.app-plan li svg{color:var(--primary);width:15px;flex:none}.app-table-wrap{overflow:auto}.app-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:start;font-size:12px}.app-table th{color:var(--muted-foreground);font-weight:400;font-size:10px;padding:13px 12px;text-align:start}.app-table td,.app-table th{border-bottom:1px solid var(--border)}.app-table td{padding:15px 12px;max-width:360px;overflow:hidden;text-overflow:ellipsis}.app-table td:first-child,.app-table th:first-child{padding-inline-start:0}.app-table tr:last-child td{border-bottom:0}.app-auth{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:var(--background)}.app-auth-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:55px;background:radial-gradient(ellipse at 30% 30%,color-mix(in srgb,var(--primary) 14%,transparent),transparent 70%),var(--card);border-inline-end:1px solid var(--border);overflow:hidden}.app-auth-art:after{content:"ورّيهم";position:absolute;bottom:15%;font-size:170px;color:var(--primary);opacity:.15;line-height:1.2;inset-inline-start:10%;transform:rotate(-12deg)}.app-auth-art h2{font-size:60px;line-height:1.15;letter-spacing:-.04em;z-index:1;max-width:380px}.app-auth-form{display:flex;align-items:center;justify-content:center;padding:50px 35px}.app-auth-inner{width:100%;max-width:400px}.app-auth-inner h1{font-size:35px;font-weight:600;letter-spacing:-.04em;margin-bottom:10px}.app-auth-inner>p{font-size:13px;color:var(--muted-foreground);margin-bottom:28px;line-height:1.7}.app-auth-inner form{display:grid;gap:18px}.app-auth-bottom{margin-top:24px;text-align:center;font-size:12px;color:var(--muted-foreground)}.app-auth-separator{display:flex;align-items:center;gap:14px;font-size:10px;color:var(--muted-foreground);margin:22px 0}.app-auth-separator:after,.app-auth-separator:before{content:"";height:1px;flex:1;background:var(--border)}.app-mobile-menu{display:none}.app-support-fab{position:fixed;bottom:24px;inset-inline-end:25px;z-index:40;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--primary);background:var(--card);border:1px solid color-mix(in srgb,var(--primary) 40%,var(--border));box-shadow:0 10px 35px #0008}.app-canvas-viewport{touch-action:none;position:relative;overflow:hidden;min-height:500px;display:flex;align-items:center;justify-content:center;background-color:var(--background);background-image:linear-gradient(45deg,#ffffff04 25%,transparent 0),linear-gradient(-45deg,#ffffff04 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ffffff04 0),linear-gradient(-45deg,transparent 75%,#ffffff04 0);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.app-canvas-stage{position:relative;transform-origin:center;flex:none;width:min(100%,600px)}.app-canvas-stage>img{width:100%;height:auto;display:block;pointer-events:none}.app-canvas-stage>canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.5;touch-action:none;cursor:crosshair}.app-canvas-tools{padding:15px;display:flex;gap:7px;flex-wrap:wrap;justify-content:center;border-bottom:1px solid var(--border)}.app-story-stage{aspect-ratio:9/16;position:relative;max-height:620px;max-width:350px;width:100%;margin:auto;background:var(--background);overflow:hidden;border-radius:14px}.app-story-stage img,.app-story-stage video{width:100%;height:100%;object-fit:cover}.app-story-text{position:absolute;inset-inline:8%;text-align:center;font-weight:600;font-size:26px;line-height:1.3;word-break:break-word;text-shadow:0 2px 12px #0009}.app-story-items{display:flex;gap:10px;overflow:auto;padding:12px 0}.app-story-item{position:relative;width:64px;flex:none;aspect-ratio:9/16;overflow:hidden;border:2px solid transparent;border-radius:8px;background:var(--background)}.app-story-item.active{border-color:var(--primary)}.app-story-item img,.app-story-item video{width:100%;height:100%;object-fit:cover}.app-story-item span{position:absolute;bottom:3px;inset-inline:0;font-size:10px;text-align:center;color:white}.app-chat{display:grid;grid-template-rows:1fr auto;min-height:580px;max-height:75dvh}.app-chat-messages{overflow:auto;display:flex;flex-direction:column;gap:15px;padding:6px 0 20px}.app-chat-message{display:grid;gap:8px;padding:15px;background:var(--background);border:1px solid var(--border);border-radius:12px}.app-chat-message p{font-size:13px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.app-chat-message strong{font-size:11px;color:var(--primary)}.app-chat-message time{font-size:10px;color:var(--muted-foreground)}.app-chat-form{border-top:1px solid var(--border);padding-top:18px;display:flex;gap:10px;align-items:end}.app-chat-form .app-field{flex:1}.app-chat-form textarea{min-height:70px}.app-snap-step{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid var(--border);align-items:flex-start}.app-snap-step>span{width:31px;height:31px;display:grid;place-items:center;color:var(--destructive,#f87171);border:1px solid color-mix(in srgb,var(--destructive,#f87171) 30%,transparent);border-radius:50%;flex:none;font-size:12px}.app-snap-step p{font-size:13px;line-height:1.7;margin-bottom:9px}.app-admin-nav{margin-bottom:24px}.app-json-cell{white-space:pre-wrap;max-width:500px;max-height:250px;overflow:auto;font-size:11px;color:var(--muted-foreground)}.app-skeleton{border-radius:14px;min-height:240px;background:linear-gradient(90deg,var(--card),var(--background),var(--card));background-size:200% 100%;animation:app-shimmer 1.5s infinite}@keyframes app-shimmer{to{background-position:-200% 0}}@media(min-width:1500px){.app-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1100px){.app-shell{--app-sidebar:210px}.app-studio{grid-template-columns:300px minmax(0,1fr)}.app-content{padding-inline:24px}.app-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-plan-grid{gap:12px}.app-plan{padding:24px 17px}.app-price{font-size:27px}.app-auth-art{padding:35px}.app-auth-art h2{font-size:48px}}@media(max-width:900px){.app-studio{grid-template-columns:1fr}.app-studio-preview{min-height:420px}.app-result{min-height:330px}.app-result .app-empty{min-height:300px}.app-grid.three,.app-plan-grid{grid-template-columns:1fr}.app-plan ul{grid-template-columns:1fr 1fr}.app-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-auth{grid-template-columns:1fr}.app-auth-art{display:none}.app-auth-form{min-height:100dvh}.app-grid{grid-template-columns:1fr}}@media(max-width:700px){.app-sidebar{transform:translateX(-110%);transition:.2s;width:260px}.app-sidebar.open{transform:translateX(0)}[dir=rtl] .app-sidebar{transform:translateX(110%)}[dir=rtl] .app-sidebar.open{transform:translateX(0)}.app-nav-backdrop{position:fixed;inset:0;background:#000b;z-index:34}.app-main{margin-inline-start:0}.app-mobile-menu{display:inline-grid}.app-topbar{height:65px;padding:0 18px;gap:10px}.app-topbar-end{gap:10px}.app-topbar .app-demo-badge{display:none}.app-content{padding:27px 18px 90px}.app-page-heading{margin-bottom:24px;gap:14px}.app-page-heading h1{font-size:30px}.app-page-heading p{font-size:12px}.app-credit-pill{font-size:11px;padding:7px 10px}.app-credit-pill svg{width:13px}.app-panel{padding:20px}.app-studio-controls{gap:21px}.app-studio-preview{padding:0}.app-preview-top{padding:16px}.app-result{padding:15px}.app-result-actions{padding:14px}.app-media-grid{gap:12px}.app-media-card-body{padding:12px}.app-media-card-body h3{font-size:12px}.app-media-card-body .app-button{font-size:10px;padding:8px}.app-media-card-image .app-demo-badge{font-size:8px;padding:4px 7px;top:8px;inset-inline-start:8px}.app-stat{padding:16px}.app-stat strong{font-size:26px}.app-stat span{font-size:10px}.app-field input:not([type=checkbox]):not([type=range]):not([type=color]),.app-field select,.app-field textarea,.app-input{font-size:16px}.app-auth-form{padding:35px 22px}.app-filters{gap:8px}.app-filters .app-field{min-width:calc(50% - 10px)}.app-canvas-viewport{min-height:350px}.app-modal{padding:20px}.app-chat{min-height:500px}.app-story-text{font-size:23px}.app-support-fab{bottom:18px;inset-inline-end:18px}.app-plan ul{grid-template-columns:1fr}.app-plan-grid{gap:25px}.app-price{font-size:35px}}@media(prefers-reduced-motion:reduce){.app-skeleton,.spin{animation:none}.app-button,.app-media-card-image img,.app-sidebar{transition:none}}.app-sidebar-brand .brand{gap:8px}.app-sidebar-brand .brand strong{font-size:25px}.app-sidebar-brand .brand small{font-size:8px}.app-sidebar-brand .brand-watch{width:54px;height:54px}.app-nav a.billing-highlight{color:#f6d767;background:linear-gradient(110deg,#d4af3712,#fcebaa26,#d4af370c);border:1px solid #d4af3770;box-shadow:0 0 18px #d4af3714;text-decoration:underline;text-decoration-color:#d4af37;text-underline-offset:5px;text-decoration-thickness:1.5px;margin-block:7px;font-weight:650}.app-nav a.billing-highlight.active,.app-nav a.billing-highlight:hover{color:#fff0b2;background:linear-gradient(110deg,#d4af3730,#fcebaa35,#d4af3720);box-shadow:0 0 22px #d4af3729}.generation-setup{border:1px solid #d4af3750;background:#100f0eee;border-radius:13px;padding:16px 18px;margin-bottom:20px;font-size:12px;line-height:1.7}.generation-setup strong{color:#f2d260;display:block;font-size:13px}.generation-setup p{color:#c8c4b8;margin-top:6px}.generation-setup a{display:flex;align-items:center;gap:8px;color:#f2d260;text-decoration:underline;text-underline-offset:4px;margin-top:12px}.generation-dev-tools{margin-top:18px;color:#9b978b;font-size:10px}.generation-dev-tools summary{cursor:pointer;list-style:none;text-align:center;padding:10px}.generation-dev-tools .generation-simulation{margin-top:8px}.app-content.app-content-generation{padding:0;max-width:none}.app-generation{position:relative;isolation:isolate;min-height:calc(100dvh - 80px);padding:25px 24px 46px;overflow:hidden;background:#10131a;color:#f8f8f8}.generation-backdrop{object-fit:cover;object-position:center;z-index:-3}.generation-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#08090d3b,#08090d70 55%,#08090dda),linear-gradient(90deg,#07080d24,transparent 40%,#07080d1a)}.generation-workspace{width:min(420px,100%);margin:0 auto;position:relative}.generation-heading{text-align:center;margin-bottom:15px}.generation-heading h1{font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-.02em;text-shadow:0 2px 15px #000}.generation-tabs{display:flex;width:226px;margin:0 auto 22px;padding:4px;gap:4px;border:1px solid #ffffff1f;background:#111115d9;backdrop-filter:blur(14px);border-radius:14px}.generation-tabs a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:10px;color:#c4c4c9;font-size:12px;font-weight:650;line-height:1.2}.generation-tabs a.active{color:#0e0d08;background:var(--primary);box-shadow:0 1px 10px #ffe58a2b}.generation-form{display:grid;gap:14px}.generation-upload{position:relative;min-width:0;aspect-ratio:1.18;border:1.5px dashed #efd886ad;border-radius:19px;background:#15131b24;backdrop-filter:blur(1px);overflow:hidden;transition:background .18s,border-color .18s}.generation-upload.dragging,.generation-upload:focus-within{border-color:#fff1b8;background:#e2c77929;outline:2px solid #ffe49a;outline-offset:4px}.generation-upload.disabled{opacity:.6}.generation-upload>img,.generation-upload>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0d0c1180}.generation-upload-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;text-align:center;padding:20px}.generation-upload-icon{display:grid;place-items:center;width:53px;height:53px;border:1px solid #ffffff0c;background:#d4c5b71a;border-radius:15px;backdrop-filter:blur(10px);color:#f2e8cf}.generation-upload-icon svg{width:27px;height:27px;stroke-width:1.5}.generation-upload-label strong{display:block;font-size:12px;font-weight:650;letter-spacing:.08em;color:#fff;line-height:1.5;text-shadow:0 2px 8px #000}.generation-upload-label small{display:block;font-size:11px;font-weight:400;color:#e1dce2;line-height:1.6;margin-top:7px;text-shadow:0 2px 8px #000}.generation-upload-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.generation-upload-label input:disabled{cursor:not-allowed}.generation-upload.has-asset:not(.compact) .generation-upload-label{justify-content:flex-end;background:linear-gradient(transparent 60%,#08080bbd)}.generation-upload.has-asset:not(.compact) .generation-upload-icon{display:none}.generation-upload.has-asset:not(.compact) .generation-upload-label>span:last-of-type{padding:8px 14px;border-radius:10px;background:#111116a3;backdrop-filter:blur(8px)}.generation-upload.compact{aspect-ratio:auto;height:47px;border:1px solid #ffffff29;border-radius:13px;background:#111117dc;backdrop-filter:blur(15px)}.generation-upload.compact .generation-upload-label{flex-direction:row;gap:8px;padding:7px 15px}.generation-upload.compact .generation-upload-icon{height:28px;width:28px;background:transparent;border:0}.generation-upload.compact .generation-upload-icon svg{width:17px;height:17px}.generation-upload.compact .generation-upload-label>span:last-of-type{display:flex;gap:10px;align-items:center}.generation-upload.compact strong{letter-spacing:0;font-size:12px}.generation-upload.compact small{font-size:9px;margin:0;color:#c5c4cb}.generation-upload.compact.has-asset>img{inset-inline-start:7px;inset-block-start:5px;height:35px;width:35px;border-radius:7px}.generation-upload.compact.has-asset .generation-upload-label{padding-inline-start:42px}.generation-upload.compact.has-asset .generation-upload-icon{display:none}.generation-references{display:flex;gap:8px;flex-wrap:wrap}.generation-references>div{display:flex;align-items:center;gap:8px;border:1px solid #ffffff29;background:#141319dc;padding:5px 7px;border-radius:9px;font-size:10px}.generation-references img{width:27px;height:30px;object-fit:cover;border-radius:4px}.generation-references button{width:27px;height:27px;background:#ffffff0a;border:0;border-radius:5px;color:#f6f3ec;display:grid;place-items:center}.generation-description .app-field{gap:7px}.generation-description .app-field>span{font-size:11px;color:#ece7db;text-shadow:0 2px 8px #000}.generation-description .app-field textarea{min-height:118px;padding:16px 17px;background:#15141bec;backdrop-filter:blur(15px);border:1px solid #ffffff2b;border-radius:14px;color:#fff;font-size:13px;line-height:1.7;box-shadow:0 5px 25px #00000014}.generation-description textarea::placeholder{color:#a8a6b1}.generation-options{border:1px solid #ffffff23;background:#101015cf;backdrop-filter:blur(14px);border-radius:12px;overflow:hidden}.generation-options summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:11px 14px;list-style:none;color:#d2ced7;font-size:11px}.generation-options summary::-webkit-details-marker{display:none}.generation-options summary span{display:flex;align-items:center;gap:9px}.generation-options[open] summary>svg{transform:rotate(180deg)}.generation-options-body{display:grid;gap:18px;padding:10px 16px 18px}.generation-submit.app-button{font-size:14px;min-height:50px;border-radius:12px;box-shadow:0 5px 24px #0002}.generation-submit.app-button:disabled{opacity:.65}.generation-footnote{display:flex;gap:10px;justify-content:space-between;color:#e1d9ca;text-shadow:0 2px 8px #000;font-size:10px;line-height:1.4;padding-inline:2px}.generation-video-help{font-size:10px;color:#ddd5c5;text-align:center}.generation-snap{margin-top:22px;display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid #fb777540;border-radius:13px;background:#331516b8;backdrop-filter:blur(14px)}.generation-snap>svg:first-child{color:#ff9794}.generation-snap>span{flex:1}.generation-snap strong{display:block;font-size:12px;line-height:1.4;color:#fff}.generation-snap small{display:block;font-size:10px;line-height:1.6;color:#e6c4c4;margin-top:4px}.generation-demo-note{font-size:10px;line-height:1.6;text-align:center;color:#c8c3c6;margin-top:15px}.generation-result{position:relative;max-width:720px;margin:32px auto 0;scroll-margin-top:95px}.generation-result .app-studio-preview{background:#101014ec;backdrop-filter:blur(20px);min-height:400px}.generation-result .app-result{min-height:320px}.generation-result .app-queue{min-height:280px;padding:32px}.generation-result .app-feedback{margin:10px 20px}.generation-form>.app-feedback{background:#1c1014eb;color:#ffb6b6}@media(max-width:700px){.app-content.app-content-generation{padding:0}.app-generation{padding:20px 19px 75px;min-height:calc(100dvh - 65px)}.generation-heading h1{font-size:21px}.generation-heading{margin-bottom:14px}.generation-tabs{margin-bottom:19px}.generation-upload{aspect-ratio:1.2}.generation-form{gap:12px}.generation-description .app-field textarea{font-size:16px;min-height:114px}.generation-snap{margin-top:18px}.generation-backdrop{object-position:58% center}.generation-upload.compact .generation-upload-label>span:last-of-type{gap:7px}.generation-upload.compact small{font-size:9px;max-width:160px}.generation-result{scroll-margin-top:80px}}@media(prefers-reduced-motion:reduce){.generation-upload{transition:none}}.generation-options .app-ratios{flex-wrap:wrap}.app-source-preview-note{padding:12px 20px;font-size:12px;line-height:1.6}.generation-engine{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;color:#c9c5b9;font-size:12px;margin:0 0 22px;text-align:center}.generation-engine .app-status{color:#f2d260;border-color:#d4af3740;background:#d4af3710}.generation-active-result{width:min(100%,700px);margin:0 auto}.generation-active-result .app-panel{background:transparent;border:0;box-shadow:none}.generation-active-result .app-preview-top{display:none}.generation-active-result .app-result{min-height:450px;background:transparent}.generation-active-result .app-queue{width:100%}.generation-progress{--progress-color:#edc650;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;padding:20px;position:relative;text-align:center}.generation-progress.red{--progress-color:#fa606b}.generation-orbit{position:relative;width:190px;height:190px;flex-shrink:0;isolation:isolate}.generation-orbit-glow{position:absolute;inset:22%;background:var(--progress-color);opacity:.13;filter:blur(28px);border-radius:50%}.generation-orbit-ring{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--progress-color) 22%,transparent);border-radius:50%}.generation-orbit-ring:after{content:"";position:absolute;inset:20px;border:1px solid #ffffff0d;border-radius:50%}.generation-orbit-dot{position:absolute;inset:0;animation:spin 2.2s linear infinite;border-radius:50%}.generation-orbit-dot:after{content:"";position:absolute;top:-5px;left:calc(50% - 6px);width:12px;height:12px;background:var(--progress-color);box-shadow:0 0 24px var(--progress-color);border-radius:50%}.generation-orbit-logo{display:grid;place-items:center;width:100%;height:100%;padding-bottom:22px;color:var(--progress-color);font-family:var(--font-arabic),sans-serif;font-weight:700;font-size:142px;line-height:1;text-shadow:0 0 30px color-mix(in srgb,var(--progress-color) 40%,transparent)}.generation-progress-brand{font-size:10px;letter-spacing:.3em;color:var(--progress-color);margin:4px 0 8px}.generation-progress-number{font-size:28px;font-weight:750;color:var(--progress-color);font-variant-numeric:tabular-nums}.generation-progress-number small{font-size:17px;margin-inline-start:3px;opacity:.7}.generation-progress-track{height:9px;width:min(100%,320px);border-radius:20px;background:#ffffff12;border:1px solid #ffffff12;overflow:hidden;direction:ltr}.generation-progress-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--progress-color),color-mix(in srgb,var(--progress-color) 75%,white));transition:width .35s ease-out}.generation-progress-stage{font-size:12px;letter-spacing:.1em;color:#e5e1d6}.generation-progress-time{font:13px monospace;color:#ccc5b8}.generation-progress-note{font-size:11px;line-height:1.6;max-width:340px;color:#bdb7a8}.generation-demo-note{color:#ded1a5!important}.snap-result-link{color:#ff7078!important}.snap-export-overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:#09090df2;backdrop-filter:blur(8px)}.snap-guide>h2{text-align:center}.snap-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.snap-guide-grid .app-snap-step{margin:0;padding:24px 18px;border:1px solid #fa606b30;border-radius:18px;background:linear-gradient(150deg,#fa606b10,#121212);display:flex;flex-direction:column;align-items:flex-start;gap:18px}.snap-guide-grid .app-snap-step>span{background:#f34f60;color:white;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-weight:700}.snap-guide-grid .app-snap-step p{min-height:84px;line-height:1.65;margin-bottom:16px}@media(max-width:900px){.snap-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.snap-guide-grid{grid-template-columns:1fr}.generation-orbit{width:155px;height:155px}.generation-orbit-logo{font-size:118px}.generation-progress{padding:16px 8px}.generation-active-result .app-result{min-height:410px}.snap-guide-grid .app-snap-step p{min-height:0}}@media(prefers-reduced-motion:reduce){.generation-orbit-dot{animation:none}.generation-progress-track>span{transition:none}}.generation-active-result{margin-block-end:24px;scroll-margin-block-start:92px}.generation-complete{--progress-color:#edc650;padding:16px 20px;border-bottom:1px solid var(--border);background:#111115de;border-radius:12px}.generation-complete>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:12px;color:var(--primary)}.generation-complete p,.generation-simulation p{font-size:12px;line-height:1.6;color:var(--muted-foreground);margin-top:12px}.generation-simulation{padding:14px;border:1px solid var(--border);background:#111115e6;border-radius:12px;display:grid;gap:12px}.generation-simulation p{margin:0}.generation-guide{border:1px solid #ffffff23;border-radius:12px;background:#101015e6;margin-bottom:16px;font-size:12px;color:#e1dce2}.generation-guide summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}.generation-guide summary::-webkit-details-marker{display:none}.generation-guide[open] summary>svg{transform:rotate(180deg)}.generation-guide ol{list-style:decimal;padding:0 18px 16px;padding-inline-start:34px;display:grid;gap:10px;line-height:1.65}