.publish-page .publish-panel>.settings-card.preview-comments-card{box-shadow:none;background:#171719;border-color:#343438;margin:24px 0 0;padding:28px}.preview-comments-card>header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.publish-page .preview-comments-card>header h2{color:#ebebed;letter-spacing:-.035em;margin:9px 0 10px;font-size:25px;font-weight:600}.publish-page .preview-comments-card>header p{color:#a0a0aa;margin:0;font-size:14px;line-height:1.65}.publish-page .preview-comments-card .preview-comments-note{color:#a1a1aa;margin:0;padding:22px 0;font-size:13px;line-height:1.7}.preview-comments-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.preview-comments-filters{gap:8px;display:flex}.publish-page .preview-comments-filters button{color:#a1a1aa;background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600}.publish-page .preview-comments-filters button[aria-pressed=true]{color:#f1f1f3;background:#26262b;border-color:#414148}.preview-comments-list{gap:14px;display:grid}.preview-comments-progress{color:#a1a1aa;align-items:center;gap:10px;margin:0 0 18px;font-size:13px;display:flex}.preview-comment{background:#121214;border:1px solid #343438;border-radius:12px;padding:18px}.preview-comment-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-comment-heading strong{color:#ebebed;overflow-wrap:anywhere;font-size:14px;font-weight:600}.preview-comment small{color:#9999a5;font-size:12px;line-height:1.65}.publish-page .preview-comment>p{color:#d8d8df;white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0 18px;font-size:14px;line-height:1.7}.preview-comment-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.preview-comment-footer>small{overflow-wrap:anywhere;gap:5px;min-width:0;display:grid}.preview-comment-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.preview-ai-label{color:#b8b8c2;margin:22px 0 9px;font-size:13px;display:block}.preview-ai-prompt{color:#ebebed;width:100%;min-height:220px;font:inherit;resize:vertical;background:#101012;border:1px solid #414148;border-radius:10px;padding:14px;font-size:13px;line-height:1.65}.preview-ai-prompt:focus-visible{outline-offset:3px;outline:2px solid #ffad88}.preview-ai-evidence{border:1px solid #343438;border-radius:12px;margin-top:22px;padding:16px}.preview-ai-evidence label{align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;display:flex}.preview-ai-evidence input{flex:none;margin-top:4px}.preview-ai-evidence p{color:#a1a1aa;font-size:12px;line-height:1.65}.preview-ai-evidence img{border-radius:8px;width:100%;margin-top:14px;display:block}.preview-ai-success{background:#77d4a708;border:1px solid #385448;border-radius:12px;padding:18px}.preview-comment-actions .protected-preview-button{min-height:40px;padding:8px 14px;font-size:13px}.publish-page .preview-comment-delete{color:#d3a0a4;background:#2b2022;border:1px solid #503638;border-radius:8px;place-items:center;width:40px;height:40px;padding:0;display:grid}.preview-comment-delete svg{width:18px;height:18px}.preview-comment-delete:disabled{opacity:.5}.preview-comment-delete:focus-visible,.preview-comments-filters button:focus-visible{outline-offset:3px;outline:2px solid #ffad88}.publish-page .preview-comments-empty{color:#a1a1aa;border:1px dashed #3b3b42;border-radius:12px;margin:0;padding:24px 18px;font-size:14px;line-height:1.6}.preview-comments-more{margin-top:18px}.protected-preview-button.preview-comment-danger{color:#f4d4d7;background:#442529;border-color:#684044}@media (max-width:600px){.publish-page .publish-panel>.settings-card.preview-comments-card{padding:22px 18px}.preview-comments-card>header{flex-direction:column;gap:14px}.preview-comment-footer{flex-direction:column;align-items:flex-start}.preview-comment-actions{align-self:flex-end}}
.seo-review-toolbar,.seo-save-row,.seo-check-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:20px 0;display:flex}.seo-review-toolbar>span,.seo-save-row>span,.seo-check-heading small{color:var(--muted);font-size:13px}.seo-tabs{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.seo-tabs button,.seo-secondary{color:#d3d3db;cursor:pointer;background:#232325;border:1px solid #45454b;border-radius:8px;min-height:40px;padding:0 18px}.seo-tabs button[aria-selected=true]{color:var(--action-foreground);background:var(--action-background);border-color:var(--action-background)}.seo-pages-toolbar{flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:26px;display:flex}.seo-pages-toolbar .project-settings-field{flex:1;min-width:min(240px,100%)}.seo-pages-toolbar select{color:#ededf0;background:#101012;border:1px solid #424244;border-radius:8px;width:100%;min-height:42px;padding:0 12px}.seo-toggle{color:#ccccd3;align-items:center;gap:10px;font-size:13px;line-height:1.6;display:flex}.seo-toggle input{accent-color:#d7d7df;flex:0 0 16px;width:16px;height:16px}.seo-override-field,.seo-crawler-select{flex-direction:column;gap:10px;display:flex}.seo-crawler-select select{color:#ededf0;width:100%;min-height:42px;font:inherit;background:#101012;border:1px solid #464648;border-radius:10px;padding:0 12px}.seo-crawler-select select:disabled{color:#91919c;opacity:.7}.seo-crawler-select select:focus-visible{outline-offset:2px;outline:2px solid #9e9ea5}.seo-override-field input:disabled,.seo-override-field textarea:disabled{color:#91919c;opacity:.7}.seo-effective-note{color:#c5c5ce;overflow-wrap:anywhere;border:1px solid #353538;border-radius:12px;padding:18px;font-size:13px;line-height:1.7}.seo-effective-note p{margin:8px 0 0}.seo-add-page{border-top:1px solid #353538;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:16px;margin-top:28px;padding-top:24px;display:grid}.seo-add-page h3,.seo-add-page>p{grid-column:1/-1;margin:0}.seo-add-page p,.seo-scope-note{color:var(--muted);font-size:12px;line-height:1.7}.seo-scope-note{margin:24px 0 0}@media (max-width:700px){.seo-add-page{grid-template-columns:minmax(0,1fr)}}.seo-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.seo-editor fieldset{border:0;flex-direction:column;gap:18px;min-width:0;margin:0;padding:0;display:flex}.seo-fields{min-width:0}.seo-upload-actions{flex-direction:column;align-items:flex-start;gap:10px;margin-top:18px;display:flex}.seo-loading{padding-top:28px}.seo-loading-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}.seo-skeleton{background:#29292d;border-radius:9px;animation:1.8s ease-in-out infinite seo-skeleton-pulse;display:block}.seo-skeleton-field{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.seo-skeleton-label{width:36%;height:14px;margin-bottom:8px}.seo-skeleton-input{width:100%;height:46px}.seo-skeleton-search{height:142px;margin:18px 0}.seo-skeleton-social{height:225px}.seo-skeleton-footer{width:144px;height:43px;margin:24px 0 0 auto}@keyframes seo-skeleton-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.seo-skeleton{animation:none}}.seo-editor legend{margin-bottom:18px;font-size:17px;font-weight:600}.seo-editor .project-settings-field{margin:0}.seo-editor textarea{resize:vertical;color:#ededf0;width:100%;font:inherit;background:#101012;border:1px solid #464648;border-radius:10px;padding:12px 14px}.seo-editor small{color:var(--muted);font-size:12px;line-height:1.6}.seo-editor input:focus-visible,.seo-editor textarea:focus-visible{outline-offset:2px;outline:2px solid #9e9ea5}.seo-advanced summary{cursor:pointer;color:#ccccd0;font-size:13px}.seo-advanced[open]{flex-direction:column;display:flex}.seo-advanced .project-settings-field{margin-top:16px}.seo-mockups{flex-direction:column;gap:16px;min-width:0;display:flex}.seo-mockups h3,.seo-check-heading h3{margin:0;font-size:17px}.seo-search-preview,.seo-social-preview{background:#101012;border:1px solid #353538;border-radius:12px;overflow:hidden}.seo-search-preview{padding:22px}.seo-search-preview>span{color:#c1c1c6;font-size:12px}.seo-search-preview>strong{color:#a8c7fa;overflow-wrap:anywhere;margin-top:10px;font-size:20px;font-weight:500;display:block}.seo-search-preview p,.seo-social-preview p{color:#aaaab0;overflow-wrap:anywhere;margin:8px 0 0;font-size:13px;line-height:1.65}.seo-social-preview>img,.seo-image-placeholder{aspect-ratio:1.91;object-fit:cover;color:#929299;background:#202023;justify-content:center;align-items:center;width:100%;font-size:13px;display:flex}.seo-image-placeholder button{color:#e5e5ea;cursor:pointer;background:#2a2a2e;border:1px solid #48484d;border-radius:8px;min-height:40px;padding:0 16px}.seo-social-preview>div:last-child:not(.seo-image-placeholder){padding:18px}.seo-social-preview strong{overflow-wrap:anywhere;margin-top:6px;display:block}.seo-save-row{border-top:1px solid #303033;grid-column:1/-1;margin:0;padding-top:20px}.project-seo-card .settings-form-actions{margin:0}.project-seo-card .settings-success{margin:20px 0 0;padding:12px 16px;line-height:1.6}.project-seo-card .settings-error{margin:0 0 24px;padding:12px 16px;line-height:1.6}.project-seo-card .seo-check-list+.settings-field-note{margin:18px 0 0;line-height:1.7}.project-seo-card .settings-form-actions button{justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 18px;display:inline-flex}.project-seo-card .settings-form-actions button>.auth-action-spinner{box-sizing:border-box;flex-shrink:0;margin:0}.seo-check-list{border:1px solid #353538;border-radius:12px;overflow:hidden}.seo-source-review{margin-top:28px}.seo-source-review>p{color:var(--muted);margin:12px 0 20px;line-height:1.7}.seo-check+.seo-check{border-top:1px solid #303033}.seo-check summary{cursor:pointer;align-items:center;gap:12px;padding:16px;font-size:14px;display:flex}.seo-check summary>span{color:#bbbbc4;border:1px solid #55555d;border-radius:50%;flex:0 0 22px;place-items:center;height:22px;display:grid}.seo-check.is-pass summary>span{color:#8ac5a2;border-color:#365746}.seo-check.is-warning summary>span{color:#d9be8b;border-color:#645439}.seo-check summary>small{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px}.seo-check>p{color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;padding:0 18px 18px 50px;font-size:13px;line-height:1.7}@media (max-width:1000px){.seo-editor,.seo-loading-columns{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.seo-check summary{flex-wrap:wrap}.seo-check summary>small{width:100%;margin-left:34px}}
.preview-page-seo{box-sizing:border-box;color:#ededf1;background:#171719;border:1px solid #414146;border-radius:16px;width:min(880px,100vw - 48px);height:min(760px,100dvh - 64px);max-height:calc(100dvh - 64px);margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 28px 90px #0008}.preview-page-seo[open]{flex-direction:column;display:flex}.preview-page-seo::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009}.preview-page-seo>header{border-bottom:1px solid #343438;flex:none;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:20px 24px;display:flex}.preview-page-seo>header h2{margin:0 0 6px;font-size:20px}.preview-page-seo>header code{color:#aaaab3;overflow-wrap:anywhere}.preview-page-seo>header button{color:#ededf1;cursor:pointer;background:#232325;border:1px solid #45454b;border-radius:8px;flex:0 0 36px;place-items:center;height:36px;padding:0;font-size:24px;line-height:1;display:grid}.preview-page-seo-content{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#55555d #1b1b1f;flex:1;min-height:0;padding:24px;overflow:hidden auto}.preview-page-seo-content::-webkit-scrollbar{width:8px}.preview-page-seo-content::-webkit-scrollbar-track{background:#1b1b1f;border-radius:8px}.preview-page-seo-content::-webkit-scrollbar-thumb{background:#55555d;border:2px solid #1b1b1f;border-radius:8px}.preview-page-seo-content::-webkit-scrollbar-thumb:hover{background:#70707a}.preview-page-seo .project-seo-card{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.preview-page-seo .settings-card-heading{display:none}.preview-page-seo .seo-tabs{margin-top:0}.preview-page-seo .seo-tabs button,.preview-page-seo .seo-secondary{min-height:32px;padding:0 12px;font-size:12px}.preview-page-seo .settings-form-actions button{min-width:0;height:34px;min-height:34px;padding:0 14px;font-size:12px}.preview-page-seo .seo-image-placeholder button{min-height:32px;padding:0 12px;font-size:12px}.preview-page-seo .seo-review-toolbar{margin:16px 0 20px}.preview-page-seo .seo-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.seo-discard-dialog{box-sizing:border-box;color:#ededf1;background:#1c1c1f;border:1px solid #414146;border-radius:14px;width:min(420px,100vw - 40px);margin:auto;padding:24px;position:fixed;inset:0;box-shadow:0 20px 70px #0008}.seo-discard-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0008}.seo-discard-dialog h2{margin:0;font-size:18px;line-height:1.4}.seo-discard-dialog p{color:#aaaab3;margin:12px 0 24px;font-size:13px;line-height:1.7}.seo-discard-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.seo-discard-actions button{color:#ededf1;cursor:pointer;background:#28282c;border:1px solid #45454b;border-radius:8px;min-height:36px;padding:0 14px;font-size:13px;font-weight:600}.seo-discard-actions button:hover{background:#343439}.seo-discard-actions .seo-discard-confirm{color:#171719;background:#ededf1;border-color:#ededf1}.seo-discard-actions .seo-discard-confirm:hover{background:#d7d7df}.seo-discard-actions button:focus-visible{outline-offset:3px;outline:2px solid #bcbcc6}@media (max-width:800px){.preview-page-seo{width:calc(100vw - 24px);height:calc(100dvh - 32px);max-height:calc(100dvh - 32px)}.preview-page-seo>header{padding:16px 18px}.preview-page-seo-content{padding:18px}.preview-page-seo .seo-editor{grid-template-columns:minmax(0,1fr)}}
.preview-feedback-history{white-space:normal;min-width:0}.preview-feedback-history-heading{color:#d4c5bb;align-items:center;gap:9px;font-size:12px;display:flex}.preview-feedback-history-heading svg{color:#ffa279;flex:0 0 17px;width:17px;height:17px}.preview-feedback-history-heading strong{font-weight:600}.preview-feedback-history>p{color:#eee7e2;white-space:pre-wrap;overflow-wrap:anywhere;margin:13px 0;font-size:13px;line-height:1.65}.preview-feedback-history-location{color:#a89991;flex-wrap:wrap;align-items:baseline;gap:5px 9px;font-size:11px;display:flex}.preview-feedback-history-location code{font:inherit;overflow-wrap:anywhere}.preview-feedback-history details{border-top:1px solid #ffffff12;margin-top:14px;padding-top:10px}.preview-feedback-history summary{color:#b2a49b;cursor:pointer;width:fit-content;font-size:11px}.preview-feedback-history summary:hover{color:#f1e9e2}.preview-feedback-history summary:focus-visible{outline-offset:4px;border-radius:3px;outline:2px solid #ffad88}.preview-feedback-history pre{color:#baa99e;max-height:200px;font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:#0002;border:1px solid #ffffff12;border-radius:8px;margin:12px 0 0;padding:12px;font-size:11px;line-height:1.65;overflow:auto}
.explore-page{background:radial-gradient(at 90% 0,#ff5a1810,#0000 50%);height:100%;padding:clamp(24px,5vw,72px);overflow:auto}.explore-heading{max-width:850px;margin-bottom:32px}.explore-eyebrow{color:#ff6a35;letter-spacing:.16em;margin-bottom:12px;font-size:10px;font-weight:800;display:block}.explore-heading h1{letter-spacing:-.035em;margin:0 0 16px;font-size:clamp(28px,3.5vw,48px);line-height:1.12}.explore-heading p,.explore-sharing>p{color:#a6a6af;line-height:1.7}.explore-filters{gap:12px;margin-bottom:28px;display:flex}.explore-filters label{flex:1}.explore-filters input,.explore-filters select,.explore-info select,.explore-sharing input:not([type=checkbox]),.explore-sharing textarea,.explore-sharing select{color:#f4f4f5;width:100%;font:inherit;background:#101011;border:1px solid #39393d;border-radius:10px;padding:12px 14px}.explore-filters select{width:auto}.explore-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px;max-width:1600px;display:grid}.explore-card{text-align:left;color:#f4f4f5;cursor:pointer;background:#171718;border:1px solid #303033;border-radius:16px;padding:0;transition:border-color .2s,transform .2s;overflow:hidden}.explore-card:hover{border-color:#ff5a1870;transform:translateY(-3px)}.explore-card:focus-visible,.explore-filters input:focus-visible,.explore-info select:focus-visible{outline-offset:3px;outline:2px solid #ff5a18}.explore-card-art{aspect-ratio:8/5;background:linear-gradient(135deg,#291915,#121417);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.explore-card-art>span:not(.explore-free){color:#ff6a3560;font-size:72px;font-weight:800}.explore-card-art iframe{transform-origin:0 0;pointer-events:none;border:0;max-width:none;min-height:0;position:absolute;inset:0}.explore-free{color:#c6f1d6;background:#101011ed;border:1px solid #ffffff20;border-radius:6px;padding:5px 9px;font-size:11px;position:absolute;top:12px;right:12px}.explore-card-copy{padding:20px}.explore-card-copy>span{color:#ff8d62;font-size:11px}.explore-card-copy h2{text-overflow:ellipsis;white-space:nowrap;margin:8px 0;font-size:18px;overflow:hidden}.explore-card-copy p{color:#a0a0a9;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:42px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.explore-card-copy footer{color:#85858e;border-top:1px solid #303033;justify-content:space-between;gap:10px;margin-top:18px;padding-top:16px;font-size:11px;display:flex}.explore-empty{text-align:center;color:#9999a2;border:1px dashed #353538;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:24px;display:flex}.explore-empty img{height:52px;margin:12px}.explore-empty h2{color:#f4f4f5;margin-bottom:8px;font-size:22px}.explore-pagination{justify-content:center;align-items:center;gap:18px;margin-top:28px;font-size:13px;display:flex}.explore-pagination button,.explore-sharing-actions>button:not(.primary-button){color:#eee;background:#1b1b1e;border:1px solid #39393d;border-radius:8px;padding:10px 14px}.explore-pagination button:disabled{opacity:.4}.explore-detail{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}.explore-preview{background:#111113;border:1px solid #38383b;border-radius:14px;min-width:0;overflow:hidden}.explore-preview-bar{color:#a6a6af;background:#1b1b1e;border-bottom:1px solid #303033;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:11px;display:flex}.explore-device-switcher{background:#121214;border:1px solid #343437;border-radius:8px;gap:3px;padding:3px;display:flex}.explore-device-switcher button{color:#96969f;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:flex}.explore-device-switcher button:hover{color:#eee;background:#252528}.explore-device-switcher button[aria-pressed=true]{color:#ff956b;background:#ff5a181c}.explore-device-switcher button:focus-visible{outline-offset:2px;outline:2px solid #ff5a18}.explore-preview-size{color:#85858f;font-variant-numeric:tabular-nums;white-space:nowrap}.explore-preview-stage{background:radial-gradient(#252527,#121214 75%);justify-content:center;align-items:center;height:clamp(480px,75vh,900px);display:flex;overflow:hidden}@media (max-width:700px){.explore-preview-stage{height:clamp(360px,65dvh,580px)}}.explore-device-frame{background:#202023;border:1px solid #48484d;flex-shrink:0;padding:7px;box-shadow:0 14px 40px #0005}.explore-device-frame.is-desktop{border-radius:9px}.explore-device-frame.is-tablet{border-radius:18px}.explore-device-frame.is-mobile{border-radius:24px}.explore-device-screen{background:#fff;border-radius:3px;overflow:hidden}.is-tablet .explore-device-screen{border-radius:11px}.is-mobile .explore-device-screen{border-radius:17px}.explore-device-screen iframe{transform-origin:0 0;background:#fff;border:0;max-width:none;min-height:0;display:block}.explore-preview-unavailable{color:#96969f;font-size:13px}.explore-info.settings-card{padding:24px}.explore-info h2{margin:18px 0 10px;font-size:22px}.explore-description{white-space:pre-wrap;overflow-wrap:anywhere;color:#a6a6af;font-size:13px;line-height:1.7}.explore-tags{flex-wrap:wrap;gap:8px;display:flex}.explore-tags span{color:#ff976e;background:#ff5a1810;border:1px solid #ff5a1830;border-radius:5px;padding:5px 8px;font-size:10px}.explore-author{flex-direction:column;gap:8px;margin:20px 0;font-size:12px;display:flex}.explore-author span,.explore-info small,.explore-sharing small{color:#95959e;font-size:11px;line-height:1.7}.explore-info hr{border:0;border-top:1px solid #333;margin-bottom:20px}.explore-info label,.explore-sharing form>label{gap:9px;margin-bottom:16px;font-size:12px;font-weight:600;display:grid}.explore-info .primary-button{margin:16px 0}.explore-sharing{max-width:850px;margin-top:28px}.explore-sharing h2{letter-spacing:-.02em;margin-bottom:12px;font-size:24px}.explore-sharing form{margin-top:24px}.publish-page .explore-sharing{width:100%;min-width:0;max-width:none;box-shadow:none;background:#171719;border-color:#303034;padding:28px;font-family:inherit}.publish-page .explore-sharing>p{color:#9999a2;max-width:640px;font-size:13px;line-height:1.65}.publish-page .explore-sharing form{border-top:1px solid #303034;grid-template-columns:minmax(0,1fr) minmax(240px,.45fr);gap:24px;max-width:none;padding-top:24px;display:grid}.publish-page .explore-sharing form>label{color:#d0d0d8;gap:10px;min-width:0;margin:0;font-size:15px;font-weight:500}.publish-page .explore-sharing form>:not(label),.publish-page .explore-sharing .publish-description,.publish-page .explore-sharing .explore-consent{grid-column:1/-1}.publish-page .explore-sharing :is(input:not([type=checkbox]),textarea,select){box-sizing:border-box;color:#e2e2e9;letter-spacing:normal;background-color:#101012;border:1px solid #3d3d43;border-radius:8px;outline:none;width:100%;min-width:0;padding:12px 14px;font-family:inherit;font-size:15px;font-weight:400;line-height:1.5}.publish-page .explore-sharing :is(input:not([type=checkbox]),select){height:48px;padding-top:0;padding-bottom:0}.publish-page .explore-sharing textarea{resize:vertical;min-height:120px}.publish-page .explore-sharing :is(input,textarea)::placeholder{color:#85858f;opacity:1;font-weight:400}.publish-page .explore-sharing :is(input,textarea,select):focus-visible{border-color:#bf7451;box-shadow:0 0 0 3px #ff945e12}.publish-page .publish-category select{line-height:normal}.publish-page .explore-sharing-actions{border-top:1px solid #2d2d31;justify-content:flex-end;margin-top:0;padding-top:18px}.publish-page .explore-sharing form>.explore-consent{background:#ffffff02;border:1px solid #303034;border-radius:9px;padding:16px;font-size:15px;font-weight:400}.publish-page .explore-external-notice{background:#141416;border-color:#303034;margin:0;padding:20px}.publish-page .explore-sharing small{color:#a4a4af;font-size:14px;line-height:1.65;display:block}.publish-page .explore-external-notice strong{font-size:15px;font-weight:600}.publish-page .explore-sharing-actions>:is(button,a){border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;display:inline-flex}.publish-page .explore-sharing-actions>.primary-button{color:#17171b;background:#f1f1f3;border-color:#f1f1f3}.publish-page .explore-sharing-actions>.primary-button:hover:not(:disabled){filter:none;background:#dedee3}.publish-page .explore-sharing-actions>.publication-action{background:var(--accent);border-color:var(--accent);color:#141416}.publish-page .explore-sharing-actions>.publication-action:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}@media (max-width:640px){.publish-page .explore-sharing{padding:20px}.publish-page .explore-sharing form{grid-template-columns:1fr}.publish-page .explore-sharing-actions{justify-content:stretch}.publish-page .explore-sharing-actions>button{width:100%}}.explore-sharing form>.explore-consent{align-items:flex-start;gap:12px;font-weight:400;line-height:1.65;display:flex}.explore-consent input{accent-color:#ff5a18;margin-top:4px}.explore-sharing-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.explore-notice{background:#ff5a1810;border:1px solid #ff5a1835;border-radius:8px;margin-bottom:18px;padding:12px;font-size:12px;line-height:1.6}.explore-notice a{color:#ff956b;text-decoration:underline}.explore-publishing{background:linear-gradient(135deg,#ff6a350b,#ffffff03);border:1px solid #ff8d622b;border-radius:16px;align-items:flex-start;gap:20px;margin-top:24px;padding:28px;display:flex;position:relative;overflow:hidden}.explore-publishing-icon{background:#ff6a3512;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.explore-publishing h3,.explore-published h3{overflow-wrap:anywhere;margin:0 0 10px;font-size:20px;line-height:1.35}.explore-publishing p,.explore-published p{color:#a6a6af;margin:0 0 12px;font-size:13px;line-height:1.7}.explore-publishing small{color:#95959e;line-height:1.6}.explore-publishing-track{background:#ffffff08;height:3px;position:absolute;bottom:0;left:0;right:0}.explore-publishing-track span{background:#ff8d62;width:30%;height:100%;animation:2s ease-in-out infinite explore-publishing-progress;display:block}@keyframes explore-publishing-progress{0%{transform:translate(-100%)}to{transform:translate(435%)}}.explore-published{grid-template-columns:minmax(180px,300px) minmax(0,1fr);align-items:center;gap:28px;padding-top:24px;display:grid}.explore-published-preview{border:1px solid #38383b;border-radius:12px;overflow:hidden}.explore-published-badge{color:#83d8aa;background:#83d8aa10;border:1px solid #83d8aa28;border-radius:20px;margin-bottom:14px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-block}.explore-sharing-actions>button:not(.primary-button){color:#c5c5ce;cursor:pointer;background:#ffffff04;border:1px solid #39393d;border-radius:9px;padding:10px 14px}.explore-sharing-actions>a{align-items:center;text-decoration:none;display:inline-flex}@media (prefers-reduced-motion:reduce){.explore-publishing-track span{opacity:.4;width:100%;animation:none}}@media (max-width:650px){.explore-published{grid-template-columns:1fr;gap:20px}.explore-publishing{gap:14px;padding:20px}}.sidebar-explore{color:#b7b7c0;background:#ffffff04;border:1px solid #ffffff12;border-radius:9px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 14px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.sidebar-explore:hover,.sidebar-explore.active{color:#ff966f;background:#ff5a1810;border-color:#ff5a1840}.explore-external-notice{background:#ff5a1806;border:1px solid #ff966f28;border-radius:12px;margin:18px 0;padding:18px 20px}.explore-external-notice strong{color:#e9e4df;font-size:13px}.explore-external-notice p{color:#b7b7c0;margin:8px 0;font-size:13px;line-height:1.65}.explore-external-notice small{color:#92929e;line-height:1.65;display:block}.sidebar-explore svg{flex-shrink:0;width:18px;height:18px}.sidebar.is-collapsed .sidebar-explore,.sidebar.is-expanding .sidebar-explore{display:none}@media (max-width:1200px){.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-detail{grid-template-columns:1fr}}@media (max-width:650px){.explore-grid{grid-template-columns:1fr}.explore-filters{flex-wrap:wrap}.explore-filters label{flex-basis:100%}.explore-filters select{flex:1}.explore-page{padding:24px 16px}}@media (max-width:450px){.explore-preview-bar>span:first-child{display:none}.explore-device-switcher button{gap:5px;padding:7px}.explore-preview-size{font-size:10px}}
.workspace-storage{background:#121214;border:1px solid #303033;border-radius:14px;margin-top:24px;padding:22px}.workspace-storage header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.workspace-storage header span{color:#b0a399;letter-spacing:.12em;font-size:10px;font-weight:700}.workspace-storage h3{margin:6px 0 0;font-size:19px}.workspace-storage button{border:1px solid var(--action-background);min-height:40px;color:var(--action-foreground);background:var(--action-background);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;display:inline-flex}.workspace-storage button>.auth-action-spinner{margin-right:0}.workspace-storage button:hover:not(:disabled){background:#dedee3;border-color:#dedee3}.workspace-storage button:disabled{opacity:.55;cursor:wait}.workspace-storage button:focus-visible{outline-offset:3px;outline:2px solid #ff6426}.workspace-storage-amount{flex-wrap:wrap;align-items:baseline;gap:10px;margin:24px 0 16px;display:flex}.workspace-storage-amount strong{font-size:24px}.workspace-storage-amount span,.workspace-storage p,.workspace-storage small{color:#aaaab5;font-size:14px;line-height:1.6}.workspace-storage .workspace-storage-summary{margin:14px 0 0}.workspace-storage-track{background:#28282c;border-radius:6px;height:6px;overflow:hidden}.workspace-storage-track>span{border-radius:inherit;background:#ff6426;height:100%;display:block}.workspace-storage.warning,.workspace-storage.full{border-color:#70432d}.workspace-storage p.workspace-storage-warning{color:#e9aa83}.workspace-storage small{display:block}
.sidebar-brand{padding-bottom:20px}.workspace-picker{margin-bottom:20px}.workspace-picker-trigger{color:#ededf0;text-align:left;background:#18181b;border:1px solid #343438;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:42px;padding:7px 9px;display:flex;position:relative}.workspace-picker-trigger:hover{background:#202023;border-color:#5c463d}.workspace-picker-trigger strong{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;overflow:hidden}.workspace-picker-trigger>svg{color:#92929a;width:14px;height:14px}.workspace-picker-avatar{color:#ff8c62;background:#fe5d2620;border-radius:7px;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:11px;font-weight:800;display:grid}.workspace-popover{z-index:1600;background:#1a1a1d;border:1px solid #414146;border-radius:14px;width:min(300px,100vw - 16px);max-height:calc(100vh - 16px);padding:10px;position:fixed;box-shadow:0 18px 50px #0008}.workspace-popover header{align-items:center;gap:12px;padding:8px 8px 16px;display:flex}.workspace-popover header .workspace-picker-avatar{flex-basis:38px;width:38px;height:38px;font-size:17px}.workspace-popover header div{min-width:0}.workspace-popover header strong{overflow-wrap:anywhere;font-size:13px;display:block}.workspace-popover small{color:#9a9aa2;margin-top:5px;font-size:10px;display:block}.workspace-popover button{color:#d5d5db;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;font-size:12px;display:flex}.workspace-popover button:hover,.workspace-popover button:focus-visible{background:#ffffff08;outline:1px solid #fe5d2650}.workspace-popover button>b,.workspace-popover button>span:last-child:not(:first-child):not(.workspace-popover-name){margin-left:auto}.workspace-popover button>b{color:#ff956d}.workspace-popover-divider{border-top:1px solid #36363b;margin:10px 0}.workspace-popover>p{color:#85858f;letter-spacing:.12em;margin:14px 10px 8px;font-size:9px;font-weight:800}.workspace-popover-list{scrollbar-width:thin;scrollbar-color:#45454c transparent;max-height:220px;overflow-y:auto}.workspace-popover-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.workspace-selected{color:#ff8c62}.sidebar-navigation{gap:5px;display:grid}.sidebar-nav-item{color:#a7a7b0;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;min-height:41px;padding:10px 12px;font-size:12px;font-weight:650;display:flex;position:relative}.sidebar-nav-item svg,.project-item-main>svg{flex:0 0 18px;width:18px;height:18px}.sidebar-nav-item:hover{color:#f4f4f5;background:#ffffff05}.sidebar-nav-item.active{color:#ff946d;background:#fe5d2610;border-color:#fe5d2630}.sidebar-nav-item small{color:#777780;margin-left:auto;font-size:10px}.sidebar-nav-item.new-project-link{color:#ececf0}.sidebar-nav-item.new-project-link svg{color:#fe7447}.sidebar-nav-item:disabled{opacity:.45;cursor:not-allowed}.sidebar .project-list-heading{letter-spacing:.1em;padding:24px 12px 10px;font-size:10px}.sidebar .project-item{border-radius:8px;min-height:40px;margin-bottom:3px;padding:0}.sidebar .project-item-main{align-items:center;gap:10px;min-height:40px;padding:9px 10px;display:flex}.project-item-main>svg{color:#696971;flex-basis:15px;width:15px;height:15px}.sidebar .project-item-copy strong{font-size:12px;font-weight:550}.sidebar .project-menu-trigger{width:28px;height:28px}.sidebar .no-projects{padding:6px 12px;font-size:11px;line-height:1.6}.sidebar .account-profile{position:relative}.sidebar .workspace-credits{flex-shrink:0;margin:12px 0 16px;padding:14px}.sidebar .workspace-credits small{text-transform:none}.sidebar-upgrade{color:#f7d7ca;text-align:left;background:linear-gradient(120deg,#fe5d261a,#fe5d2606);border:1px solid #fe5d2645;border-radius:10px;flex-shrink:0;align-items:center;gap:10px;width:100%;margin-top:12px;padding:12px 10px;transition:border-color .18s,background .18s;display:flex}.sidebar-upgrade:hover{background:#fe5d2620;border-color:#fe5d2690}.sidebar-upgrade:focus-visible{outline-offset:2px;outline:2px solid #fe5d26}.sidebar-upgrade-icon{color:#ff8c62;flex:0 0 28px;place-items:center;width:28px;height:32px;display:grid}.sidebar-upgrade-icon svg{width:23px;height:23px}.sidebar-upgrade-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.sidebar-upgrade-copy strong{font-size:11px;font-weight:700;line-height:1.5}.sidebar-upgrade-copy small{color:#a58c83;font-size:9px;line-height:1.5}.sidebar-upgrade-arrow{color:#ff8c62;font-size:16px}.sidebar-upgrade+.workspace-credits{margin-top:8px}.account-menu-chevron{color:#92929a;flex:0 0 14px;width:14px;height:14px}.account-profile:focus-visible{outline-offset:2px;outline:2px solid #fe5d26}.account-popover{z-index:1600;background:#1a1a1d;border:1px solid #414146;border-radius:14px;width:min(280px,100vw - 16px);max-height:calc(100vh - 16px);padding:8px;position:fixed;overflow-y:auto;box-shadow:0 18px 50px #0008}.account-popover header{border-bottom:1px solid #36363b;margin-bottom:6px;padding:10px 12px 14px}.account-popover header strong,.account-popover header small{overflow-wrap:anywhere;display:block}.account-popover header strong{color:#ededf0;font-size:13px}.account-popover header small{color:#92929c;margin-top:5px;font-size:11px}.account-popover button,.account-popover a{color:#d5d5db;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:40px;padding:10px 12px;font-size:12px;text-decoration:none;display:flex}.account-popover button:hover,.account-popover a:hover{background:#ffffff08}.account-popover button:focus-visible,.account-popover a:focus-visible{background:#ffffff08;outline:1px solid #fe5d2670}.account-popover svg{color:#92929c;flex:0 0 17px;width:17px;height:17px}.account-menu-link-hint{color:#92929c;margin-left:auto}.account-menu-divider{border-top:1px solid #36363b;margin:6px 4px}.account-popover .account-signout{color:#f0a095}.account-signout svg{color:inherit}.account-menu-error{color:#f0a095;margin:8px 12px;font-size:12px;line-height:1.6}.sidebar-nav-item:focus-visible,.workspace-picker-trigger:focus-visible{outline-offset:2px;outline:2px solid #fe5d26}@media (min-width:701px){.sidebar.is-collapsed .sidebar-navigation{margin-top:5px;display:grid}.sidebar.is-collapsed .workspace-picker{margin-top:18px;margin-bottom:12px}.sidebar.is-collapsed .sidebar-nav-item{justify-content:center;width:40px;min-height:40px;padding:10px}.sidebar.is-collapsed .sidebar-nav-item>span,.sidebar.is-collapsed .sidebar-nav-item>small{display:none}.sidebar.is-collapsed .workspace-picker-trigger{background:0 0;border-color:#0000;justify-content:center;width:40px;min-height:40px;padding:7px}.sidebar.is-collapsed .workspace-picker-trigger strong,.sidebar.is-collapsed .workspace-picker-trigger svg,.sidebar.is-collapsed .account-menu-chevron{display:none}.sidebar.is-collapsed [data-tooltip]:after{content:attr(data-tooltip);color:#ededf0;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:1700;background:#232326;border:1px solid #414146;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:600;position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%)}.sidebar.is-collapsed [data-tooltip]:hover:after,.sidebar.is-collapsed [data-tooltip]:focus-visible:after{opacity:1;visibility:visible}}.projects-page{background:radial-gradient(at 90% 0,#fe5d2608,#0000 55%);height:100%;padding:clamp(24px,5vw,64px);overflow:auto}.projects-page>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.projects-page h1{letter-spacing:-.035em;margin:0 0 10px;font-size:36px}.projects-page header p{color:#9999a3;font-size:13px}.projects-toolbar{gap:12px;display:flex}.projects-toolbar input,.projects-toolbar select{color:#dddde3;font:inherit;background:#141417;border:1px solid #37373b;border-radius:9px;padding:12px;font-size:12px}.projects-toolbar input{flex:1;min-width:0}.projects-summary{color:#7f7f8b;margin:22px 0 14px;font-size:11px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.projects-card{color:#e8e8ee;text-align:left;background:linear-gradient(145deg,#1c1c20,#151518);border:1px solid #323238;border-radius:14px;min-width:0;padding:22px;transition:border-color .15s,transform .15s}.projects-card:hover{border-color:#fe5d2670;transform:translateY(-2px)}.projects-card{padding:0;overflow:hidden}.projects-card-content{padding:20px 22px}.projects-thumbnail{aspect-ratio:16/10;background:#111114;border-bottom:1px solid #323238;overflow:hidden}.projects-thumbnail img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.projects-thumbnail-placeholder{color:#797983;background:radial-gradient(#fe5d2609,#0000 70%);flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;font-size:11px;display:flex}.projects-thumbnail-placeholder svg{color:#b8755c;width:44px;height:44px}.projects-stack-label{color:#9696a1;font-size:11px}.projects-creator{color:#a5a5af;align-items:center;gap:8px;margin-top:14px;font-size:11px;display:flex}.projects-creator>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.projects-creator-avatar{color:#eead92;background:#fe5d2615;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.projects-card:focus-visible{outline-offset:3px;outline:2px solid #fe5d26}.projects-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:22px;display:flex}.projects-stack-icon{color:#fe8459;background:#fe5d2608;border:1px solid #fe5d2625;border-radius:10px;place-items:center;width:38px;height:38px;font-size:23px;display:grid}.projects-status{color:#a7a7b1;background:#ffffff05;border-radius:6px;padding:5px 8px;font-size:10px}.projects-status.is-ready{color:#88d1b1;background:#6fd4a410}.projects-status.is-failed{color:#f29898;background:#f2787810}.projects-card h2{text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:16px;overflow:hidden}.projects-card p{color:#9696a1;font-size:11px}.projects-card footer{color:#82828d;border-top:1px solid #303035;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:25px;padding-top:16px;font-size:10px;display:flex}.projects-card footer span:last-child{color:#d79177}@media (max-width:1200px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.sidebar-upgrade{display:none}.sidebar-navigation{display:flex}.sidebar-nav-item{flex:1;justify-content:center}.sidebar .workspace-picker{margin-bottom:10px;display:block}.projects-toolbar{flex-wrap:wrap}.projects-toolbar input{flex-basis:100%}.projects-grid{grid-template-columns:1fr}.projects-page>header{flex-wrap:wrap}}