.design-rooms{--room-purple:#6a4ca1;--room-line:#e6e1ed;--room-muted:#746d82;padding-block:44px 80px;color:#272034}.design-rooms h1{font-size:clamp(34px,4.5vw,62px);max-width:850px;line-height:1.08}.room-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:30px 0}.room-heading>div>p:last-child{max-width:720px;font-size:15px;line-height:1.8;margin-top:18px}.creative-kicker{font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#846b9a;margin-bottom:14px}.room-actions,.room-idea-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.room-principles{display:flex;justify-content:space-between;gap:16px;padding:22px 0;border-block:1px solid var(--room-line);margin-block:30px 40px;color:#6c5a80;font-weight:700;font-size:13px}.room-index-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:36px;align-items:start}.room-panel{background:#fff;border:1px solid var(--room-line);border-radius:18px;padding:26px}.room-panel h2{font-size:23px;margin-bottom:16px;letter-spacing:-.025em}.room-panel form{display:flex;flex-direction:column;gap:17px}.room-panel .field{margin:0}.room-panel form>.btn{align-self:flex-start}.room-create-panel{background:#f5f1fc}.room-list>h2{font-size:25px;margin-bottom:20px}.room-list-card{display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid var(--room-line);border-radius:16px;padding:24px;margin-bottom:15px;transition:background .15s,border-color .15s}.room-list-card:hover{background:#f8f5fc;border-color:#bfa8df}.room-list-card h3{font-size:23px;margin:14px 0 10px}.room-list-card p{line-height:1.7}.room-list-card small{display:block;color:var(--room-muted);margin-top:16px}.room-list-card>span{font-size:27px;color:#80639e}.room-pill{display:inline-flex;gap:6px;align-items:center;padding:6px 11px;border-radius:30px;background:#ede5f9;color:#594377;font-size:11px;font-weight:700;white-space:nowrap}.room-pill.is-closed{background:#eee;color:#666}.room-empty{border:1px dashed #d2c4e4;background:#faf8fd;border-radius:18px;padding:38px 24px;text-align:center}.room-empty>span{display:block;font-size:50px;color:#9e85be;margin-bottom:14px}.room-empty h3{font-size:23px;margin-bottom:12px}.room-empty p{max-width:400px;margin:auto;font-size:13px;line-height:1.7}.room-status{min-height:22px;margin:15px 0;color:#62517c;font-size:13px}.room-status[data-error=true]{color:#a12d3d}.room-invitation{margin-block:24px 36px;background:#edf4e7;border-color:#d4e3c6}.room-invitation p{margin-block:12px}.room-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--room-line);font-size:12px}.room-toolbar>span{color:var(--room-muted);margin-inline-start:auto}.room-workspace-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);gap:28px;align-items:start}.room-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.room-section-title h2{font-size:25px}.room-section-title>span{color:var(--room-muted);font-size:12px}.room-ideas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.room-ideas-grid>.room-empty{grid-column:1/-1}.room-idea-card{border:1px solid var(--room-line);border-radius:18px;overflow:hidden;background:#fff;min-width:0}.room-idea-card.is-approved{border-color:#a888cc;box-shadow:0 0 0 2px #c8b2e733}.room-idea-stage{aspect-ratio:1;background:radial-gradient(ellipse at 20% 20%,#fff,#e8e3ed);padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:20px;color:var(--room-ink);text-align:center}.room-idea-stage>p{font-family:var(--room-font),sans-serif;color:inherit;font-size:clamp(22px,2.8vw,38px);font-weight:700;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap;max-width:100%;max-height:190px;overflow:auto}.room-idea-stage>span{font-size:10px;font-family:var(--font-body);color:#81768d}.room-idea-product{text-transform:uppercase;letter-spacing:.1em}.room-idea-copy{padding:20px}.room-card-top{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.room-card-top h3{font-size:19px;overflow-wrap:anywhere}.room-idea-copy>p{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.room-idea-copy>small{display:block;font-size:10px;color:#8b8098;margin-block:12px 18px}.room-idea-actions{gap:7px}.room-idea-actions .btn{padding:7px 10px;font-size:10px}.room-idea-actions .btn[aria-pressed=true]{background:#eee4fc;border-color:#b597da;color:#563777}.room-text-button{font-size:11px;text-decoration:underline;text-underline-offset:3px;padding:5px 0;background:none;border:0;color:#6e5c85}.room-text-button.danger{color:#9c404c}.room-side{display:flex;flex-direction:column;gap:22px}.room-member{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #f0edf4}.room-member>div{flex:1;min-width:0}.room-member strong{display:block;font-size:12px;overflow-wrap:anywhere}.room-member small{font-size:10px;color:var(--room-muted)}.room-avatar{width:34px;height:34px;background:#e9dff5;border-radius:50%;display:grid;place-items:center;color:#654681;font-size:12px;font-weight:800;flex-shrink:0}.room-invite-controls{margin-top:18px}.room-invite-controls summary,.room-idea-editor summary,.room-management summary{font-weight:700;cursor:pointer;font-size:13px}.room-invite-controls form{margin-top:18px}.room-invite-controls input[readonly]{font-size:11px;direction:ltr}.room-invite-controls [data-room-invite-result]{margin-top:18px}.room-invite-list>div{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:10px;margin-top:14px;color:var(--room-muted)}.room-chat h2{font-size:21px}.room-messages{display:flex;flex-direction:column;gap:12px;max-height:420px;overflow:auto;padding:4px 4px 15px;margin-bottom:18px;scrollbar-width:thin}.room-message{background:#f7f4fa;padding:13px 15px;border-radius:12px}.room-message>div{display:flex;align-items:center;gap:12px;justify-content:space-between}.room-message strong{font-size:11px}.room-message .room-text-button{font-size:9px}.room-message p{margin-top:8px;line-height:1.7;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.room-idea-editor{margin-bottom:24px;background:#faf8fd}.room-idea-editor summary{display:flex;justify-content:space-between;align-items:center;list-style:none}.room-idea-editor summary>span{font-size:22px;color:#8b71aa}.room-idea-editor form{padding-top:22px}.room-form-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:start}.room-form-grid input[type=color]{width:62px;height:46px;padding:5px}.room-management p{font-size:11px;line-height:1.8;margin:18px 0}.room-notice,.room-new-updates{border-radius:12px;padding:18px 22px;background:#fff4d5;font-size:13px;margin-block:20px}.room-new-updates{display:flex;gap:20px;align-items:center;justify-content:space-between}.room-new-updates[hidden]{display:none}.room-approved-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#ece3f7;border-radius:18px;padding:26px;margin-block:24px 34px}.room-approved-banner h2{font-size:25px;margin-bottom:12px}.room-approved-banner p{font-size:12px;max-width:600px;line-height:1.8}.room-approved-banner>.btn{flex-shrink:0}.design-rooms textarea{resize:vertical;min-width:0}.design-rooms .field input,.design-rooms .field textarea,.design-rooms .field select{width:100%;background:white}.design-rooms .small{font-size:11px;line-height:1.8}.room-panel .field>span{display:block;margin-bottom:7px}.room-panel details[open]>summary{margin-bottom:16px}.room-panel p,.room-panel strong{overflow-wrap:anywhere}html[lang=ar] .design-rooms h1{line-height:1.4}html[lang=ar] .creative-kicker{letter-spacing:0}html[lang=ar] .room-idea-stage>p{line-height:1.7}html[dir=rtl] .room-toolbar>a{unicode-bidi:plaintext}
@media(max-width:1100px){.room-workspace-grid{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.room-ideas-grid{grid-template-columns:1fr}.room-approved-banner{align-items:flex-start;flex-direction:column}.room-idea-stage>p{font-size:32px}.room-idea-stage{aspect-ratio:1.2}.room-index-grid{gap:24px}}
@media(max-width:760px){.design-rooms{padding-block:28px 50px}.room-heading{margin:24px 0;flex-wrap:wrap}.room-heading>div>p:last-child{font-size:13px}.room-principles{flex-direction:column;gap:12px;margin-block:24px;padding-block:20px}.room-index-grid,.room-workspace-grid{grid-template-columns:minmax(0,1fr);gap:25px}.room-panel{padding:20px;border-radius:14px}.room-list-card{padding:20px}.room-ideas-grid{grid-template-columns:minmax(0,1fr)}.room-idea-stage{aspect-ratio:1.1}.room-idea-stage>p{font-size:32px}.room-toolbar{gap:12px;align-items:flex-start}.room-toolbar>span{order:3;flex-basis:100%;margin:0;font-size:11px}.room-toolbar>.btn{margin-inline-start:auto}.room-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.room-form-grid .field:last-child{grid-column:1/-1}.room-approved-banner{padding:22px;margin-block:20px 28px}.room-approved-banner>.btn{width:100%;white-space:normal;text-align:center}.room-approved-banner h2{font-size:24px}.room-new-updates{align-items:flex-start;flex-direction:column}.room-idea-actions .btn{min-height:40px}.room-invite-list>div{align-items:flex-start;flex-wrap:wrap}.room-side{gap:18px}.room-panel .field input,.room-panel .field select,.room-panel .field textarea{font-size:16px}.room-panel form>.btn{min-height:44px}.room-section-title h2{font-size:23px}}