/* Scoped homepage only. The provider workspaces retain their design system. */
.home-page { background:#fff; }
.home-page .site-header { border-top:0; border-bottom:1px solid #f1f1f1; }
.home-page .brand-mark { display:none; }
.home-page .lang-switch a[aria-current=true] { background:#f1f1f1; color:#222; }
.home-page .header-right .btn-primary { background:#202020; border-color:#202020; }
.home-inner { max-width:1120px; margin-inline:auto; }
.creation-hero { padding:72px 0 38px; }
.creation-hero h1 { text-align:center; font-size:clamp(42px,6vw,68px); font-weight:500; letter-spacing:-.035em; color:#555; margin:0 0 66px; }
.creation-compose { position:relative; z-index:3; padding:28px; background:#fff; border:1px solid #e6e6e6; border-radius:28px; box-shadow:0 9px 28px #0000000b; }
.creation-compose:focus-within,.creation-compose.is-dragging { border-color:#888; box-shadow:0 0 0 3px #00000005,0 9px 28px #0000000b; }
.creation-compose textarea { width:100%; min-height:88px; padding:0; margin:0 0 14px; border:0; background:transparent; outline:none; box-shadow:none; resize:vertical; font-size:17px; color:#333; line-height:1.7; border-radius:0; }
.creation-compose textarea:focus-visible { outline:none; }
.creation-compose textarea::placeholder { color:#767676; }
.home-compose-actions { display:flex; align-items:center; gap:18px; min-width:0; }
.home-icon-button,.home-submit { border:0; display:grid; place-items:center; cursor:pointer; flex-shrink:0; background:transparent; width:40px; height:40px; padding:8px; color:#292929; border-radius:50%; }
.creation-home svg { width:24px; height:24px; stroke:currentColor; stroke-width:1.7; fill:none; }
.home-icon-button:hover { background:#f2f2f2; }
.home-submit { background:#202020; color:#fff; width:44px; height:44px; margin-left:auto; }
.home-submit:hover { background:#444; }
.home-submit:disabled { background:#ddd; color:#fff; cursor:not-allowed; }
.home-model-picker { min-width:0; }
.home-model-picker summary { display:flex; align-items:center; gap:8px; cursor:pointer; list-style:none; font-size:15px; font-weight:600; color:#252525; }
.home-model-picker summary::-webkit-details-marker { display:none; }
.home-model-picker summary #home-model-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:230px; }
.home-model-list { position:absolute; top:calc(100% + 8px); left:24px; right:24px; max-width:460px; max-height:min(420px,60vh); overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; border:1px solid #ddd; border-radius:18px; background:#fff; box-shadow:0 16px 40px #00000012; padding:10px; }
.home-model-group { display:block; padding:14px 12px 7px; color:#737373; font-size:12px; font-weight:600; }
.home-model-option { display:flex; flex-direction:column; gap:4px; width:100%; text-align:left; padding:12px; margin:0; border:0; border-radius:10px; background:#fff; cursor:pointer; color:#222; font:inherit; }
.home-model-option strong { font-size:14px; font-weight:600; }
.home-model-option small { font-size:12px; line-height:1.5; color:#737373; }
.home-model-option:hover,.home-model-option[aria-pressed=true] { background:#f1f1f1; }
.home-model-option:disabled { color:#929292; background:#fafafa; cursor:not-allowed; }
.home-model-option:disabled small { color:#929292; }
.home-mode-hint { font-size:12px; color:#767676; }
.home-form-message { margin:14px 0 0; color:#a13c2a; font-size:13px; }
.home-file-list { display:flex; flex-wrap:wrap; gap:8px; padding-bottom:16px; }
.home-file-chip { display:flex; align-items:center; gap:6px; padding:6px 9px; border:1px solid #e5e5e5; border-radius:9px; max-width:100%; font-size:12px; color:#555; }
.home-file-chip span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:210px; }
.home-file-chip button { border:0; background:transparent; cursor:pointer; color:#555; padding:2px 5px; }
.home-shortcuts { display:flex; flex-wrap:wrap; align-items:center; gap:28px; margin:-12px 18px 0; padding:26px 28px 18px; border-radius:0 0 22px 22px; background:#f7f7f7; }
.home-shortcuts a { display:flex; align-items:center; gap:9px; font-size:14px; font-weight:500; color:#393939; }
.home-shortcuts a span { color:#737373; font-size:18px; }
.home-shortcuts a:hover { color:#000; text-decoration:underline; text-underline-offset:4px; }
.home-shortcuts button { display:flex; align-items:center; gap:9px; border:0; padding:0; margin:0; background:transparent; font:inherit; font-size:14px; font-weight:500; color:#767676; cursor:not-allowed; }
.home-shortcuts button span { font-size:18px; }
.home-shortcuts small { font-size:10px; font-weight:400; padding:2px 5px; border:1px solid #dedede; border-radius:4px; }
.home-intro-note { text-align:center; margin:14px 0 0; font-size:12px; color:#737373; }
.home-discover { padding:18px 0 24px; }
.home-discover-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.home-discover-heading h2 { font-size:19px; font-weight:600; margin:0; }
.home-discover-heading>a { font-size:13px; color:#737373; }
.home-categories { display:flex; gap:8px; overflow-x:auto; margin-bottom:22px; padding:2px 0 8px; }
.home-categories button { flex-shrink:0; border:0; border-radius:24px; background:transparent; padding:9px 17px; color:#737373; font:inherit; font-size:14px; cursor:pointer; }
.home-categories button[aria-pressed=true] { color:#222; background:#f1f1f1; }
.home-creations-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 24px; }
.home-creation-card { min-width:0; }
.home-creation-image { display:block; position:relative; aspect-ratio:1/1; border-radius:18px; overflow:hidden; background:#f2f2f2; }
.home-creation-image img { display:block; width:100%; height:100%; object-fit:contain; }
.home-creation-image>span { position:absolute; top:12px; right:12px; padding:7px 11px; background:#fffffff0; border-radius:20px; font-size:12px; color:#303030; }
.home-creation-title { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:14px 0 5px; }
.home-creation-title h3 { font-size:15px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0; }
.home-rating { flex-shrink:0; color:#737373; font-size:12px; }
.home-creation-meta { color:#737373; font-size:12px; margin-bottom:14px; }
.home-reviews { border-top:1px solid #eee; padding-top:12px; }
.home-review { margin-bottom:10px; }
.home-review>div { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:11px; color:#737373; }
.home-review b { font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.home-review p { margin:5px 0 0; color:#737373; font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
.home-no-reviews,.home-empty { color:#737373; font-size:13px; line-height:1.8; }
.home-empty { text-align:center; padding:30px 12px; }
.home-page .site-footer { background:#fff; --text-1:#333; --text-2:#666; --text-3:#737373; --text-4:#737373; --line:#eee; margin-top:48px; padding:28px 0; }
.home-footer-links { display:flex; flex-wrap:wrap; justify-content:center; gap:24px; font-size:13px; color:#737373; }
.home-page .footer-bottom { margin-top:24px; font-size:11px; }
.home-page .footer-bottom>.muted { display:block; order:3; flex-basis:100%; font-size:10px; color:#767676; }
.home-page :focus-visible { outline:2px solid #555; outline-offset:3px; }
@media(max-width:900px) { .home-creations-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .home-mode-hint { display:none; } }
@media(max-width:600px) { .creation-hero { padding:44px 0 26px; } .creation-hero h1 { margin-bottom:36px; } .creation-compose { border-radius:22px; padding:20px; } .creation-compose textarea { font-size:15px; min-height:96px; } .home-compose-actions { gap:12px; } .home-model-picker summary { font-size:13px; gap:6px; } .home-model-picker summary #home-model-name { max-width:145px; } .home-model-picker summary svg { width:19px; height:19px; } .home-model-list { left:12px; right:12px; } .home-shortcuts { margin-inline:12px; padding:24px 18px 16px; gap:16px 22px; } .home-shortcuts a { font-size:12px; } .home-creations-grid { grid-template-columns:minmax(0,1fr); gap:28px; } .home-categories button { font-size:12px; padding-inline:13px; } .home-intro-note { padding-inline:10px; } .home-footer-links { gap:16px; font-size:12px; } }

.home-page a:hover { color:#111; }
.home-model-option:not(:disabled):hover small,.home-model-option[aria-pressed=true] small { color:#555; }
.home-review p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }