body,html{margin:0;min-height:100%;width:100%}body{overflow-x:hidden}.atrilyx-studio{--ax-page:#F0F2F5;--ax-card:#FFFFFF;--ax-card-raised:#FFFFFF;--ax-border:#E4E8EE;--ax-border-light:#EEF1F5;--ax-input:#F7F9FB;--ax-input-border:#DDE2E9;--ax-muted-bg:#F7F9FB;--ax-row-hover:#FAFBFC;--ax-blue:#4B7FD5;--ax-blue-dark:#2B508F;--ax-blue-light:#EDF2FC;--ax-green:#43C478;--ax-green-light:#EEFBF3;--ax-orange:#F09030;--ax-orange-light:#FFF7ED;--ax-red:#E05252;--ax-red-light:#FEF2F2;--ax-purple:#7C5CDB;--ax-purple-light:#F3F0FF;--ax-text-900:#1A1F2B;--ax-text-700:#3D4555;--ax-text-500:#6B7280;--ax-text-400:#9CA3AF;--ax-text-300:#BCC3CF;--ax-shadow:0 1px 3px rgba(0,0,0,.04);color-scheme:light;transition:background-color .2s ease,color .2s ease}.atrilyx-studio[data-theme=dark]{--ax-page:#111720;--ax-card:#19212C;--ax-card-raised:#202A37;--ax-border:#303C4C;--ax-border-light:#273241;--ax-input:#141C26;--ax-input-border:#3A4758;--ax-muted-bg:#151D27;--ax-row-hover:#202A37;--ax-blue:#6F9FE8;--ax-blue-dark:#8AB3F1;--ax-blue-light:#21344F;--ax-green:#56D48B;--ax-green-light:#173426;--ax-orange:#F2A34F;--ax-orange-light:#3B2B18;--ax-red:#F17676;--ax-red-light:#3A2024;--ax-purple:#A78BFA;--ax-purple-light:#2E2845;--ax-text-900:#F4F7FB;--ax-text-700:#D5DCE6;--ax-text-500:#AAB5C3;--ax-text-400:#8592A3;--ax-text-300:#677486;--ax-shadow:0 1px 3px rgba(0,0,0,.3);color-scheme:dark}.atrilyx-studio *,.atrilyx-studio :after,.atrilyx-studio :before{box-sizing:border-box}.atrilyx-studio button,.atrilyx-studio input,.atrilyx-studio select,.atrilyx-studio textarea{font:inherit}.atrilyx-studio a,.atrilyx-studio button,.atrilyx-studio label{transition:border-color .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease}.atrilyx-studio a:hover,.atrilyx-studio button:not(:disabled):hover{filter:brightness(.97)}.atrilyx-studio button:disabled{cursor:not-allowed!important;opacity:.55}.atrilyx-studio a:focus-visible,.atrilyx-studio button:focus-visible,.atrilyx-studio input:focus-visible,.atrilyx-studio select:focus-visible,.atrilyx-studio textarea:focus-visible{outline:2px solid var(--ax-blue);outline-offset:2px}.atrilyx-studio small{display:block}.creative-markdown>:first-child{margin-top:0}.creative-markdown>:last-child{margin-bottom:0}.creative-markdown h1,.creative-markdown h2,.creative-markdown h3,.creative-markdown h4{margin:1.25em 0 .55em;color:var(--ax-text-900);line-height:1.25}.creative-markdown h1{font-size:20px}.creative-markdown h2{padding-bottom:6px;border-bottom:1px solid var(--ax-border);font-size:17px}.creative-markdown h3{font-size:14px}.creative-markdown ol,.creative-markdown p,.creative-markdown ul{margin:.65em 0}.creative-markdown ol,.creative-markdown ul{padding-left:24px}.creative-markdown li+li{margin-top:4px}.creative-markdown blockquote{margin:12px 0;padding:8px 12px;border-left:3px solid var(--ax-blue);background:var(--ax-blue-light);color:var(--ax-text-500)}.creative-markdown code{padding:2px 5px;border-radius:4px;background:var(--ax-muted-bg);color:var(--ax-purple);font-family:Consolas,SFMono-Regular,monospace;font-size:.9em}.creative-markdown pre{overflow:auto;padding:12px;border-radius:5px;background:#0f141b;color:#d8fbe3}.creative-markdown pre code{padding:0;background:transparent;color:inherit}.creative-markdown table{width:100%;margin:12px 0;border-collapse:collapse;font-size:12px}.creative-markdown th{background:var(--ax-muted-bg);color:var(--ax-text-500);font-weight:700;text-align:left}.creative-markdown td,.creative-markdown th{padding:8px 10px;border:1px solid var(--ax-border);vertical-align:top}.creative-markdown a{color:var(--ax-blue)}.creative-markdown hr{margin:18px 0;border:0;border-top:1px solid var(--ax-border)}.timeline-editor{margin-top:8px}.timeline-error{border:1px solid #f87171;border-radius:5px;background:color-mix(in srgb,#ef4444 12%,var(--ax-card))}.timeline-error,.timeline-notice{margin:0 0 12px;padding:10px 12px;color:var(--ax-text-900);font-size:12px}.timeline-notice{border:1px solid #34d399;border-radius:5px;background:color-mix(in srgb,#10b981 12%,var(--ax-card))}.editor-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--ax-border)}.editor-toolbar h2{margin:2px 0 3px;font-size:20px}.editor-toolbar p{margin:0;color:var(--ax-text-500);font-size:12px}.editor-kicker{color:var(--ax-blue);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.editor-toolbar-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.editor-button{min-height:36px;padding:8px 12px;border:1px solid var(--ax-input-border);border-radius:5px;background:var(--ax-card);color:var(--ax-text-700);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.editor-button.primary{border-color:var(--ax-blue);background:var(--ax-blue);color:#fff}.editor-button:disabled{cursor:wait;opacity:.58}.asset-picker-grid button:focus-visible,.editor-button:focus-visible,.layer-row:focus-visible,.overlay-segment:focus-visible,.position-presets button:focus-visible,.remove-layer:focus-visible{outline:2px solid var(--ax-blue);outline-offset:2px}.editor-asset-picker{margin-bottom:16px;padding:14px;border:1px solid var(--ax-border);border-radius:6px;background:var(--ax-muted-bg)}.asset-picker-heading{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.asset-picker-heading span{color:var(--ax-text-500);font-size:11px}.asset-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));grid-gap:8px;gap:8px;max-height:260px;overflow:auto}.asset-picker-grid button{display:flex;min-width:0;flex-direction:column;gap:6px;padding:7px;border:1px solid var(--ax-border);border-radius:5px;background:var(--ax-card);color:var(--ax-text-700);text-align:left;cursor:pointer}.asset-picker-grid img{width:100%;height:76px;border-radius:3px;background:#0a0d12;object-fit:contain}.asset-picker-grid span{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.editor-workspace{display:grid;grid-template-columns:minmax(320px,1fr) minmax(240px,320px);grid-gap:14px;gap:14px}.editor-stage-column{min-width:0}.editor-preview{position:relative;display:grid;min-height:420px;place-items:center;overflow:hidden;border:1px solid #29384d;border-radius:6px;background:radial-gradient(circle at 50% 40%,#253143,#080b10 72%)}.editor-preview video{display:block;width:100%;max-width:760px;max-height:62vh;background:#000;object-fit:contain}.preview-overlay{position:absolute;z-index:2;height:auto;object-fit:contain;pointer-events:auto;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))}.preview-overlay.selected{outline:2px solid #73aaf8;outline-offset:3px;cursor:-webkit-grabbing;cursor:grabbing;z-index:3}.preview-caption{position:absolute;z-index:4;left:50%;max-width:min(86%,520px);padding:8px 14px;border-radius:4px;color:#fff;font-size:clamp(16px,2.4vw,28px);font-weight:800;line-height:1.2;text-align:center;letter-spacing:.01em;text-shadow:0 1px 0 #000,0 0 8px rgba(0,0,0,.65),0 2px 10px rgba(0,0,0,.45);pointer-events:none;transform:translateX(-50%);word-break:break-word}.preview-caption.safe-zone{bottom:14%}.preview-caption.center{top:50%;transform:translate(-50%,-50%)}.preview-end-card{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:radial-gradient(circle at 50% 40%,#1a2333,#05070c 78%);color:#f5f8ff;pointer-events:none;text-align:center}.preview-end-card-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8eb6f5}.preview-end-card strong{max-width:16ch;font-size:clamp(22px,4vw,40px);font-weight:800;line-height:1.15;text-shadow:0 2px 18px rgba(0,0,0,.45);word-break:break-word}.preview-help{margin:7px 0 0;color:var(--ax-text-400);font-size:10px}.editor-export-bar{position:-webkit-sticky;position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;padding:12px 14px;border:1px solid var(--ax-border);border-radius:6px;background:color-mix(in srgb,var(--ax-card) 92%,var(--ax-blue) 8%);box-shadow:0 -8px 24px rgba(0,0,0,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.editor-export-bar-copy{display:flex;min-width:0;flex:1 1;flex-direction:column;gap:2px}.editor-export-bar-copy strong{font-size:13px;color:var(--ax-text-900)}.editor-export-bar-copy span{color:var(--ax-text-500);font-size:11px}.editor-export-bar .editor-button.primary{min-width:180px}.layer-inspector{overflow:hidden;border:1px solid var(--ax-border);border-radius:6px;background:var(--ax-muted-bg)}.inspector-heading{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--ax-border);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.inspector-heading span{display:grid;min-width:22px;min-height:20px;place-items:center;border-radius:10px;background:var(--ax-blue);color:#fff}.layer-row{display:grid;grid-template-columns:28px 1fr;width:100%;grid-gap:8px;gap:8px;align-items:center;padding:10px 12px;border:0;border-bottom:1px solid var(--ax-border);background:transparent;color:var(--ax-text-700);text-align:left;cursor:pointer}.layer-row.active{background:color-mix(in srgb,var(--ax-blue) 14%,var(--ax-card));box-shadow:inset 3px 0 var(--ax-blue)}.layer-row span:last-child{display:flex;min-width:0;flex-direction:column;gap:2px}.layer-row strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.layer-row small{color:var(--ax-text-400);font-size:9px}.layer-icon{display:grid;width:24px;height:24px;place-items:center;border-radius:3px;background:color-mix(in srgb,#8b5cf6 22%,var(--ax-card));color:#a78bfa}.layer-icon.video{background:color-mix(in srgb,var(--ax-blue) 18%,var(--ax-card));color:var(--ax-blue)}.inspector-controls{display:flex;flex-direction:column;gap:10px;padding:12px}.editor-finishing label,.inspector-controls label{display:flex;flex-direction:column;gap:5px;color:var(--ax-text-500);font-size:10px;font-weight:700}.editor-finishing input,.editor-finishing select,.inspector-controls input{min-width:0;padding:8px 9px;border:1px solid var(--ax-input-border);border-radius:4px;background:var(--ax-input);color:var(--ax-text-900);font:inherit}.inspector-controls input[type=range]{padding:0;accent-color:var(--ax-blue)}.control-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.position-presets{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px}.position-presets button{padding:6px;border:1px solid var(--ax-border);background:var(--ax-card);color:var(--ax-text-700);cursor:pointer}.layer-order-controls{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px}.layer-order-controls button{padding:6px;border:1px solid var(--ax-border);border-radius:3px;background:var(--ax-card);color:var(--ax-text-700);font-size:10px;cursor:pointer}.layer-order-controls button:disabled{opacity:.4;cursor:default}.remove-layer{padding:7px;border:1px solid color-mix(in srgb,#ef4444 55%,var(--ax-border));border-radius:4px;background:transparent;color:#ef4444;cursor:pointer}.timeline-panel{position:relative;margin-top:16px;padding:12px;overflow:hidden;border:1px solid var(--ax-border);border-radius:6px;background:color-mix(in srgb,var(--ax-muted-bg) 70%,#080b10)}.timeline-ruler{position:relative;height:26px;margin-left:76px;cursor:crosshair}.timeline-ruler span{position:absolute;top:0;transform:translateX(-50%);color:var(--ax-text-400);font-size:9px}.timeline-ruler i{position:absolute;z-index:4;top:16px;bottom:-200px;width:1px;background:#f87171;pointer-events:none}.timeline-ruler i:before{position:absolute;top:-5px;left:-4px;width:9px;height:9px;border-radius:50%;background:#f87171;content:""}.timeline-track{display:grid;grid-template-columns:68px 1fr;grid-gap:8px;gap:8px;align-items:center;margin-top:5px}.timeline-track>b{color:var(--ax-text-400);font-size:8px;letter-spacing:.08em}.track-lane{position:relative;height:34px;overflow:hidden;border-radius:4px;background:color-mix(in srgb,var(--ax-card) 65%,#080b10);cursor:crosshair}.overlay-segment,.video-segment{position:absolute;top:4px;bottom:4px;display:flex;align-items:center;overflow:hidden;padding:0 8px;border:1px solid color-mix(in srgb,var(--ax-blue) 65%,#fff);border-radius:3px;background:color-mix(in srgb,var(--ax-blue) 42%,#17243a);color:#eaf3ff;font-size:9px;text-overflow:ellipsis;white-space:nowrap;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.overlay-segment{border-color:#8b5cf6;background:color-mix(in srgb,#8b5cf6 45%,#17132a);cursor:-webkit-grab;cursor:grab}.overlay-segment.selected{outline:1px solid #c4b5fd}.draggable-segment{cursor:-webkit-grab;cursor:grab}.draggable-segment:active{cursor:-webkit-grabbing;cursor:grabbing}.segment-label{flex:1 1;min-width:0;overflow:hidden;padding:0 4px;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.segment-handle{position:absolute;top:0;bottom:0;z-index:2;width:8px;cursor:ew-resize;background:color-mix(in srgb,#fff 22%,transparent)}.segment-handle.left{left:0;border-radius:3px 0 0 3px}.segment-handle.right{right:0;border-radius:0 3px 3px 0}.segment-handle:hover{background:color-mix(in srgb,#fff 45%,transparent)}.media-card,.media-card-thumb-wrap{position:relative}.media-card-actions{position:absolute;top:8px;right:8px;z-index:3;display:flex;flex-direction:column;gap:6px;opacity:0;pointer-events:none;transition:opacity .15s ease}.media-card:focus-within .media-card-actions,.media-card:hover .media-card-actions{opacity:1;pointer-events:auto}.media-card-action{min-height:30px;padding:6px 10px;border:1px solid rgba(255,255,255,.28);border-radius:4px;background:rgba(8,11,16,.82);color:#f3f6fb;font:inherit;font-size:11px;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 14px rgba(0,0,0,.28)}.media-card-action.edit{border-color:color-mix(in srgb,var(--ax-blue) 70%,#fff);background:color-mix(in srgb,var(--ax-blue) 88%,#000)}.media-card-action.danger{border-color:color-mix(in srgb,#ef4444 55%,#fff);color:#fecaca}.media-card-action:hover{filter:brightness(1.08)}.editor-finishing{display:grid;grid-template-columns:120px 120px minmax(220px,2fr) minmax(150px,1fr) minmax(220px,2fr);grid-gap:10px;gap:10px;margin-top:14px}.editor-finishing .wide{min-width:0}.editor-ai-revision{display:grid;grid-template-columns:minmax(260px,1fr) auto;grid-gap:10px;gap:10px;align-items:end;margin-top:14px;padding:12px;border:1px solid var(--ax-border);border-radius:6px;background:var(--ax-muted-bg)}.editor-ai-revision label{display:flex;flex-direction:column;gap:5px;color:var(--ax-text-500);font-size:10px;font-weight:700}.editor-ai-revision input{min-width:0;padding:8px 9px;border:1px solid var(--ax-input-border);border-radius:4px;background:var(--ax-input);color:var(--ax-text-900);font:inherit}.editor-ai-revision small{grid-column:1/-1;color:var(--ax-text-400);font-size:10px}@media (max-width:900px){.atrilyx-studio.studio-login{padding:14px 12px 60px!important}.atrilyx-studio-project-layout{grid-template-columns:1fr!important}.editor-toolbar{flex-direction:column}.editor-toolbar-actions{justify-content:flex-start}.editor-workspace{grid-template-columns:1fr}.editor-preview{min-height:280px}.editor-finishing{grid-template-columns:1fr 1fr}.editor-finishing .wide{grid-column:span 2}.editor-ai-revision{grid-template-columns:1fr}.editor-ai-revision small{grid-column:auto}}@media (prefers-reduced-motion:reduce){.atrilyx-studio,.atrilyx-studio *{scroll-behavior:auto!important;transition-duration:0s!important}}.studio-shell{display:flex;align-items:stretch;min-height:100vh}.studio-nav{position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;display:flex;flex-direction:column;gap:2px;width:224px;height:100vh;flex:0 0 auto;box-sizing:border-box;padding:12px 8px;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--ax-border);background:var(--ax-card);transition:width .15s ease}.studio-nav.collapsed{width:54px}.studio-nav-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 12px;margin-bottom:6px;border-bottom:1px solid var(--ax-border)}.studio-nav-brand img{flex:0 0 auto;width:34px;height:34px;border-radius:9px;box-shadow:0 2px 8px rgba(0,0,0,.25)}.studio-nav-brand .nav-label{display:flex;flex-direction:column;line-height:1.15;min-width:0}.studio-nav-brand .nav-label strong{font-size:14px;font-weight:800;letter-spacing:-.01em;color:var(--ax-text-900)}.studio-nav-brand .nav-label small{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ax-text-500)}.studio-nav.collapsed .studio-nav-brand{justify-content:center;padding:6px 0 12px}.studio-nav-toggle{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:8px 10px;border:0;border-radius:5px;background:transparent;color:var(--ax-text-500);font:inherit;font-size:15px;cursor:pointer;white-space:nowrap}.studio-nav-toggle:hover{background:var(--ax-muted-bg)}.studio-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:5px;background:transparent;color:var(--ax-text-700);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;text-align:left}.studio-nav-item:hover{background:var(--ax-muted-bg)}.studio-nav-item.active{background:var(--ax-blue);color:#fff}.studio-nav-item .nav-icon{width:18px;flex:0 0 auto;text-align:center}.studio-nav-item .nav-chev{margin-left:auto;color:var(--ax-text-400);font-size:10px;transition:transform .12s ease}.studio-nav-item.active .nav-chev{color:rgba(255,255,255,.8)}.studio-nav-item .nav-chev.open{transform:rotate(90deg)}.studio-nav-children{display:flex;flex-direction:column;gap:1px;margin:2px 0 6px;padding-left:26px}.studio-nav-child{padding:7px 10px;border:0;border-radius:5px;background:transparent;color:var(--ax-text-500);font:inherit;font-size:12.5px;cursor:pointer;text-align:left;white-space:nowrap}.studio-nav-child:hover{background:var(--ax-muted-bg)}.studio-nav-child.active{background:color-mix(in srgb,var(--ax-blue) 12%,transparent);color:var(--ax-blue);font-weight:600}.studio-nav.collapsed .nav-chev,.studio-nav.collapsed .nav-label,.studio-nav.collapsed .studio-nav-children{display:none}.studio-content{flex:1 1;min-width:0;padding:20px 24px 80px;box-sizing:border-box}@media (max-width:900px){.studio-nav{width:54px}.studio-nav .nav-chev,.studio-nav .nav-label,.studio-nav .studio-nav-children{display:none}.studio-content{padding:14px 12px 60px}}