:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea{font:inherit}:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#000;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.3px}.page{position:relative;min-height:100vh;width:100%;overflow:hidden}.content{position:fixed;inset:0;display:grid;place-items:center;padding:60px 18px 140px}.card{display:flex;flex-direction:column;align-items:center;gap:20px}.centerName{font-size:88px;font-weight:500;letter-spacing:1.2px;text-align:center;line-height:1.05}.compactName{font-size:54px}.pinArea{display:flex;flex-direction:column;align-items:center;gap:22px}.pinRow{display:flex;justify-content:center;gap:28px}.pinBox{width:72px;height:80px;background:transparent;border:none;border-bottom:3px solid rgba(255,255,255,.45);color:#fff;font-size:44px;text-align:center;outline:none;padding:0;line-height:1;transition:border-color .14s ease,opacity .14s ease;appearance:none}.pinBox:focus{border-bottom-color:#fff}.pinBox[value]:not([value=""]){border-bottom-color:#ffffffd9}.btn{margin-top:10px;height:52px;padding:0 28px;border:none;background:#ffffff14;color:#fff;font-size:17px;cursor:pointer;transition:opacity .14s ease,transform .12s ease}.subtleBtn{background:transparent;border:1px solid rgba(255,255,255,.16)}.btn:disabled{opacity:.35;cursor:default}.btn:active:not(:disabled){transform:translateY(1px)}.loginCard,.statusCard{width:min(420px,100%)}.authForm{width:min(360px,100%);display:flex;flex-direction:column;align-items:stretch;gap:16px}.textInput{width:100%;height:54px;padding:0 4px;background:transparent;border:none;border-bottom:2px solid rgba(255,255,255,.45);border-radius:0;color:#fff;font:inherit;font-size:20px;outline:none}.textInput:focus{border-bottom-color:#fff}.inviteInput{width:min(320px,calc(100vw - 48px))}.actionRow{display:flex;justify-content:center;gap:12px}.statusText,.errorText,.successText{min-height:24px;margin:0;font-size:15px;text-align:center}.statusText{color:#ffffffa8}.errorText{color:#ff9a9a}.successText{color:#93e6b3}.adminPage{min-height:100vh;overflow:auto;padding:28px}.adminHeader{width:min(1440px,100%);margin:0 auto 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.adminActions{display:flex;align-items:center;gap:12px}.adminActions .btn{margin-top:0}.adminNavButton{width:172px;padding:0 14px;background:transparent;border:1px solid rgba(255,255,255,.16)}.adminNavButton.active,.adminNavButton:hover{border-color:#ffffff80;color:#fff}.adminEyebrow{margin:0 0 4px;color:#ffffff9e;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.adminTitle{margin:0;font-size:38px;font-weight:500;line-height:1.1}.adminShell{width:min(1440px,100%);margin:0 auto}.adminPanel{min-height:380px;padding:28px;border:1px solid rgba(255,255,255,.14)}.adminPanel h2{margin:0 0 12px;font-size:26px;font-weight:500}.adminPanel p{margin:0;color:#ffffffad}.componentEditorPanel,.cvGeneratorPanel{padding:0;overflow:hidden}.componentEditor{min-height:680px;display:grid;grid-template-columns:minmax(220px,.75fr) minmax(340px,1.2fr) minmax(300px,1fr)}.componentLibrary,.componentForm,.componentPreviewPane{min-width:0;padding:24px}.componentLibrary,.componentForm{border-right:1px solid rgba(255,255,255,.14)}.componentLibrary,.componentForm{display:flex;flex-direction:column}.componentPreviewPane{background:#ffffff06}.cvGenerator{min-height:720px;display:grid;grid-template-columns:minmax(220px,.22fr) minmax(0,1fr)}.cvPageLibrary{min-width:0;padding:24px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.14)}.cvBuilder{min-width:0;display:flex;flex-direction:column}.cvSettings{padding:24px;border-bottom:1px solid rgba(255,255,255,.14)}.cvSettingsFields{display:grid;grid-template-columns:minmax(200px,1fr) minmax(200px,1fr) minmax(140px,.45fr);gap:16px}.cvSettingsFields .editorInput{margin-bottom:0}.cvStatusBadge{padding:7px 10px;border:1px solid rgba(255,255,255,.16);color:#ffffff9e;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.cvStatusBadge.published{border-color:#6fe0976b;color:#93e6b3}.cvWorkspace{min-height:520px;display:grid;grid-template-columns:minmax(190px,.22fr) minmax(0,1fr)}.cvCanvasArea{min-width:0;background:#ffffff05}.cvPreviewLanguageBar{min-height:54px;padding:10px 20px;display:flex;align-items:center;justify-content:flex-end;gap:10px;border-bottom:1px solid rgba(255,255,255,.12)}.cvPreviewLanguageBar strong,.cvPreviewLanguageBar>span{margin-right:auto}.cvPreviewLanguageBar label{color:#ffffff94;font-size:12px}.cvPreviewLanguageBar select,.languageAddSelect{min-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:0;color:#fff;background:#111}.cvComponentLibrary{min-width:0;padding:20px;border-right:1px solid rgba(255,255,255,.14)}.cvComponentLibrary h3,.cvRegionHeader h3{margin:0;font-weight:500}.cvComponentChoices{max-height:620px;overflow-y:auto;border-top:1px solid rgba(255,255,255,.12)}.cvComponentChoice{padding:12px 4px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;border-bottom:1px solid rgba(255,255,255,.1)}.cvComponentChoice strong{font-size:14px;font-weight:500}.cvComponentChoice>div{display:flex;gap:14px}.cvPlacedLabel{color:#fff6;font-size:12px}.cvCanvas{min-width:0;padding:20px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);align-items:start;gap:18px;background:transparent}.cvCanvasRegion{min-width:0}.cvRegionHeader{min-height:46px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.cvRegionHeader>span{min-width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);color:#ffffff94;font-size:12px}.cvDropZone{min-height:220px;padding:10px;display:flex;flex-direction:column;gap:12px;border:1px dashed rgba(255,255,255,.18);transition:border-color .12s ease,background .12s ease}.cvDropZone.over{border-color:#9cc9ffb3;background:#9cc9ff0a}.cvEmptyRegion,.cvMissingPlacement{padding:24px 12px;color:#fff6!important;font-size:13px;text-align:center}.cvMissingPlacement{border:1px solid rgba(255,154,154,.35);color:#ffb2b2!important}.cvPlacement{padding:16px;border:1px solid rgba(255,255,255,.14);background:#090909}.cvPlacement.dragging{opacity:.55;z-index:2}.cvPlacementToolbar{margin-bottom:16px;padding-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.dragHandle{min-width:54px;height:32px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#ffffffb3;cursor:grab;touch-action:none}.dragHandle:active{cursor:grabbing}.cvPlacementActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.cvPlacement .componentPreview h3{font-size:22px}.cvBuilderFooter{margin-top:auto;padding:18px 24px 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.14)}.cvBuilderFooter .editorMessages{margin:0}.cvBuilderFooter .editorActions{flex-shrink:0}.publishBtn{background:#6fe09724;color:#b8f3cd}.editorPaneHeader,.mediaEditorHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.editorPaneHeader{margin-bottom:22px}.cvSettingsHeaderActions,.languageTabsWrap,.languageTabs,.languageTabGroup{display:flex;align-items:center}.cvSettingsHeaderActions{flex-wrap:wrap;justify-content:flex-end;gap:12px}.languageTabsWrap{min-width:0;justify-content:flex-end;gap:8px}.languageTabs{max-width:min(100%,520px);overflow-x:auto;gap:5px}.languageTabGroup{flex:0 0 auto;border:1px solid rgba(255,255,255,.14);background:#ffffff06}.languageTabGroup.active{border-color:#9cc9ffb3;background:#9cc9ff1a}.languageTab,.languageTabRemove{height:34px;border:0;color:#ffffffad;background:transparent;cursor:pointer}.languageTab{padding:0 10px}.languageTabRemove{width:28px;padding:0;border-left:1px solid rgba(255,255,255,.12);color:#ffb2b2c7;font-size:17px}.languageTabGroup.active .languageTab{color:#fff}.languageTab:hover,.languageTab:focus-visible,.languageTabRemove:hover,.languageTabRemove:focus-visible{color:#fff;background:#ffffff14}.languageAddSelect{flex:0 0 auto;font-size:12px}.editorPaneHeader h2{margin:0}.editorEyebrow{margin:0 0 4px!important;color:#ffffff7a!important;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.fieldLabel{display:block;margin:0 0 7px;color:#ffffffb8;font-size:13px}.editorInput,.editorTextarea{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:0;background:#ffffff09;color:#fff;outline:none}.editorInput{height:44px;padding:0 12px;margin-bottom:18px}.editorTextarea{min-height:210px;padding:12px;margin-bottom:22px;line-height:1.55;resize:vertical}.editorInput:focus,.editorTextarea:focus{border-color:#ffffff8c}.editorInput::placeholder,.editorTextarea::placeholder{color:#ffffff57}.smallBtn,.textBtn,.iconBtn{border:0;color:#fff;cursor:pointer}.smallBtn{min-width:66px;height:38px;padding:0 14px;background:#ffffff1a}.textBtn{padding:4px 0;background:transparent;color:#ffffffc7}.componentList{min-height:180px;max-height:530px;overflow-y:auto;border-top:1px solid rgba(255,255,255,.12)}.componentListItem{width:100%;padding:14px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:transparent;color:#fff;text-align:left;cursor:pointer}.componentListItem:hover,.componentListItem.active{background:#ffffff14}.componentListItem strong{max-width:100%;overflow:hidden;font-size:15px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.componentListItem span{color:#ffffff75;font-size:12px}.paneStatus{padding:16px 4px;color:#ffffff75!important;font-size:13px}.mediaEditorHeader{margin-bottom:8px}.mediaEditorHeader .fieldLabel{margin:0}.mediaEditorList{display:flex;flex-direction:column;gap:10px}.mediaEditorRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.mediaEditorRow .editorInput{margin:0}.mediaOrderActions{display:flex;gap:4px}.iconBtn{width:32px;height:44px;padding:0;background:#ffffff12}.iconBtn:disabled{opacity:.25;cursor:default}.dangerText{color:#ff9a9a}.editorMessages{min-height:38px;margin-top:14px}.editorMessages .errorText,.editorMessages .successText{text-align:left}.editorActions{margin-top:auto;padding-top:12px;display:flex;justify-content:flex-end;gap:10px}.editorActions .btn{min-width:96px;margin-top:0;padding:0 18px}.dangerBtn{color:#ffb2b2;background:#ff5a5a1a}.componentPreview{overflow-wrap:anywhere}.componentPreviewHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.componentPreview h3{margin:0 0 18px;font-size:28px;font-weight:500}.markdownPreview{color:#ffffffd1;line-height:1.65}.markdownPreview>:first-child{margin-top:0}.markdownPreview a,.mediaTextLink{color:#9cc9ff}.markdownPreview pre{max-width:100%;overflow-x:auto;padding:12px;background:#ffffff12}.markdownPreview code{font-family:SFMono-Regular,Consolas,monospace}.previewMuted{color:#ffffff59!important}.componentExtendedContent{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .28s ease,opacity .22s ease,visibility 0s linear .28s}.componentExtendedContent.expanded{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .28s ease,opacity .22s ease,visibility 0s}.componentExtendedContentInner{min-height:0;overflow:hidden}.componentExtendedContent.expanded .componentExtendedContentInner{margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}.componentExpandBar{width:100%;min-height:40px;margin-top:22px;padding:9px 14px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-top:1px solid rgba(255,255,255,.18);color:#ffffffad;background:#ffffff06;font:inherit;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease}.componentExpandBar:hover,.componentExpandBar:focus-visible{color:#fff;border-color:#ffffff73;background:#ffffff12}.componentExpandChevron{font-size:20px;line-height:1;transform:translateY(-2px);transition:transform .28s ease}.componentExpandBar[aria-expanded=true] .componentExpandChevron{transform:rotate(180deg) translateY(2px)}.componentDetailedDescription>:last-child,.componentShortDescription>:last-child{margin-bottom:0}.mediaPreviewList{margin-top:22px;padding-top:18px;display:flex;flex-direction:column;gap:16px;border-top:1px solid rgba(255,255,255,.12)}.youtubeCarousel{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.youtubeCarouselViewport{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#ffffff0f}.youtubeCarouselSlide{position:absolute;inset:0;display:block;opacity:0;transform:translate(24px);pointer-events:none;transition:opacity .22s ease,transform .28s ease}.youtubeCarouselSlide.active{opacity:1;transform:translate(0);pointer-events:auto}.youtubeCarouselSlide img{width:100%;height:100%;display:block;object-fit:cover}.youtubePlayBadge{width:58px;height:58px;position:absolute;top:50%;left:50%;display:grid;place-items:center;border-radius:50%;color:#fff;background:#000000b8;font-size:22px;transform:translate(-50%,-50%);transition:background .16s ease,transform .16s ease}.youtubeCarouselSlide:hover .youtubePlayBadge,.youtubeCarouselSlide:focus-visible .youtubePlayBadge{background:#f03;transform:translate(-50%,-50%) scale(1.08)}.youtubeCarouselControls{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:14px}.youtubeCarouselArrow,.youtubeCarouselDots button{border:0;color:#ffffffa8;background:transparent;cursor:pointer}.youtubeCarouselArrow{width:38px;height:38px;font-size:20px}.youtubeCarouselArrow:hover,.youtubeCarouselArrow:focus-visible{color:#fff}.youtubeCarouselDots{display:flex;align-items:center;justify-content:center;gap:8px}.youtubeCarouselDots button{width:8px;height:8px;padding:0;border-radius:50%;background:#ffffff47}.youtubeCarouselDots button.active{background:#fff;transform:scale(1.2)}.mediaPreviewItem{min-width:0}.mediaThumbnailLink{width:100%;aspect-ratio:16 / 9;display:block;overflow:hidden;margin-bottom:8px;background:#ffffff0f}.mediaThumbnailLink img,.genericMediaThumbnail{width:100%;height:100%}.mediaThumbnailLink img{display:block;object-fit:cover}.genericMediaThumbnail{display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);color:#ffffff73;font-size:20px;letter-spacing:.18em}.mediaTextLink{display:block;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.publicCvPage{width:min(1180px,calc(100% - 48px));min-height:100vh;margin:0 auto;padding:48px 0 72px}.publicCvHeader{padding-bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(255,255,255,.18)}.publicCvHeader .btn{flex-shrink:0;margin:0 0 0 auto}.publicCvHeaderActions{margin-left:auto;display:flex;align-items:flex-end;justify-content:flex-end;gap:12px}.publicLanguageButtons{display:flex;align-items:stretch;flex-wrap:wrap}.publicLanguageButtons button{min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.2);border-right:0;color:#ffffffad;background:#ffffff06;font:inherit;font-size:13px;cursor:pointer}.publicLanguageButtons button:last-child{border-right:1px solid rgba(255,255,255,.2)}.publicLanguageButtons button:hover,.publicLanguageButtons button:focus-visible{color:#fff;background:#ffffff14}.publicLanguageButtons button.active{border-color:#9cc9ffb8;color:#fff;background:#9cc9ff24}.publicCvEyebrow{margin:0 0 8px;color:#ffffff7a;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.publicCvHeader h1{margin:0;font-size:clamp(40px,7vw,78px);font-weight:500;line-height:1}.publicCvLayout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);align-items:start}.publicCvMain,.publicCvSidebar{min-width:0;padding-top:36px}.publicCvMain{padding-right:44px}.publicCvSidebar{padding-left:32px;border-left:1px solid rgba(255,255,255,.18)}.publicCvMain .componentPreview,.publicCvSidebar .componentPreview{padding-bottom:36px}.publicCvMain .componentPreview+.componentPreview,.publicCvSidebar .componentPreview+.componentPreview{padding-top:36px;border-top:1px solid rgba(255,255,255,.12)}.publicCvMain .componentPreview h3{font-size:clamp(25px,3vw,34px)}.publicCvSidebar .componentPreview h3{font-size:23px}.publicCvEmpty{margin:0;padding:20px 0;color:#ffffff6b;font-size:14px}.footer{position:fixed;bottom:0;left:0;width:100%;padding:30px 0 36px;display:flex;align-items:center;justify-content:center;gap:22px}.quoteWrap{width:min(720px,calc(100% - 160px));height:56px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.quote{font-size:18px;opacity:.9;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;animation:fadeIn .26s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:.9;transform:translateY(0)}}.arrow{background:none;border:none;padding:0;margin:0 8px;color:#ffffffd9;font-size:28px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .12s ease,transform .12s ease}.arrow:hover{opacity:1}.arrow:active{transform:translateY(1px)}.arrow:focus{outline:none}@media(max-width:600px){.content{padding:40px 14px 120px}.centerName{font-size:56px;letter-spacing:.8px}.compactName{font-size:42px}.pinBox{width:60px;height:70px;font-size:36px}.quoteWrap{width:min(520px,calc(100% - 140px));height:52px}.quote{font-size:16px}.adminPage{padding:20px 14px}.adminHeader,.adminShell{width:100%}.adminHeader{align-items:flex-start;flex-direction:column}.adminActions{width:100%;flex-wrap:wrap}.adminNavButton{width:calc(50% - 6px);min-width:150px}.adminPanel{min-height:260px;padding:20px}.componentEditorPanel,.cvGeneratorPanel{padding:0}.componentEditor{grid-template-columns:1fr}.componentLibrary,.componentForm{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.componentLibrary,.componentForm,.componentPreviewPane{padding:20px}.componentList{max-height:300px}.mediaEditorRow{grid-template-columns:1fr}.mediaOrderActions{justify-content:flex-end}.iconBtn{height:36px}.editorActions{flex-wrap:wrap}.cvGenerator{grid-template-columns:1fr}.cvPageLibrary{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.cvSettingsFields,.cvWorkspace,.cvCanvas{grid-template-columns:1fr}.cvComponentLibrary{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.cvBuilderFooter{align-items:stretch;flex-direction:column}.cvBuilderFooter .editorActions{justify-content:flex-start}.publicCvPage{width:min(100% - 28px,680px);padding:28px 0 48px}.publicCvHeader{align-items:flex-start;flex-direction:column}.componentForm .editorPaneHeader,.cvSettings .editorPaneHeader,.cvSettingsHeaderActions,.languageTabsWrap,.publicCvHeaderActions{align-items:stretch;flex-direction:column}.languageTabs{max-width:100%}.languageAddSelect,.publicLanguageButtons{width:100%}.publicLanguageButtons button{flex:1 1 auto}.publicCvHeaderActions,.publicCvHeaderActions .btn{width:100%;margin-left:0}.publicCvLayout{grid-template-columns:1fr}.publicCvMain{padding-right:0}.publicCvSidebar{padding:36px 0 0;border-top:1px solid rgba(255,255,255,.18);border-left:0}}@media(min-width:601px)and (max-width:1050px){.componentEditor{grid-template-columns:minmax(210px,.7fr) minmax(360px,1.3fr)}.componentForm{border-right:0}.componentPreviewPane{grid-column:1 / -1;border-top:1px solid rgba(255,255,255,.14)}.cvGenerator{grid-template-columns:minmax(200px,.3fr) minmax(0,1fr)}.cvWorkspace{grid-template-columns:1fr}.cvComponentLibrary{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.cvCanvas{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)}}