.platform-shell{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 8%,rgba(56,217,245,.13),transparent 30rem),#071013}.platform-content{position:relative;z-index:1;width:min(100% - 40px,1120px);margin:auto;padding:72px 0 100px}.platform-content.narrow{width:min(100% - 40px,760px)}.platform-header,.profile-header{margin-bottom:42px}.platform-header h1,.profile-header h1{margin:10px 0;font-size:clamp(52px,9vw,92px);letter-spacing:-.07em}.platform-header>p:last-child,.profile-header>p{color:#91a2a6;line-height:1.6}.profile-header .button{display:inline-block;margin-top:18px}.section-title{margin:32px 0 18px;font-size:30px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-card,.empty-panel,.create-card{padding:26px;border:1px solid rgba(123,244,207,.18);background:linear-gradient(145deg,rgba(15,29,32,.98),rgba(7,16,19,.98))}.project-card{min-height:190px;transition:.2s}.project-card:hover{transform:translateY(-3px);border-color:#7bf4cf}.project-card h3{margin:18px 0 8px;font-size:26px}.project-card p{color:#91a2a6;line-height:1.55}.project-card small{color:#607377}.project-status{display:inline-block;padding:5px 8px;border:1px solid;font:800 10px monospace;letter-spacing:.1em}.project-status.public{color:#7bf4cf;border-color:rgba(123,244,207,.35)}.project-status.private{color:#ffbd4a;border-color:rgba(255,189,74,.4)}.studio-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:24px;align-items:start}.create-card h2{font-size:32px}.create-card textarea,.create-card select{width:100%;padding:14px;border:1px solid rgba(123,244,207,.16);background:#081215;color:#effffc;font:inherit}.create-card+.create-card{margin-top:20px}.project-page,.support-card{position:relative;z-index:1;width:min(100% - 40px,900px);margin:70px auto;padding:48px;border:1px solid rgba(123,244,207,.22);background:#0c171a}.project-page h1,.support-card h1{margin:20px 0 10px;font-size:clamp(48px,9vw,86px);letter-spacing:-.06em}.project-byline{color:#91a2a6}.project-byline a{color:#7bf4cf}.project-description{margin:42px 0;color:#c9dad8;font-size:19px;line-height:1.8}.support-card{margin-top:110px;text-align:center}.support-card>p:not(.auth-kicker){max-width:580px;margin:18px auto 30px;color:#91a2a6;line-height:1.7}.support-card .button{display:inline-block}.search-overlay{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;padding:22px;background:rgba(3,9,11,.9);backdrop-filter:blur(12px)}.search-overlay[hidden]{display:none}.search-dialog{position:relative;width:min(100%,700px);max-height:85vh;overflow:auto;padding:40px;border:1px solid rgba(123,244,207,.3);background:#0c171a}.search-dialog h2{margin:10px 0 25px;font-size:48px}.search-close{position:absolute;right:18px;top:15px;border:0;background:transparent;color:#91a2a6;font-size:30px;cursor:pointer}.search-results{display:grid;gap:8px;margin-top:18px}.search-results>a{display:flex;justify-content:space-between;gap:20px;padding:15px;border:1px solid rgba(123,244,207,.14);background:#081215}.search-results>a:hover{border-color:#7bf4cf}.search-results span,.search-results p{color:#91a2a6;font-size:12px}.modal-open{overflow:hidden}@media(max-width:800px){.project-grid,.studio-layout{grid-template-columns:1fr}.project-page,.support-card{padding:30px 22px}.search-dialog{padding:32px 20px}.search-results>a{flex-direction:column;gap:5px}}
.owner-gate{width:min(100%,650px);margin:20px auto}.owner-gate h1{font-size:48px}.owner-gate>p{color:#91a2a6;line-height:1.6}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.stat-card{padding:24px;border:1px solid rgba(123,244,207,.2);background:#0c171a}.stat-card strong{display:block;color:#7bf4cf;font-size:42px}.stat-card span{color:#91a2a6;font-size:11px;text-transform:uppercase}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid rgba(123,244,207,.12)}.admin-row span{color:#91a2a6;font-size:11px}@media(max-width:800px){.stat-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}}
.project-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.platform-vote-form{display:flex;gap:8px}.platform-vote{padding:9px 14px;border:1px solid rgba(145,162,166,.25);background:rgba(145,162,166,.06);color:#91a2a6;font:800 12px monospace;cursor:pointer}.platform-vote.up.active{border-color:#7bf4cf;color:#7bf4cf;background:rgba(123,244,207,.1)}.platform-vote.down.active{border-color:#ff6b75;color:#ff6b75;background:rgba(255,107,117,.1)}.project-comments{margin-top:48px;padding-top:30px;border-top:1px solid rgba(123,244,207,.16)}.project-comments h2{font-size:30px}.project-comments h2 span{color:#607377;font:13px monospace}.project-comment{margin-top:10px;padding:17px;border:1px solid rgba(123,244,207,.13);background:#081215}.comment-head{display:flex;justify-content:space-between;gap:15px;color:#607377;font-size:11px}.comment-head a{color:#7bf4cf}.project-comment>p{white-space:pre-wrap;line-height:1.6}.comment-vote{margin-top:10px}.comment-remove{margin-top:8px;border:0;background:transparent;color:#ff6b75;cursor:pointer}.project-comment-form{margin-top:18px}.project-comment-form textarea{width:100%;padding:14px;border:1px solid rgba(123,244,207,.16);background:#071013;color:#effffc;resize:vertical}.platform-modal{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:22px;background:rgba(3,9,11,.9);backdrop-filter:blur(10px)}.platform-modal[hidden]{display:none}.platform-modal>section{width:min(100%,520px);padding:38px;border:1px solid rgba(123,244,207,.3);background:#0c171a}.platform-modal h2{font-size:40px;margin:10px 0}.platform-modal p{color:#91a2a6}.platform-modal section>div{display:flex;gap:10px;margin-top:24px}.platform-modal .button{flex:1;min-width:0;cursor:pointer}
.project-status.collaborator{margin-left:6px;color:#77c8ff;border-color:rgba(119,200,255,.4)}.invite-link-card{margin-bottom:20px;padding:24px;border:1px solid rgba(255,189,74,.45);background:rgba(255,189,74,.07)}.invite-link-card>p{color:#b9a475}.invite-copy-row{display:flex;gap:8px}.invite-copy-row input{flex:1;min-width:0;padding:13px;border:1px solid rgba(255,189,74,.35);background:#071013;color:#ffcf72}.invite-copy-row .button{border:0;cursor:pointer}.muted-copy{color:#91a2a6;line-height:1.6}.collaborator-list{margin-top:24px}.collaborator-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid rgba(123,244,207,.13)}.collaborator-row strong,.collaborator-row span{display:block}.collaborator-row span{margin-top:5px;color:#607377;font:11px monospace}.collab-result{position:relative;z-index:1;width:min(100% - 40px,680px);margin:0 auto;padding:110px 0}.collab-result h1{margin:18px 0;font-size:clamp(48px,8vw,76px);letter-spacing:-.06em}.collab-result>p:not(.auth-kicker){margin-bottom:30px;color:#91a2a6;line-height:1.7}.danger-text{color:#ff6b75}.collab-result .brand{display:inline-flex;margin-bottom:55px}@media(max-width:650px){.invite-copy-row{display:block}.invite-copy-row .button{width:100%;margin-top:8px}.collaborator-row{align-items:flex-start}}
.studio-heading,.project-settings-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.studio-heading>div,.project-settings-heading>div{min-width:0}.studio-heading .button,.project-settings-heading .button{flex:0 0 auto}.studio-heading-actions{display:flex;align-items:center;gap:8px;margin-bottom:10px}.studio-heading-actions .button{margin:0;cursor:pointer}.studio-tabs{display:flex;margin-bottom:24px;border:1px solid rgba(123,244,207,.18)}.studio-tabs a{flex:1;padding:15px;text-align:center;color:#91a2a6;font-size:12px;font-weight:900;letter-spacing:.08em}.studio-tabs a+a{border-left:1px solid rgba(123,244,207,.18)}.studio-tabs a.active{background:#7bf4cf;color:#071013}.studio-tabs span{margin-left:5px;opacity:.65}.studio-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-project-card{display:flex;min-height:270px;flex-direction:column}.studio-project-card:hover{transform:none}.studio-project-card code{color:#607377;overflow-wrap:anywhere}.studio-project-card p{flex:1}.studio-card-actions{display:flex;gap:8px;margin-top:18px}.studio-card-actions .button{flex:1;padding:10px 8px;text-align:center;font-size:10px;cursor:pointer}.leave-collab-form{margin-top:8px;text-align:right}.studio-modal>section{position:relative;max-height:88vh;overflow:auto}.studio-modal-close{position:absolute;right:15px;top:10px;border:0;background:transparent;color:#91a2a6;font-size:30px;cursor:pointer}.studio-modal form{display:block}.studio-modal textarea,.studio-modal select{width:100%;padding:14px;border:1px solid rgba(123,244,207,.16);background:#081215;color:#effffc;font:inherit}.project-settings-tabs{margin-bottom:22px}.work-placeholder{min-height:260px;display:grid;align-content:center;text-align:center}.collab-decision-row{display:flex;gap:10px}.collab-decision-row .button{flex:1;border:0;cursor:pointer}.collab-result strong{color:#effffc}@media(max-width:800px){.studio-project-grid{grid-template-columns:1fr}.studio-heading,.project-settings-heading{align-items:flex-start;flex-direction:column}.studio-card-actions{flex-wrap:wrap}.studio-card-actions .button{flex:1 1 30%}}@media(max-width:520px){.studio-tabs a{padding:13px 8px;font-size:10px}.collab-decision-row{flex-direction:column}.studio-heading-actions{width:100%}.studio-heading-actions .button{flex:1}}
.project-collaborators{margin:24px 0 0}.project-collaborators h2{margin:0 0 13px;color:#91a2a6;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.project-collaborator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.project-collaborator-card{display:flex;min-height:190px;flex-direction:column;padding:18px;border:1px solid #21464a;background:#07191b;color:#dff7f5;transition:border-color .18s,background .18s,transform .18s}.project-collaborator-card:hover{border-color:#65e5d2;background:#092225;transform:translateY(-2px)}.project-collaborator-identity{display:flex;align-items:center;gap:12px;min-width:0}.project-collaborator-identity img{flex:0 0 52px;width:52px;height:52px;border:1px solid rgba(123,244,207,.22);border-radius:13px;background:#0b2224;object-fit:cover}.project-collaborator-identity strong,.project-collaborator-identity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-collaborator-identity strong{font-size:18px}.project-collaborator-identity span{margin-top:4px;color:#63ecd7;font-size:11px;font-weight:800}.project-collaborator-card>p{margin:15px 0;color:#a6c5ca;font-size:13px;line-height:1.5}.project-collaborator-meta{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px;color:#63ecd7;font-size:10px;font-weight:800;letter-spacing:.04em}.project-collaborator-meta time{color:#607377;text-align:right}@media(max-width:600px){.project-collaborator-grid{grid-template-columns:1fr}.project-collaborator-card{min-height:0}}
@view-transition{navigation:auto}.project-settings-heading{view-transition-name:project-heading;transition:max-height .38s ease,opacity .28s ease,transform .38s ease,margin .38s ease}.project-settings-tabs{view-transition-name:project-tabs;transition:width .38s ease,margin .38s ease,transform .38s ease}.project-work-mode .platform-content.narrow{width:min(100% - 28px,1360px);padding-top:28px}.project-work-mode .project-settings-heading{max-height:0;margin:0;overflow:hidden;opacity:0;transform:translateY(-24px)}.project-standard-mode .project-settings-heading{max-height:300px;opacity:1;transform:none}.project-work-mode .project-settings-tabs{position:sticky;z-index:40;top:10px;width:min(100%,720px);margin:0 auto 20px;background:rgba(7,16,19,.92);box-shadow:0 12px 40px rgba(0,0,0,.4);backdrop-filter:blur(14px)}.project-workspace{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:680px;border:1px solid rgba(123,244,207,.18);background:#081215}.work-sidebar{border-right:1px solid rgba(123,244,207,.16);background:#0b171a}.work-tool-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid rgba(123,244,207,.16)}.work-tool-tabs a{padding:15px 8px;text-align:center;color:#607377;font-size:11px;font-weight:900;letter-spacing:.09em}.work-tool-tabs a.active{background:rgba(123,244,207,.12);color:#7bf4cf}.work-create-form{display:grid;gap:8px;padding:14px;border-bottom:1px solid rgba(123,244,207,.13)}.work-create-form input{width:100%;padding:11px;border:1px solid rgba(123,244,207,.18);background:#071013;color:#effffc}.work-create-form .button{width:100%;padding:11px;border:0;cursor:pointer}.work-item-list{max-height:590px;overflow:auto;padding:8px}.work-item-list>p{padding:15px;color:#607377;font-size:12px}.work-item-list a{display:block;margin-bottom:5px;padding:12px;border:1px solid transparent;color:#91a2a6}.work-item-list a:hover,.work-item-list a.active{border-color:rgba(123,244,207,.25);background:rgba(123,244,207,.08);color:#effffc}.work-item-list strong,.work-item-list span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-item-list strong{font-size:12px}.work-item-list span{margin-top:5px;color:#607377;font-size:10px}.work-main{min-width:0;background:linear-gradient(145deg,rgba(13,25,28,.98),rgba(7,16,19,.98))}.idea-editor{height:630px;display:flex;flex-direction:column}.idea-editor header,.team-chat header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;border-bottom:1px solid rgba(123,244,207,.14)}.idea-editor header>div{flex:1;min-width:0}.idea-name-input{width:100%;padding:9px 0;border:0;border-bottom:1px solid rgba(123,244,207,.2);outline:none;background:transparent;color:#effffc;font:700 22px inherit}.idea-name-input:focus{border-color:#7bf4cf}.idea-editor textarea{flex:1;width:100%;padding:24px;border:0;outline:0;resize:none;background:#071013;color:#c8d9d7;font:14px/1.75 Consolas,monospace;tab-size:2}.idea-editor .button{border:0;cursor:pointer}.page-editor-actions{display:flex!important;flex:0 0 auto!important;align-items:center;gap:8px}.page-editor-note{margin:0;padding:10px 20px;border-bottom:1px solid rgba(255,189,74,.18);background:rgba(255,189,74,.06);color:#ffbd4a;font-size:12px}.page-preview-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.idea-delete-form{padding:0 20px 15px;text-align:right}.work-empty{display:grid;min-height:630px;place-content:center;padding:30px;text-align:center}.work-empty h2{font-size:38px}.work-empty p{color:#91a2a6}.work-empty code{color:#7bf4cf}.team-chat{display:flex;height:680px;flex-direction:column}.team-chat header h2{margin:6px 0 0;font-size:30px}.team-chat-messages{flex:1;overflow:auto;padding:18px}.team-chat-messages article{padding:12px 14px;border-bottom:1px solid rgba(123,244,207,.09)}.team-chat-messages article p{margin:0;color:#c7d8d6;line-height:1.55;overflow-wrap:anywhere}.team-chat-messages article a{color:#7bf4cf;font-weight:700}.team-chat-messages time{display:block;margin-top:6px;color:#4e6266;font:9px monospace}.chat-empty{color:#607377;text-align:center}.team-chat-compose{display:grid;grid-template-columns:1fr auto;gap:10px;padding:15px;border-top:1px solid rgba(123,244,207,.15);background:#0b171a}.team-chat-compose textarea{width:100%;padding:13px;border:1px solid rgba(123,244,207,.16);resize:none;background:#071013;color:#effffc}.team-chat-compose .button{align-self:stretch;border:0;cursor:pointer}@media(max-width:760px){.project-work-mode .platform-content.narrow{width:min(100% - 18px,1360px)}.project-workspace{grid-template-columns:1fr}.work-sidebar{border-right:0;border-bottom:1px solid rgba(123,244,207,.16)}.work-item-list{display:flex;max-height:none;overflow:auto}.work-item-list a{min-width:180px}.idea-editor,.work-empty{height:560px;min-height:560px}.team-chat{height:620px}}@media(max-width:520px){.team-chat-compose{grid-template-columns:1fr}.project-work-mode .project-settings-tabs{top:5px}.page-editor header{align-items:stretch;flex-direction:column}.page-editor-actions{width:100%}.page-editor-actions .button{flex:1}}
.project-settings-heading{view-transition-name:none}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-group(project-tabs){animation-duration:.48s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(project-tabs),::view-transition-new(project-tabs){height:100%;mix-blend-mode:normal}
.team-chat-messages article p{white-space:pre-wrap}.chat-typing-indicator{min-height:31px;padding:8px 20px;border-top:1px solid rgba(123,244,207,.08);background:#091416;color:#77c8ff;font-size:11px;font-style:italic}.chat-typing-indicator[hidden]{display:none}
.project-status.unlisted{color:#aeb6c8;border-color:rgba(174,182,200,.4)}.project-pages-list{margin:34px 0;padding:24px;border:1px solid rgba(123,244,207,.16);background:#081215}.project-pages-list h2{margin:0 0 18px;font-size:30px}.project-pages-list nav{display:grid;gap:7px}.project-pages-list a{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-left:calc(var(--page-depth,0)*20px);padding:13px 15px;border:1px solid rgba(123,244,207,.13);background:#0c171a;color:#effffc}.project-pages-list a:hover{border-color:#7bf4cf;background:rgba(123,244,207,.06)}.page-tree-arrow{color:#7bf4cf;font-weight:900}.page-item-list a{margin-left:calc(var(--page-depth,0)*12px)}.subpage-create-form{border-top:1px solid rgba(123,244,207,.13);border-bottom:0}.subpage-create-form p{margin:0;color:#7bf4cf;font:800 9px monospace;overflow-wrap:anywhere}.page-url-editor{display:flex!important;align-items:center;gap:0;margin-top:7px;color:#607377;font:12px monospace}.page-url-editor span{flex:0 0 auto}.page-url-editor input{min-width:80px;flex:1;padding:6px;border:0;border-bottom:1px solid rgba(123,244,207,.2);outline:0;background:transparent;color:#91a2a6;font:12px monospace}.page-url-editor input:focus{border-color:#7bf4cf;color:#effffc}.page-visibility-toggle{display:flex;align-items:center;gap:8px;color:#91a2a6;font-size:11px;font-weight:800;cursor:pointer}.page-visibility-toggle input{width:auto!important;accent-color:#7bf4cf}.page-editor-visibility{margin-top:10px}@media(max-width:600px){.project-pages-list a{grid-template-columns:auto 1fr;margin-left:calc(var(--page-depth,0)*10px)}}
.work-project-identity{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:18px 20px;border:1px solid rgba(123,244,207,.18);background:rgba(8,18,21,.94)}.work-project-identity h1{margin:4px 0;font-size:clamp(25px,4vw,39px);letter-spacing:-.04em}.work-project-identity p{margin:0;color:#91a2a6}.chat-connection-problem::before{content:"Live updates disconnected — reconnecting…";display:block;padding:9px 14px;background:rgba(255,189,74,.1);color:#ffbd4a;font-size:11px;font-weight:800;text-align:center}.studio-card-actions .project-share{min-width:0;cursor:pointer}.rules-list{color:#c8d9d7;line-height:1.8}.helper-suggestions{display:flex;flex-wrap:wrap;gap:8px}.helper-suggestions a{padding:10px 12px;border:1px solid rgba(123,244,207,.2);color:#7bf4cf;font-size:12px}.helper-answer p{line-height:1.7}@media(max-width:650px){.work-project-identity{align-items:flex-start;flex-direction:column}.work-project-identity .studio-heading-actions{width:100%}.work-project-identity .button{flex:1;min-width:0}}
.page-mode-tabs{display:flex;flex:0 0 auto;gap:5px;padding:10px 20px;border-bottom:1px solid rgba(123,244,207,.14);background:#0a1518}.page-mode-tabs button{padding:8px 14px;border:1px solid rgba(123,244,207,.18);background:transparent;color:#789093;font:900 10px/1 inherit;letter-spacing:.1em;cursor:pointer}.page-mode-tabs button:hover,.page-mode-tabs button:focus-visible{border-color:#7bf4cf;color:#dffbf4;outline:0}.page-mode-tabs button.active{border-color:#7bf4cf;background:#7bf4cf;color:#071013}.page-editor.page-preview-active{height:auto;min-height:630px}.page-html-preview{display:block;flex:1;width:100%;min-height:520px;border:0;background:#fff}.page-html-preview[hidden]{display:none}.page-preview-status{flex:0 0 auto;margin:0;padding:8px 20px;border-top:1px solid rgba(123,244,207,.12);background:#091416;color:#607377;font:800 9px monospace;letter-spacing:.06em}.page-preview-status[hidden]{display:none}@media(max-width:760px){.page-html-preview{min-height:440px}}
.page-mode-tabs button{flex:1}.page-editor.page-builder-active{height:auto;min-height:760px}.page-visual-builder{display:flex;min-height:720px;flex-direction:column;background:#061013}.page-visual-builder[hidden]{display:none}.page-builder-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px;border-bottom:1px solid rgba(123,244,207,.14);background:#0b171a}.page-builder-toolbar>span{display:flex;align-items:center;padding:0 7px;color:#607377;font:900 9px monospace;letter-spacing:.14em}.page-builder-toolbar button,.page-builder-viewport-buttons button,.page-builder-actions button,.page-builder-selection-head button{padding:8px 10px;border:1px solid rgba(123,244,207,.18);background:#071013;color:#9bb0b3;font:900 9px monospace;letter-spacing:.06em;cursor:pointer}.page-builder-toolbar button:hover,.page-builder-toolbar button:focus-visible,.page-builder-viewport-buttons button.active,.page-builder-viewport-buttons button:hover,.page-builder-actions button:hover,.page-builder-selection-head button:hover{border-color:#7bf4cf;color:#7bf4cf;outline:0}.page-builder-viewport-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 15px;border-bottom:1px solid rgba(123,244,207,.13);background:#081417}.page-builder-viewport-bar strong,.page-builder-viewport-bar span{display:block}.page-builder-viewport-bar strong{color:#c7dedb;font:900 10px monospace;letter-spacing:.1em}.page-builder-viewport-bar span{margin-top:4px;color:#607377;font-size:10px}.page-builder-viewport-buttons{display:flex;gap:5px}.page-builder-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;min-height:620px}.page-builder-canvas{min-width:0;overflow:auto;padding:18px;background:repeating-linear-gradient(45deg,#0b171a,#0b171a 12px,#0d1b1e 12px,#0d1b1e 24px)}.page-builder-frame{display:block;width:100%;height:620px;margin:0 auto;border:1px solid #2b4f52;background:#fff;box-shadow:0 18px 42px rgba(0,0,0,.35);transition:width .25s ease}.page-builder-canvas.mobile .page-builder-frame{width:min(100%,390px)}.page-builder-inspector{min-width:0;border-left:1px solid rgba(123,244,207,.14);background:#091416}.page-builder-empty{padding:28px 20px;color:#607377;text-align:center}.page-builder-empty strong{color:#91a2a6;font:900 10px monospace;letter-spacing:.12em}.page-builder-empty p{font-size:12px;line-height:1.5}.page-builder-properties{display:grid;gap:12px;padding:16px}.page-builder-properties[hidden]{display:none}.page-builder-selection-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(123,244,207,.12)}.page-builder-selection-head span,.page-builder-selection-head strong{display:block}.page-builder-selection-head span,.page-builder-properties label>span{margin-bottom:5px;color:#607377;font:900 8px monospace;letter-spacing:.1em}.page-builder-selection-head strong{color:#7bf4cf;font:900 13px monospace}.page-builder-properties label{display:block;min-width:0}.page-builder-properties input,.page-builder-properties select,.page-builder-inspector textarea{display:block;flex:none;width:100%;min-height:37px;padding:9px;border:1px solid rgba(123,244,207,.18);outline:0;resize:vertical;background:#061013;color:#dff7f4;font:11px/1.4 inherit}.page-builder-inspector textarea{min-height:78px}.page-builder-properties input:focus,.page-builder-properties select:focus,.page-builder-inspector textarea:focus{border-color:#7bf4cf}.page-builder-properties input[type=color]{padding:4px;cursor:pointer}.page-builder-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.page-builder-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:5px}.page-builder-actions .danger{border-color:rgba(255,107,117,.3);color:#ff7b84}.page-builder-status{margin:0;padding:9px 15px;border-top:1px solid rgba(123,244,207,.14);background:#071013;color:#607377;font:900 8px monospace;letter-spacing:.08em}.page-builder-properties [hidden]{display:none!important}@media(max-width:980px){.page-builder-workspace{grid-template-columns:1fr}.page-builder-inspector{border-top:1px solid rgba(123,244,207,.14);border-left:0}.page-builder-field-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.page-builder-viewport-bar{align-items:flex-start;flex-direction:column}.page-builder-field-grid{grid-template-columns:1fr 1fr}.page-builder-toolbar button{flex:1 1 calc(33.333% - 6px)}.page-builder-frame{height:540px}.page-builder-canvas{padding:10px}}
.studio-entity-identity{width:100%}.studio-analytics-period{display:flex;justify-content:flex-end;gap:6px;margin:-8px 0 20px}.studio-analytics-period a{padding:8px 11px;border:1px solid rgba(123,244,207,.16);color:#7d9296;font-size:10px;font-weight:800}.studio-analytics-period a.active{border-color:#7bf4cf;background:rgba(123,244,207,.12);color:#7bf4cf}@media(max-width:600px){.studio-analytics-period{justify-content:stretch}.studio-analytics-period a{flex:1;text-align:center}}
/* Unified Phase 5 project-tab motion */
.project-settings-tabs{view-transition-name:project-tabs}
@keyframes xunaroTabEnter{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
.team-page,.plans-page,.approval-page,.project-workspace,.create-card{animation:xunaroTabEnter .38s cubic-bezier(.2,.8,.2,1)}
.project-settings-tabs a{transition:background .22s,color .22s,transform .22s}
.project-settings-tabs a:hover{transform:translateY(-2px)}
.project-public-logo{display:block;width:112px;height:112px;margin:0 0 24px;border:1px solid rgba(123,244,207,.28);border-radius:24px;object-fit:cover;box-shadow:0 18px 45px rgba(0,0,0,.35)}
.project-public-banner{display:block;width:calc(100% + 96px);height:clamp(140px,26vw,280px);margin:-48px -48px 36px;object-fit:cover;border-bottom:1px solid rgba(123,244,207,.28)}.project-banner-preview{display:grid;gap:10px;margin:-6px 0 20px}.project-banner-preview img{width:min(100%,560px);height:160px;object-fit:cover;border:1px solid rgba(123,244,207,.28)}.project-banner-preview label{color:#91a2a6;font-size:12px}
.project-page-banner-background{position:absolute;z-index:0;inset:0;pointer-events:none;background-position:center top;background-size:cover;background-repeat:no-repeat;opacity:.24;filter:saturate(1.18);mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,.7) 34%,transparent 76%)}.has-project-banner .project-page{background:rgba(12,23,26,.9)}
/* Only /project/what-is-url/ becomes a random, whole-page jumping game after ten seconds. */
.project-chaos-active{background:#071013}.project-chaos-active .platform-shell{filter:hue-rotate(var(--chaos-hue,0deg)) saturate(var(--chaos-saturation,1));transition:filter .8s linear}.project-chaos-active .project-page-banner-background{opacity:.5;filter:saturate(2.5) contrast(1.25)}.project-chaos-active .chaos-jump{position:relative;z-index:60;transform:translate3d(var(--chaos-x,0),var(--chaos-y,0),0) rotate(var(--chaos-rotate,0deg)) scale(var(--chaos-scale,1));filter:hue-rotate(var(--chaos-item-hue,0deg)) saturate(2);transition:transform var(--chaos-speed,650ms) cubic-bezier(.12,.95,.25,1.35),filter var(--chaos-speed,650ms) linear;will-change:transform,filter}.project-chaos-active .nav{z-index:80}.project-chaos-active .project-page{z-index:50}.project-chaos-active .nav .chaos-jump{z-index:90}.project-chaos-active .button,.project-chaos-active button{box-shadow:0 0 22px rgba(123,244,207,.55)}
.project-updated{margin:8px 0 0;color:#607377;font-size:12px;font-weight:700;letter-spacing:.04em}
@media(max-width:800px){.project-public-banner{width:calc(100% + 44px);height:150px;margin:-30px -22px 28px}.project-public-banner-wrap .project-public-banner{width:100%;height:150px;margin:0}}
.project-icon-preview{display:flex;align-items:center;gap:16px;margin:12px 0 20px;padding:14px;border:1px solid rgba(123,244,207,.18);background:#081215}.project-icon-preview img{border-radius:18px;object-fit:cover}.project-icon-preview label{display:flex;align-items:center;gap:8px;color:#91a2a6}
.mention{display:inline-block;padding:1px 5px;border-radius:5px;background:rgba(123,244,207,.14);color:#7bf4cf;font-weight:800}
.chat-unread{float:right;min-width:20px;padding:2px 6px;border-radius:99px;background:#7bf4cf;color:#071013;text-align:center;font-size:10px}
@media(prefers-reduced-motion:reduce){.team-page,.plans-page,.approval-page,.project-workspace,.create-card{animation:none}}
.prototype-plan-option:has(input:checked){border-color:#7bf4cf;background:rgba(123,244,207,.08);transform:translateY(-2px)}
/* Keep the shared project tabs stable across all six project sections. */
.project-standard-mode .project-settings-tabs,.project-section-mode .project-settings-tabs,.project-work-mode .project-settings-tabs{width:min(100%,760px);margin:0 auto 24px}
.project-section-mode .project-settings-tabs{position:relative;z-index:40;background:rgba(7,16,19,.94);box-shadow:0 12px 40px rgba(0,0,0,.24);backdrop-filter:blur(14px)}
@media(max-width:800px){.project-settings-tabs{overflow-x:auto;justify-content:flex-start}.project-settings-tabs a{min-width:122px;flex:1 0 auto}}
.prototype-plan-disclaimer{display:flex;align-items:center;gap:14px;margin:-6px -6px 24px;padding:16px 18px;border:1px solid rgba(255,189,74,.38);background:rgba(255,189,74,.08);color:#ffd47e}.prototype-plan-disclaimer strong{flex:0 0 auto;font:900 11px monospace;letter-spacing:.12em}.prototype-plan-disclaimer span{color:#d5c39d;line-height:1.45}.prototype-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.prototype-plan-option{position:relative;display:grid;gap:7px;padding:18px;border:1px solid rgba(123,244,207,.16);background:#081215;cursor:pointer;transition:.2s}.prototype-plan-option:hover,.prototype-plan-option.selected{border-color:#7bf4cf;background:rgba(123,244,207,.08);transform:translateY(-2px)}.prototype-plan-option input{position:absolute;top:14px;right:14px;accent-color:#7bf4cf}.prototype-plan-name{color:#effffc;font-size:20px;font-weight:900}.prototype-plan-option strong{color:#7bf4cf;font-size:16px}.prototype-plan-option small{color:#91a2a6;line-height:1.4}.prototype-plan-option:last-child{grid-column:1/-1;border-color:rgba(255,189,74,.35);background:rgba(255,189,74,.05)}.prototype-plan-option:last-child strong{color:#ffbd4a}@media(max-width:620px){.prototype-plan-grid{grid-template-columns:1fr}.prototype-plan-option:last-child{grid-column:auto}.prototype-plan-disclaimer{align-items:flex-start;flex-direction:column}}
.project-team>h3{margin:20px 0 10px;color:#dff7f5;font-size:15px}.project-owner-grid{margin-bottom:4px}.project-owner-card{border-color:rgba(123,244,207,.38);background:linear-gradient(145deg,rgba(18,48,48,.96),rgba(7,25,27,.98))}.project-collaborator-identity .project-team-role{margin:0 0 0 auto;padding:5px 7px;border:1px solid rgba(123,244,207,.35);color:#7bf4cf;font:900 9px monospace;letter-spacing:.09em}