@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#f4f7f2;font-synthesis:none;text-rendering:optimizelegibility;--ink:#0b0d10;--surface:#13171c;--surface-2:#171c22;--surface-3:#1d242c;--raised:#202831;--line:#29323c;--line-soft:#ffffff13;--text:#f4f7f2;--muted:#8b949e;--faint:#59636d;--lime:#d7ff5f;--lime-soft:#d7ff5f24;--violet:#9b8cff;--blue:#5cc8ff;--coral:#ff7d6e;--shadow:0 20px 50px #00000038;background:#0b0d10;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--ink);min-width:320px;min-height:100vh;margin:0}button,textarea,input{font:inherit}button{color:inherit}#root{min-height:100vh}.app-shell{background:radial-gradient(circle at 54% -10%, #5cc8ff11, transparent 32%), var(--ink);min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid var(--line-soft);background:#0b0d10e6;align-items:center;gap:34px;height:68px;padding:0 28px;display:flex}.brand-lockup{align-items:center;gap:10px;min-width:188px;display:flex}.brand-mark{width:25px;height:25px;display:inline-block;position:relative}.brand-mark span{border:1.5px solid var(--lime);border-radius:4px;width:16px;height:16px;position:absolute;transform:rotate(15deg)}.brand-mark span:first-child{opacity:.55;top:1px;left:1px}.brand-mark span:nth-child(2){background:var(--lime);opacity:.88;top:7px;left:7px}.brand-mark i{background:var(--ink);border-radius:2px;width:20px;height:2px;position:absolute;top:12px;left:3px;transform:rotate(-35deg)}.wordmark{letter-spacing:.11em;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700}.beta-pill,.free-chip{color:var(--lime);letter-spacing:.08em;background:#d7ff5f14;border:1px solid #d7ff5f47;border-radius:100px;padding:4px 7px;font-size:8px;font-weight:700}.project-meta{flex:1;min-width:0}.project-name{letter-spacing:-.01em;align-items:center;gap:7px;font:600 13px Space Grotesk,sans-serif;display:flex}.project-switcher{flex:1;min-width:0;position:relative}.project-switcher summary{cursor:pointer;width:fit-content;list-style:none}.project-switcher summary::-webkit-details-marker{display:none}.project-switcher summary svg{color:var(--faint);transition:transform .18s}.project-switcher[open] summary svg{color:var(--lime);transform:rotate(180deg)}.project-menu{z-index:20;border:1px solid var(--line);background:#171c22;border-radius:9px;width:250px;padding:8px;position:absolute;top:32px;left:-10px;box-shadow:0 18px 35px #00000061}.project-menu-label{color:var(--faint);text-transform:uppercase;letter-spacing:.1em;padding:5px 8px 7px;font:700 9px Space Grotesk,sans-serif;display:block}.project-menu-item,.new-project-menu-item{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:9px 8px;font-size:10px;display:flex}.project-menu-item span{color:var(--faint);font-size:9px}.project-menu-item:hover,.project-menu-item.active{color:var(--text);background:#ffffff0f}.project-menu-item.active span{color:var(--lime)}.new-project-form{border-top:1px solid var(--line-soft);gap:5px;margin-top:6px;padding-top:9px;display:flex}.new-project-form input{border:1px solid var(--line);min-width:0;color:var(--text);background:#0b0d10b3;border-radius:5px;outline:none;flex:1;padding:7px 8px;font-size:10px}.new-project-form input:focus{border-color:var(--lime);box-shadow:0 0 0 2px var(--lime-soft)}.new-project-form input::placeholder{color:var(--faint)}.new-project-form button{width:29px;color:var(--ink);background:var(--lime);cursor:pointer;border:0;border-radius:5px}.new-project-form button:hover{filter:brightness(1.08)}.project-subtitle{color:var(--muted);margin-top:4px;font-size:11px}.saved-dot,.live-dot{background:var(--lime);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #d7ff5f14}.saved-label{color:var(--muted);font:500 10px DM Sans,sans-serif}.top-actions{align-items:center;gap:12px;display:flex}.history-actions{border-right:1px solid var(--line-soft);gap:3px;padding-right:10px;display:flex}.icon-button,.square-button,.round-more{cursor:pointer;background:0 0;border:0;place-items:center;transition:color .18s,background .18s,transform .18s;display:inline-grid}.icon-button:hover,.square-button:hover,.round-more:hover{color:var(--lime);background:var(--lime-soft)}.icon-button.subtle{width:28px;height:28px;color:var(--muted);border-radius:7px}.export-button{background:var(--lime);color:#10140b;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:8px;padding:10px 13px;font:700 11px Space Grotesk,sans-serif;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 22px #d7ff5f1a}.export-button:hover{transform:translateY(-1px);box-shadow:0 11px 26px #d7ff5f30}.export-button:disabled{cursor:wait;opacity:.7;box-shadow:none}.tutorial-button{color:#c8bdff;cursor:pointer;background:#9b8cff14;border:1px solid #9b8cff47;border-radius:6px;align-items:center;gap:6px;padding:9px 10px;font:600 10px Space Grotesk,sans-serif;display:inline-flex}.tutorial-button:hover{background:#9b8cff26;border-color:#9b8cff99}.shortcut{opacity:.5;margin-left:3px;font-size:9px}.avatar{border:1px solid var(--line);width:29px;height:29px;color:var(--muted);background:var(--surface-2);cursor:pointer;border-radius:50%;place-items:center;font:700 9px Space Grotesk,sans-serif;display:grid}.account-menu{position:relative}.account-menu summary{list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-menu[open] .avatar{color:var(--ink);border-color:var(--lime);background:var(--lime)}.account-popover{z-index:40;border:1px solid var(--line);background:#171c22;border-radius:10px;width:250px;padding:12px;position:absolute;top:39px;right:0;box-shadow:0 18px 42px #0000006b}.account-popover-heading{align-items:center;gap:10px;padding:2px 2px 10px;display:flex}.account-avatar-large{width:34px;height:34px;color:var(--ink);background:var(--lime);border-radius:50%;flex:none;place-items:center;font:700 11px Space Grotesk,sans-serif;display:grid}.account-popover-heading strong,.account-popover-heading span{text-overflow:ellipsis;white-space:nowrap;max-width:182px;display:block;overflow:hidden}.account-popover-heading strong{color:var(--text);font:600 11px Space Grotesk,sans-serif}.account-popover-heading div span{color:var(--muted);margin-top:4px;font-size:9px}.account-divider{background:var(--line-soft);height:1px;margin:1px 0 10px}.account-detail{color:var(--muted);justify-content:space-between;gap:12px;padding:5px 2px;font-size:9px;display:flex}.account-detail strong{color:var(--text);font-weight:500}.account-detail-label{color:var(--faint)}.account-logout{border:1px solid var(--line-soft);width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:space-between;margin-top:9px;padding:9px 8px;font:600 10px Space Grotesk,sans-serif;display:flex}.account-logout:hover{color:var(--text);background:#ffffff0d;border-color:#fff3}.studio-grid{grid-template-columns:236px minmax(430px,1fr) 322px;min-height:calc(100vh - 106px);display:grid}.panel-rail{background:#101317ba}.media-rail{border-right:1px solid var(--line-soft);flex-direction:column;min-width:0;padding:26px 16px 18px;display:flex}.rail-heading,.inspector-heading,.timeline-heading,.ai-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font:700 9px Space Grotesk,sans-serif}.eyebrow.violet{color:var(--violet)}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;font-family:Space Grotesk,sans-serif}.rail-heading h2,.inspector-heading h2,.timeline-title h2,.ai-title h2{margin-top:5px;font-size:16px;font-weight:600}.rail-heading h2 span{color:var(--faint);margin-left:4px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500}.square-button{border:1px solid var(--line);width:27px;height:27px;color:var(--muted);border-radius:7px}.import-dropzone{cursor:pointer;background:#ffffff05;border:1px dashed #3d4853;border-radius:9px;align-items:center;gap:10px;min-height:70px;margin-top:23px;padding:10px;transition:border .18s,background .18s;display:flex}.import-dropzone:hover{border-color:var(--lime);background:var(--lime-soft)}.dropzone-icon{width:28px;height:28px;color:var(--lime);background:var(--lime-soft);border-radius:7px;place-items:center;display:grid}.import-dropzone strong,.import-dropzone span{display:block}.import-dropzone strong{margin-bottom:4px;font-size:11px}.import-dropzone span{color:var(--muted);font-size:9px;line-height:1.3}.dropzone-arrow{color:var(--faint);margin-left:auto}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bin-divider{color:var(--faint);text-transform:uppercase;letter-spacing:.11em;justify-content:space-between;margin:25px 0 9px;font:700 9px Space Grotesk,sans-serif;display:flex}.bin-divider span:last-child{text-transform:none;letter-spacing:0;font:500 10px DM Sans,sans-serif}.media-list{flex-direction:column;gap:7px;display:flex;overflow:auto}.media-empty{border:1px dashed var(--line);color:var(--faint);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:24px 14px;display:flex}.media-empty svg{color:var(--lime)}.media-empty strong{color:var(--muted);font-size:10px}.media-empty span{font-size:9px;line-height:1.4}.media-card{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;width:100%;padding:7px;transition:background .18s,border .18s;display:flex;position:relative}.media-card:hover{border-color:var(--line-soft);background:#ffffff0b}.media-card.selected{background:var(--lime-soft);border-color:#d7ff5f40}.media-thumb{border-radius:5px;flex:none;width:51px;height:38px;position:relative;overflow:hidden}.media-thumb img,.inspected-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.media-kind{color:#fff;background:#0507088a;border-radius:4px;place-items:center;width:16px;height:16px;display:grid;position:absolute;top:4px;left:4px}.media-duration{color:#fff;text-shadow:0 1px 4px #000;font-size:8px;font-weight:700;position:absolute;bottom:3px;right:4px}.media-copy{flex:1;min-width:0}.media-copy strong,.media-copy span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.media-copy strong{color:var(--text);font-size:10px;font-weight:600}.media-copy span{color:var(--muted);margin-top:4px;font-size:9px}.media-status{opacity:.9;border-radius:50%;width:4px;height:4px;margin-right:2px}.rail-footer{color:var(--muted);border-top:1px solid var(--line-soft);align-items:center;gap:6px;margin-top:auto;padding-top:18px;font-size:9px;display:flex}.rail-footer svg{color:var(--lime)}.footer-free{color:var(--faint);margin-left:auto}.workspace{flex-direction:column;gap:19px;min-width:0;padding:25px 27px 20px;display:flex}.workspace-titlebar{justify-content:space-between;align-items:center;display:flex}.workspace-titlebar h1{margin-top:5px;font-size:22px}.workspace-title-actions{align-items:center;gap:13px;display:flex}.autosave{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.round-more{width:28px;height:28px;color:var(--muted);letter-spacing:2px;border-radius:50%;font-size:11px}.preview-panel{min-width:0}.preview-toolbar{color:var(--muted);justify-content:space-between;align-items:center;padding:0 3px 10px;font-size:10px;display:flex}.preview-toolbar-left,.preview-toolbar-right{align-items:center;gap:8px;display:flex}.preview-toolbar-left .live-dot{width:5px;height:5px}.toolbar-divider{background:var(--line);width:1px;height:14px;margin:0 4px}.muted{color:var(--faint)}.toolbar-chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;display:inline-flex}.preview-stage-wrap{border:1px solid var(--line-soft);min-height:430px;box-shadow:var(--shadow);background:linear-gradient(140deg,#ffffff05,#ffffff01);border-radius:11px;justify-content:center;padding:16px;display:flex}.preview-stage{aspect-ratio:9/14;border-radius:5px;width:min(100%,310px);transition:background .4s;position:relative;overflow:hidden;box-shadow:0 17px 46px #00000080}.preview-media{object-fit:cover;width:100%;height:100%;display:block}.audio-preview{color:#d9efff;text-align:center;background:radial-gradient(circle at 50% 35%,#5cc8ff33,#0000 58%),#101c26;border:1px solid #5cc8ff40;border-radius:12px;flex-direction:column;align-items:center;gap:9px;width:calc(100% - 30px);padding:28px 18px;display:flex}.audio-preview>svg{color:var(--cyan)}.audio-preview strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.audio-preview>span{color:#86a4b8;font-size:9px}.audio-preview audio{display:none}.audio-waveform{align-items:center;gap:4px;height:36px;display:flex}.audio-waveform i{background:var(--cyan);opacity:.78;border-radius:4px;width:4px;height:18px;display:block}.audio-waveform i:nth-child(2),.audio-waveform i:nth-child(8){height:29px}.audio-waveform i:nth-child(3),.audio-waveform i:nth-child(6){height:13px}.audio-waveform i:nth-child(4){height:34px}.audio-waveform i:nth-child(5){height:23px}.demo-frame{color:#fffffff0;flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:44px 25px;display:flex;position:relative}.empty-preview{width:100%;height:100%;color:var(--muted);text-align:center;background:radial-gradient(circle at 50% 35%,#d7ff5f1c,#0000 42%),#10151a;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex}.empty-preview-mark{width:44px;height:44px;color:var(--lime);background:var(--lime-soft);border:1px solid #d7ff5f59;border-radius:12px;place-items:center;display:grid}.empty-preview strong{color:var(--text);font:600 15px Space Grotesk,sans-serif}.empty-preview span:last-child{max-width:170px;font-size:10px;line-height:1.5}.frame-grain{opacity:.24;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 4px);position:absolute;inset:0}.frame-kicker,.frame-subtitle,.demo-frame strong{position:relative}.frame-kicker{letter-spacing:.24em;opacity:.72;margin-bottom:12px;font:700 9px Space Grotesk,sans-serif}.demo-frame strong{letter-spacing:-.06em;max-width:180px;font:600 29px/1 Space Grotesk,sans-serif}.frame-subtitle{opacity:.75;margin-top:10px;font:500 10px DM Sans,sans-serif}.preview-overlay{pointer-events:none;position:absolute;inset:0}.safe-zone{border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;height:66%;position:absolute;top:17%;left:16%;right:16%}.safe-two{border-color:#ffffff17;height:auto;inset:10% 11%}.frame-tag{color:#ffffffb8;background:#090b0c61;border:1px solid #ffffff1f;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font:600 8px Space Grotesk,sans-serif;display:inline-flex;position:absolute;top:12px;left:12px}.stage-play{color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);cursor:pointer;background:#07090a4d;border:1px solid #ffffff6e;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .18s,background .18s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-play:hover,.stage-play.playing{color:var(--ink);border-color:var(--lime);background:#d7ff5fe6;transform:translate(-50%,-50%)scale(1.07)}.transport-row{align-items:center;gap:13px;margin-top:12px;display:flex}.timecode{align-items:baseline;gap:5px;min-width:67px;font-family:Space Grotesk,sans-serif;display:flex}.timecode strong{color:var(--lime);font-size:12px}.timecode span{color:var(--faint);font-size:9px}.transport-progress{background:var(--line);border-radius:3px;flex:1;height:4px;position:relative}.transport-fill{background:var(--lime);border-radius:inherit;height:100%}.transport-knob{background:var(--lime);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;transform:translate(-50%);box-shadow:0 0 0 3px #d7ff5f1f}.transport-actions{gap:2px;display:flex}.fullscreen-icon{font-size:16px;line-height:1;transform:rotate(45deg)}.panel-card{border:1px solid var(--line-soft);background:#13171cb3;border-radius:10px}.timeline-panel{padding:16px 17px 13px;overflow:hidden}.timeline-title h2{align-items:baseline;gap:9px;display:flex}.timeline-duration{color:var(--faint);letter-spacing:0;font:500 10px DM Sans,sans-serif}.timeline-tools{color:var(--muted);align-items:center;gap:11px;display:flex}.timeline-tools button:disabled{opacity:.35;cursor:not-allowed}.danger-tool{color:#ff8a82!important}.timeline-tool{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;display:inline-flex}.timeline-tool:hover{color:var(--lime)}.timeline-zoom{color:var(--faint);align-items:center;gap:5px;font-size:13px;display:flex}.zoom-track{background:var(--line);border-radius:2px;width:42px;height:3px;display:block;position:relative}.zoom-track i{background:var(--muted);border-radius:2px;width:19px;height:3px;position:absolute;left:11px}.timeline-scroll{padding-bottom:2px;overflow-x:auto}.timeline-inner{padding-top:8px;position:relative}.ruler-row,.track-row{display:flex;position:relative}.ruler-row{border-bottom:1px solid var(--line-soft);height:24px;margin-left:0}.track-label{width:68px;color:var(--faint);text-transform:uppercase;letter-spacing:.08em;flex:none;align-items:center;gap:6px;font:600 9px Space Grotesk,sans-serif;display:flex}.ruler-label{color:var(--faint);padding-left:2px}.ruler-mark{color:var(--faint);cursor:pointer;background:0 0;border:0;font-size:8px;position:absolute;bottom:4px;transform:translate(-50%)}.track-row{border-bottom:1px solid var(--line-soft);min-height:43px}.track-lane{flex:1;min-height:43px;position:relative}.timeline-empty{color:var(--faint);align-items:center;padding-left:14px;font-size:9px;display:flex;position:absolute;inset:0}.timeline-clip{text-align:left;cursor:pointer;color:var(--text);border:1px solid #0000;border-radius:5px;align-items:center;gap:6px;min-width:55px;padding:0 6px;transition:filter .18s,border .18s,transform .18s;display:flex;position:absolute;top:7px;bottom:6px;overflow:hidden}.timeline-clip-wrap{position:absolute;top:0;bottom:0}.timeline-clip-wrap>.timeline-clip{width:100%;inset:0}.timeline-clip-wrap.selected{z-index:2}.trim-handle{z-index:3;width:15px;color:var(--ink);background:var(--lime);cursor:pointer;opacity:.9;border:0;border-radius:3px;font:700 15px/1 DM Sans,sans-serif;position:absolute;top:7px;bottom:6px}.trim-handle:hover{opacity:1;transform:scaleX(1.08)}.trim-start{left:-5px}.trim-end{right:-5px}.timeline-clip:hover{filter:brightness(1.24);transform:translateY(-1px)}.timeline-clip.selected{border-color:var(--lime);box-shadow:0 0 0 1px #d7ff5f29}.clip-thumb{opacity:.75;border-radius:3px;flex:none;width:17px;height:17px}.clip-label{white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:600;overflow:hidden}.clip-transition{color:#ffffff7a;white-space:nowrap;margin-left:auto;font-size:8px}.overlay-row,.overlay-row .track-lane{min-height:36px}.audio-row .track-lane{min-height:43px}.audio-clip{color:#d9efff}.audio-clip svg{color:var(--cyan);flex:none}.audio-row .timeline-empty{color:#7892a6}.overlay-clip{color:var(--coral);background:#ff7d6e14;border-color:#ff7d6e7a;gap:6px;top:6px;bottom:5px}.overlay-clip span{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.playhead{background:var(--lime);z-index:3;pointer-events:none;width:1px;position:absolute;top:18px;bottom:0}.playhead span{background:var(--lime);border-radius:2px;width:9px;height:9px;position:absolute;top:-5px;left:-4px;transform:rotate(45deg)}.playhead i{border-left:1px dashed #d7ff5f94;position:absolute;top:0;bottom:0;left:0}.right-rail{border-left:1px solid var(--line-soft);flex-direction:column;gap:15px;min-width:0;padding:25px 16px 18px;display:flex}.ai-panel{padding:17px}.ai-title{align-items:center;gap:9px;display:flex}.ai-spark{color:#fff;background:linear-gradient(135deg,#7163e4,#4ba7e5);border-radius:8px;place-items:center;width:29px;height:29px;display:grid;box-shadow:0 6px 18px #9b8cff26}.ai-header .free-chip{color:var(--violet);background:#9b8cff17;border-color:#9b8cff4d;margin-top:2px}.ai-copy{color:var(--muted);max-width:255px;margin:15px 0 12px;font-size:10px;line-height:1.5}.prompt-box{border:1px solid var(--line);background:#0b0d10a6;border-radius:8px;padding:8px;transition:border .18s,box-shadow .18s}.prompt-box:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px #9b8cff1a}.prompt-box.is-thinking{border-color:var(--violet)}.prompt-box textarea{resize:vertical;width:100%;min-height:72px;color:var(--text);background:0 0;border:0;outline:none;padding:3px;font-size:11px;line-height:1.55;display:block}.prompt-box textarea::placeholder{color:var(--faint)}.prompt-controls{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.prompt-hint{color:var(--faint);font-size:9px}.prompt-submit,.apply-button{cursor:pointer;border:0;border-radius:6px;align-items:center;gap:6px;font:700 10px Space Grotesk,sans-serif;transition:transform .18s,filter .18s;display:inline-flex}.prompt-submit{color:#f4f7f2;background:var(--surface-3);padding:8px 9px}.prompt-submit:not(:disabled):hover{color:var(--ink);background:var(--violet);transform:translateY(-1px)}.prompt-submit:disabled{opacity:.45;cursor:not-allowed}.prompt-submit>span:last-child{color:var(--faint);font-size:13px;line-height:0}.example-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.example-row>span{color:var(--faint);margin-right:1px;font-size:9px}.example-row button{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:100px;padding:5px 7px;font-size:8px}.example-row button:hover{color:var(--text);border-color:var(--violet)}.style-picker{border-top:1px solid var(--line-soft);margin-top:15px;padding-top:13px}.style-picker-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;font:700 9px Space Grotesk,sans-serif;display:flex}.style-picker-heading small{color:var(--faint);text-transform:none;letter-spacing:0;font:500 9px DM Sans,sans-serif}.style-group{margin-top:10px}.style-group-label{color:var(--faint);margin-bottom:6px;font-size:9px;display:block}.style-chip-row{flex-wrap:wrap;gap:5px;display:flex}.style-chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff05;border-radius:100px;padding:6px 8px;font-size:9px;transition:all .15s}.style-chip:hover{color:var(--text);border-color:var(--violet);background:#9b8cff14}.style-chip.active{color:var(--text);border-color:var(--lime);background:var(--lime-soft);box-shadow:0 0 0 1px #d7ff5f1a}.effect-chip.active{border-color:var(--violet);background:#9b8cff24}.spotify-tools{border-top:1px solid var(--line-soft);margin-top:15px;padding-top:13px}.spotify-tools>div:first-child{align-items:center;gap:7px;display:flex}.spotify-dot{color:#1ed760;font-size:13px}.spotify-tools strong,.spotify-tools small{display:block}.spotify-tools strong{color:var(--text);font-size:10px}.spotify-tools small{color:var(--faint);margin-top:3px;font-size:8px}.spotify-search-row{gap:5px;margin-top:8px;display:flex}.spotify-search-row input{border:1px solid var(--line);min-width:0;color:var(--text);background:#0b0d1099;border-radius:5px;outline:none;flex:1;padding:7px 8px;font-size:9px}.spotify-search-row input:focus{border-color:#1ed760}.spotify-search-button{white-space:nowrap;color:#062b12;background:#1ed760;border-radius:5px;align-items:center;padding:7px 8px;font:700 9px Space Grotesk,sans-serif;display:inline-flex}.spotify-search-button:hover{filter:brightness(1.08)}.spotify-note{line-height:1.4;margin-top:7px!important}.spinner{border:1px solid #ffffff40;border-top-color:var(--violet);border-radius:50%;width:11px;height:11px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.plan-loading{flex-direction:column;gap:8px;padding-top:18px;display:flex}.loading-line{background:linear-gradient(90deg, var(--surface-3), var(--line), var(--surface-3));background-size:200%;border-radius:3px;width:88%;height:8px;animation:1.2s infinite shimmer}.loading-line.wide{width:100%}.loading-line.short{width:54%}@keyframes shimmer{to{background-position:-200%}}.plan-result{border-top:1px solid var(--line-soft);margin-top:17px;padding-top:15px}.plan-result-heading{justify-content:space-between;align-items:flex-start;display:flex}.plan-result h3{margin-top:4px;font-size:14px}.plan-time{color:var(--lime);align-items:center;gap:4px;font-size:9px;display:flex}.plan-result>p{color:var(--muted);margin:9px 0;font-size:10px;line-height:1.5}.plan-tags{flex-wrap:wrap;gap:5px;display:flex}.plan-tags span{color:var(--muted);background:var(--surface-3);border-radius:100px;padding:5px 7px;font-size:8px}.plan-steps{flex-direction:column;gap:9px;margin:13px 0;padding:0;list-style:none;display:flex}.plan-steps li{color:var(--text);gap:8px;font-size:9px;line-height:1.4;display:flex}.plan-steps li span{color:var(--violet);font:700 9px Space Grotesk,sans-serif}.apply-button{width:100%;color:var(--ink);background:var(--lime);justify-content:center;padding:10px}.apply-button svg:last-child{margin-left:auto}.apply-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.inspector{border:1px solid var(--line-soft);border-radius:10px;padding:17px}.inspected-thumb{border-radius:6px;height:102px;margin-top:15px;position:relative;overflow:hidden}.inspected-thumb-overlay{color:#ffffffe6;background:linear-gradient(#0000,#00000094);align-items:flex-end;gap:7px;padding:10px;font-size:9px;display:flex;position:absolute;inset:0}.inspected-name{justify-content:space-between;align-items:center;margin:11px 0 15px;display:flex}.inspected-name strong,.inspected-name span{display:block}.inspected-name strong{font-size:11px}.inspected-name span{color:var(--muted);margin-top:4px;font-size:9px}.inspector-section{border-top:1px solid var(--line-soft);padding:13px 0 1px}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;margin-bottom:9px;font:700 9px Space Grotesk,sans-serif;display:flex}.section-label>span{color:var(--faint);text-transform:none;letter-spacing:0;align-items:center;gap:4px;font:500 9px DM Sans,sans-serif;display:flex}.control-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.control-grid label{color:var(--faint);font-size:9px}.control-grid label>div,.select-control,.caption-control{border:1px solid var(--line);color:var(--text);background:#0b0d107a;border-radius:5px;justify-content:space-between;align-items:center;margin-top:5px;padding:8px;font-size:10px;display:flex}.control-grid em{color:var(--faint);font-style:normal}.select-control,.caption-control{cursor:pointer;width:100%}.inspector-button-row{gap:5px;margin-top:7px;display:flex}.inspector-button-row button{border:1px solid var(--line);color:var(--muted);background:var(--surface-3);cursor:pointer;border-radius:5px;flex:1;padding:6px 4px;font-size:9px}.inspector-button-row button:hover{color:var(--lime);background:var(--lime-soft);border-color:#d7ff5f6b}.inspector-delete{color:#ff8a82;cursor:pointer;background:0 0;border:1px solid #ff7d6e38;border-radius:5px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:13px;padding:7px;font-size:9px;display:flex}.inspector-delete:hover{background:#ff7d6e14}.inspector-delete:disabled{opacity:.3;cursor:not-allowed}.mini-controls{gap:4px;margin-top:8px;display:flex}.mini-controls button{width:25px;height:23px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;place-items:center;font-size:9px;display:grid}.mini-controls button.active,.mini-controls button:hover{color:var(--lime);background:var(--lime-soft);border-color:#d7ff5f73}.mini-controls span{flex:1}.adjust-row{color:var(--muted);align-items:center;gap:8px;margin-top:10px;font-size:9px;display:flex}.adjust-row>span{width:48px}.adjust-row strong{color:var(--text);text-align:right;width:25px;font-size:9px;font-weight:500}.slider{background:var(--line);border-radius:3px;flex:1;height:3px}.slider i{background:var(--violet);border-radius:inherit;height:100%;display:block}.inspector-footnote{border-top:1px solid var(--line-soft);color:var(--faint);align-items:flex-start;gap:7px;margin-top:16px;padding-top:12px;font-size:9px;line-height:1.4;display:flex}.inspector-footnote svg{color:var(--violet);flex:none}.bottom-status{border-top:1px solid var(--line-soft);height:38px;color:var(--faint);justify-content:space-between;align-items:center;padding:0 28px;font-size:9px;display:flex}.bottom-status>div{align-items:center;gap:10px;display:flex}.status-key{color:var(--violet);align-items:center;gap:5px;font-weight:600;display:flex}.status-divider{background:var(--line);width:1px;height:12px}.toast{color:var(--text);z-index:10;background:#222b31;border:1px solid #d7ff5f3d;border-radius:8px;align-items:center;gap:9px;padding:10px 12px;font-size:10px;animation:.25s ease-out toast-in;display:flex;position:fixed;bottom:54px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #00000059}.composer-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050709c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.new-project-composer{border:1px solid var(--line);background:linear-gradient(145deg,#181e24,#101419);border-radius:14px;width:min(100%,520px);max-height:min(720px,100vh - 40px);padding:28px;position:relative;overflow:auto;box-shadow:0 25px 80px #00000080}.composer-close{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;place-items:center;display:grid;position:absolute;top:17px;right:17px}.composer-close:hover{color:var(--lime);background:var(--lime-soft)}.composer-kicker{color:var(--violet);letter-spacing:.13em;align-items:center;gap:8px;font:700 9px Space Grotesk,sans-serif;display:flex}.composer-kicker .ai-spark{width:25px;height:25px}.new-project-composer h2{max-width:380px;margin-top:17px;font-size:28px;line-height:1.05}.composer-intro{max-width:390px;color:var(--muted);margin:10px 0 22px;font-size:11px;line-height:1.6}.composer-field{margin-top:15px;display:block}.composer-field>span,.composer-section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font:700 9px Space Grotesk,sans-serif;display:flex}.composer-section-label{margin-top:21px}.composer-section-label span:last-child{color:var(--faint);text-transform:none;letter-spacing:0;font:500 9px DM Sans,sans-serif}.composer-field input,.composer-field textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#07090b94;border-radius:7px;outline:none;margin-top:8px;padding:11px 12px;font-size:11px}.composer-field input:focus,.composer-field textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px var(--lime-soft)}.composer-field textarea{resize:vertical;min-height:82px;line-height:1.5}.composer-upload{cursor:pointer;background:#ffffff05;border:1px dashed #485561;border-radius:8px;align-items:center;gap:11px;margin-top:10px;padding:12px;display:flex}.composer-upload:hover{border-color:var(--lime);background:var(--lime-soft)}.composer-upload-icon{width:33px;height:33px;color:var(--lime);background:var(--lime-soft);border-radius:8px;place-items:center;display:grid}.composer-upload strong,.composer-upload small{display:block}.composer-upload strong{font-size:11px}.composer-upload small{color:var(--muted);margin-top:4px;font-size:9px}.composer-upload>svg{color:var(--faint);margin-left:auto}.composer-file-list{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.composer-file-list span{text-overflow:ellipsis;white-space:nowrap;max-width:48%;color:var(--muted);background:var(--surface-3);border-radius:100px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:inline-flex;overflow:hidden}.composer-footer{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;margin-top:23px;padding-top:15px;display:flex}.composer-footer>span{color:var(--faint);align-items:center;gap:5px;font-size:9px;display:flex}.composer-footer>span svg{color:var(--lime)}.composer-create{color:var(--ink);background:var(--lime);cursor:pointer;border:0;border-radius:7px;align-items:center;gap:8px;padding:10px 12px;font:700 10px Space Grotesk,sans-serif;display:inline-flex}.composer-create:disabled{opacity:.38;cursor:not-allowed}.tutorial-backdrop{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050709c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.tutorial-card{background:linear-gradient(145deg,#181d25 0%,#101419 100%);border:1px solid #9b8cff47;border-radius:15px;width:min(100%,580px);position:relative;overflow:hidden;box-shadow:0 30px 90px #0000008c}.tutorial-close{z-index:2;border:1px solid var(--line);width:30px;height:30px;color:var(--muted);cursor:pointer;background:#0b0d106b;border-radius:7px;place-items:center;display:grid;position:absolute;top:18px;right:18px}.tutorial-close:hover{color:var(--text);border-color:var(--violet)}.tutorial-hero{background:radial-gradient(circle at 12% 20%,#9b8cff33,#0000 35%);align-items:center;gap:14px;padding:30px 32px 20px;display:flex}.tutorial-brand-mark{background:var(--lime-soft);border:1px solid #d7ff5f8c;border-radius:11px;flex:none;width:42px;height:42px;position:relative;transform:rotate(-9deg)}.tutorial-brand-mark span,.tutorial-brand-mark i{background:var(--lime);border-radius:2px;width:16px;height:5px;display:block;position:absolute;transform:rotate(-35deg)}.tutorial-brand-mark span:first-child{top:12px;left:9px}.tutorial-brand-mark span:nth-child(2){opacity:.7;top:21px;left:15px}.tutorial-brand-mark i{opacity:.42;top:27px;left:20px}.tutorial-hero h2{letter-spacing:-.04em;margin-top:5px;font-size:25px}.tutorial-progress{gap:5px;padding:0 32px 22px;display:flex}.tutorial-progress button{cursor:pointer;background:#ffffff1f;border:0;border-radius:100px;flex:1;height:4px}.tutorial-progress button.active{background:var(--lime);box-shadow:0 0 12px #d7ff5f59}.tutorial-progress button.complete{background:#d7ff5f70}.tutorial-step{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--tutorial-accent) 15%, transparent), transparent 32%);min-height:235px;padding:30px 32px}.tutorial-step .eyebrow{color:var(--tutorial-accent)}.tutorial-step h3{letter-spacing:-.04em;margin-top:10px;font-size:25px}.tutorial-step p{max-width:470px;color:var(--muted);margin-top:12px;font-size:12px;line-height:1.65}.tutorial-tool-list{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.tutorial-tool-list span{border:1px solid color-mix(in srgb, var(--tutorial-accent) 28%, transparent);color:var(--text);background:color-mix(in srgb, var(--tutorial-accent) 8%, transparent);border-radius:100px;align-items:center;gap:6px;padding:7px 9px;font-size:9px;display:inline-flex}.tutorial-tool-list svg{color:var(--tutorial-accent)}.tutorial-footer{color:var(--faint);justify-content:space-between;align-items:center;gap:12px;padding:18px 32px 22px;font-size:10px;display:flex}.tutorial-footer>div{align-items:center;gap:7px;display:flex}.tutorial-skip,.tutorial-secondary{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:9px 8px;font-size:10px}.tutorial-skip:hover,.tutorial-secondary:hover{color:var(--text)}.tutorial-next{color:var(--ink);background:var(--lime);cursor:pointer;border:0;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font:700 10px Space Grotesk,sans-serif;display:inline-flex}.tutorial-next:hover{filter:brightness(1.08)}.toast-check{background:var(--lime);width:17px;height:17px;color:var(--ink);border-radius:50%;place-items:center;font-weight:700;display:grid}.toast button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;margin-left:5px;display:grid}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (width<=1180px){.studio-grid{grid-template-columns:210px minmax(390px,1fr) 290px}.workspace{padding-inline:19px}.right-rail{padding-inline:12px}.preview-stage-wrap{min-height:390px}.example-row button{max-width:100%}}@media (width<=940px){.topbar{gap:17px;padding-inline:17px}.brand-lockup{min-width:auto}.project-meta{display:none}.studio-grid{grid-template-columns:188px minmax(0,1fr)}.right-rail{border-left:0;border-top:1px solid var(--line-soft);grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);align-items:start;padding:18px;display:grid}.bottom-status{padding-inline:17px}}@media (width<=680px){.topbar{height:60px}.wordmark{font-size:12px}.beta-pill,.history-actions{display:none}.export-button{padding:9px 10px}.shortcut{display:none}.tutorial-button{padding:9px 8px}.tutorial-button svg{display:none}.studio-grid{flex-direction:column;display:flex}.media-rail{border-right:0;border-bottom:1px solid var(--line-soft);padding:13px 14px 10px}.media-rail .rail-heading{align-items:center}.import-dropzone{min-height:52px;margin-top:12px}.media-list{flex-direction:row;padding-bottom:2px;overflow-x:auto}.media-card{min-width:165px}.rail-footer{display:none}.workspace{gap:14px;padding:18px 12px}.workspace-titlebar h1{font-size:18px}.preview-stage-wrap{min-height:350px;padding:11px}.preview-stage{width:min(100%,250px)}.timeline-panel{padding:13px 12px 10px}.timeline-tools .timeline-tool:first-child{display:none}.right-rail{padding:0 12px 14px;display:flex}.ai-panel,.inspector{width:100%}.bottom-status{flex-direction:column;align-items:flex-start;gap:6px;height:auto;min-height:42px;padding-block:8px}.bottom-status>div:last-child{display:none}.tutorial-hero,.tutorial-step,.tutorial-progress,.tutorial-footer{padding-inline:22px}.tutorial-step{min-height:265px}.tutorial-step h3{font-size:21px}.tutorial-skip{display:none}}.auth-screen{background:radial-gradient(circle at 50% 0,#5cc8ff14,#0000 38%),#0b0d10;place-items:center;min-height:100vh;padding:32px;display:grid;position:relative;overflow:hidden}.auth-loading{color:var(--muted);flex-direction:column;gap:16px;font-size:11px;display:flex}.auth-ambient{filter:blur(5px);pointer-events:none;border-radius:50%;width:420px;height:420px;position:absolute}.auth-ambient-one{background:#9b8cff1a;top:-250px;right:-100px}.auth-ambient-two{background:#d7ff5f0f;bottom:-300px;left:-150px}.auth-shell{z-index:1;border:1px solid var(--line);background:#13171cdb;border-radius:18px;grid-template-columns:1fr 410px;width:min(100%,940px);min-height:570px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 100px #0000007a}.auth-visual{background:radial-gradient(circle at 78% 22%,#5cc8ff24,#0000 28%),linear-gradient(145deg,#1b242dcc,#0d1116b8);flex-direction:column;justify-content:space-between;padding:32px 38px;display:flex}.auth-visual-top,.auth-logo-lockup,.auth-signal{align-items:center;display:flex}.auth-visual-top{justify-content:space-between}.auth-logo-lockup{gap:10px}.auth-logo-lockup strong{letter-spacing:.11em;font:700 14px Space Grotesk,sans-serif}.auth-beta{color:var(--lime);letter-spacing:.08em;background:#d7ff5f14;border:1px solid #d7ff5f47;border-radius:100px;padding:4px 7px;font:700 8px Space Grotesk,sans-serif}.auth-mark{flex:none;width:28px;height:28px;display:inline-block;position:relative}.auth-mark span{border:1.5px solid var(--lime);border-radius:5px;width:17px;height:17px;position:absolute;transform:rotate(15deg)}.auth-mark span:first-child{opacity:.55;top:1px;left:1px}.auth-mark span:nth-child(2){background:var(--lime);opacity:.88;top:8px;left:8px}.auth-mark i{background:var(--ink);border-radius:2px;width:21px;height:2px;position:absolute;top:13px;left:3px;transform:rotate(-35deg)}.auth-visual-copy{max-width:430px;margin-top:auto;margin-bottom:auto}.auth-visual-copy h1{letter-spacing:-.065em;margin-top:17px;font-size:clamp(43px,5vw,65px);line-height:.94}.auth-visual-copy h1 em{color:var(--lime);font-style:normal}.auth-visual-copy p{max-width:330px;color:var(--muted);margin-top:22px;font-size:12px;line-height:1.65}.auth-signal{color:var(--faint);gap:8px;font:500 9px Space Grotesk,sans-serif}.signal-dot{background:var(--lime);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #d7ff5f14}.signal-line{background:var(--line);width:32px;height:1px;margin:0 3px}.auth-card{border-left:1px solid var(--line-soft);background:#0d1014e6;flex-direction:column;justify-content:center;padding:42px 38px;display:flex}.auth-card-kicker{color:var(--violet);letter-spacing:.13em;align-items:center;gap:8px;font:700 9px Space Grotesk,sans-serif;display:flex}.auth-card-kicker svg{color:var(--lime)}.auth-card h2{letter-spacing:-.045em;margin-top:20px;font-size:29px}.auth-intro{color:var(--muted);margin-top:10px;font-size:11px;line-height:1.5}.auth-google,.auth-submit{cursor:pointer;align-items:center;gap:10px;width:100%;display:flex}.auth-google{border:1px solid var(--line);color:var(--text);background:var(--surface-2);border-radius:7px;margin-top:29px;padding:11px 12px;font-size:11px}.auth-google:hover{background:var(--surface-3);border-color:#ffffff42}.auth-google svg{color:var(--muted);margin-left:auto}.google-glyph{color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font:700 13px Arial,sans-serif;display:grid}.auth-divider{color:var(--faint);align-items:center;gap:10px;margin:23px 0 18px;font-size:9px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line-soft);flex:1;height:1px}.auth-form label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font:700 9px Space Grotesk,sans-serif;display:block}.auth-form input{border:1px solid var(--line);width:100%;color:var(--text);background:#07090bb3;border-radius:7px;outline:none;margin-top:8px;padding:11px 12px;font-size:11px}.auth-form input:focus{border-color:var(--lime);box-shadow:0 0 0 3px var(--lime-soft)}.auth-form input::placeholder{color:var(--faint)}.auth-submit{color:var(--ink);background:var(--lime);border:0;border-radius:7px;justify-content:center;margin-top:10px;padding:11px 12px;font:700 10px Space Grotesk,sans-serif}.auth-submit svg{margin-left:auto}.auth-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}.auth-submit:disabled{cursor:wait;opacity:.55;transform:none}.auth-feedback{border-radius:6px;align-items:flex-start;gap:8px;margin-top:13px;padding:9px 10px;font-size:9px;line-height:1.45;display:flex}.auth-success{color:#c8efa1;background:#d7ff5f14;border:1px solid #d7ff5f29}.auth-error{color:#ffaaa2;background:#ff7d6e14;border:1px solid #ff7d6e2e}.auth-legal{color:var(--faint);margin-top:24px;font-size:8px;line-height:1.5}.auth-footer{z-index:1;color:var(--faint);justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:18px;left:32px;right:32px}.auth-footer span:first-child{align-items:center;gap:6px;display:inline-flex}.auth-footer svg{color:var(--lime)}@media (width<=760px){.auth-screen{padding:16px;padding-bottom:60px}.auth-shell{min-height:auto;display:block}.auth-visual{min-height:235px;padding:24px}.auth-visual-copy{margin-top:40px}.auth-visual-copy h1{font-size:43px}.auth-visual-copy p{margin-top:14px}.auth-signal{margin-top:28px}.auth-card{border-top:1px solid var(--line-soft);border-left:0;padding:30px 24px 34px}.auth-footer{bottom:14px;left:18px;right:18px}.auth-footer span:last-child{display:none}}.cloud-loading{min-height:100vh;color:var(--muted);text-align:center;background:radial-gradient(circle at 50% 0,#5cc8ff14,#0000 38%),#0b0d10;align-content:center;place-items:center;gap:12px;padding:24px;font-size:11px;display:grid}.cloud-loading strong{color:var(--text);font:600 16px Space Grotesk,sans-serif}.cloud-loading .composer-create{margin-top:8px}.cloud-loading .auth-mark{margin-bottom:4px}.auth-provider-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:29px;display:grid}.auth-provider{border:1px solid var(--line);min-width:0;color:var(--text);background:var(--surface-2);cursor:pointer;border-radius:7px;align-items:center;gap:7px;padding:10px 9px;font-size:10px;display:flex}.auth-provider:hover{background:var(--surface-3);border-color:#ffffff42;transform:translateY(-1px)}.auth-provider svg{color:var(--muted);margin-left:auto}.provider-glyph{border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font:700 11px Arial,sans-serif;display:grid}.provider-google{color:#4285f4;background:#fff}.provider-apple{color:#fff;background:#050505;font-size:12px}.provider-github{color:#fff;background:#25292e;width:23px;font-size:8px}