:root{--blue:#1178f2;--blue-dark:#075dcc;--blue-soft:#edf3ff;--canvas:#f9fbff;--shell:#e8edf7;--ink:#20243a;--muted:#8b93ad;--purple:#c667f1;--yellow:#ffd632;--red:#ed6b6d;--green:#a8df78;--line:#e6eaf3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
html{background:#edf1fa}body{background:radial-gradient(circle at 10% 8%,#fff 0,#fff0 31%),linear-gradient(135deg,#edf4ff 0%,#eef0ff 48%,#f8edff 100%)!important;background-attachment:fixed!important;color:var(--ink);overflow-x:hidden}.app-shell{min-height:100vh}.app-shell main{min-width:0;transition:margin-left .22s cubic-bezier(.2,.8,.2,1),width .22s}.app-shell.no-sidebar main{margin-left:12px!important}.app-canvas{background:linear-gradient(180deg,#fbfdffed,#f8f9feF5)!important;border:1px solid #ffffffd9;border-radius:28px!important;box-shadow:0 22px 65px #54709c18!important;overflow:hidden!important}
[x-cloak],html:not(.alpine-ready) [x-show]{display:none!important}:focus-visible{outline:3px solid #1178f245;outline-offset:3px}.is-loading{pointer-events:none;opacity:.65}#toast-region{position:fixed;right:20px;bottom:20px;z-index:100;display:grid;gap:8px}.app-toast{max-width:340px;padding:12px 15px;border-radius:12px;background:#20243a;color:#fff;font-size:12px;box-shadow:0 14px 38px #20243a35;animation:toast-in .2s ease-out}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Calm, branded scroll affordances across the workspace. */
*{scrollbar-width:thin;scrollbar-color:#a9c8ef #eef3fb}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:#eef3fb;border-radius:999px}
*::-webkit-scrollbar-thumb{min-height:38px;border:2px solid #eef3fb;border-radius:999px;background:linear-gradient(180deg,#a8caf3,#c3b8eb)}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#78adeb,#a697df)}
*::-webkit-scrollbar-corner{background:transparent}
.feedback-scroll,.feedback-filters,.filter-bar{scrollbar-width:none;-ms-overflow-style:none}
.feedback-scroll::-webkit-scrollbar,.feedback-filters::-webkit-scrollbar,.filter-bar::-webkit-scrollbar{display:none;width:0;height:0}
.feedback-scroll{overscroll-behavior:contain}
.sidebar-shell{background:#ffffffe8!important;color:var(--ink)!important;border:1px solid #fff;box-shadow:0 20px 55px #55719b18!important;backdrop-filter:blur(20px)}.sidebar-brand-row{display:flex;align-items:center}.sidebar-brand-row>a{min-width:0}.sidebar-close,.sidebar-scrim{display:none}.logo-mark{background:var(--blue)!important;color:#fff!important;border-radius:11px!important;box-shadow:0 8px 20px #1178f23d!important;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;font-style:normal!important;font-size:13px!important;font-weight:800}.beta-tag{padding:3px 6px;border-radius:6px;background:#edf3ff;color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.08em}.nav-label{padding:0 12px;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#adb4c7}.nav-item{color:#8c94ad!important;min-width:0;transition:.18s}.nav-item:hover{background:#f3f7ff!important;color:var(--blue)!important}.nav-item.active{background:linear-gradient(135deg,#1682f5,#0a6ddd)!important;color:#fff!important;box-shadow:0 9px 22px #1178f236!important}.nav-item.active span{color:#fff}.nav-count{color:inherit!important;opacity:.7}.nav-add{color:#9da5bb}.nav-add:hover{color:var(--blue)}.logout-btn{width:34px!important;height:34px!important;margin-left:auto;flex:none;border:1px solid #ffd5ce;border-radius:10px!important;background:#fff0ed!important;color:#df584b!important;box-shadow:0 5px 14px #d95d4f16;display:grid;place-items:center;font-size:15px;font-weight:800;transition:background .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s}.logout-btn:hover{border-color:#e85f52;background:#e85f52!important;color:#fff!important;box-shadow:0 8px 18px #d95d4f35;transform:translateY(-1px)}.sidebar-muted{color:#a8afc0}.sidebar-note{display:flex;gap:10px;align-items:flex-start;margin:0 2px 12px;padding:13px;border:1px solid #fff;border-radius:15px;background:linear-gradient(135deg,#edf4ff,#f5f1ff);color:#69728f}.sidebar-note>span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#fff;color:var(--blue);flex:none}.sidebar-note b{display:block;font-size:10px;color:#525b76}.sidebar-note small{display:block;margin-top:3px;font-size:8px;line-height:1.45;color:#949bb1}.profile-card{border:1px solid var(--line);border-radius:16px;padding:10px;display:flex;align-items:center;gap:9px;background:#ffffffb8}.profile-avatar{background:#e6efff!important;color:var(--blue)!important}
.glass-header,.page-header,.asset-header{background:#ffffffd9!important;border-bottom:1px solid #e7ebf4!important;backdrop-filter:blur(20px)}.menu-toggle{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;flex:none;border:1px solid #e4e9f2!important;border-radius:10px!important;background:#fff!important;color:#7e879f!important;font-size:16px!important;box-shadow:0 4px 12px #5267850b!important;transition:.18s}.menu-toggle:hover{color:var(--blue)!important;border-color:#bcd7ff!important;background:#f5f9ff!important}.header-crumb{display:flex;flex-direction:column;min-width:0}.header-crumb span{font-size:9px;color:#a2a9bb;text-transform:uppercase;letter-spacing:.08em}.header-crumb b{font-size:13px;margin-top:2px}.header-back{color:#8b93a8;font-size:11px;font-weight:650;white-space:nowrap}.header-back:hover{color:var(--blue)}.round-btn{border-color:var(--line)!important;color:var(--blue)}.global-search{background:#f2f5fbcc!important;border:1px solid #fff;color:#8f97aa!important}.page-header>div{min-width:0}.page-header>div b,.page-header>div a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header>button.menu-toggle{width:38px;height:38px}.page-header>a:first-child:not(.btn-dark){width:auto;height:auto;display:inline-flex;border:0;background:transparent}
.btn-dark{background:var(--blue)!important;box-shadow:0 8px 18px #1178f22d!important}.btn-dark:hover{background:var(--blue-dark)!important}.btn-light{border-color:#e3e8f1!important;box-shadow:0 4px 12px #5366840b!important;color:#646d83!important}.btn-light:hover{border-color:#bed7ff!important;color:var(--blue)!important}.eyebrow{color:#8e97ae!important}.display{color:#20243a;font-family:Georgia,"Times New Roman",serif!important}.display span{color:var(--blue)!important}.filter-bar{display:flex;gap:3px;padding:4px;border-radius:11px;background:#fff;border:1px solid var(--line);white-space:nowrap}.filter-bar button{padding:8px 13px;border-radius:8px;color:#939aad;font-size:10px;font-weight:650}.filter-bar button.active{background:var(--blue);color:#fff;box-shadow:0 5px 12px #1178f22b}
.dashboard-intro{min-height:190px;padding:34px 36px;border:1px solid #fff;border-radius:25px;background:radial-gradient(circle at 88% 5%,#fff 0,#fff0 34%),linear-gradient(135deg,#edf4ff 0%,#eef0ff 48%,#f8edff 100%);box-shadow:0 18px 45px #526d9810;position:relative;overflow:hidden}.dashboard-intro:after{content:"";position:absolute;width:210px;height:210px;right:-78px;bottom:-130px;border-radius:50%;background:#d9c9ff55}.dashboard-intro>div,.dashboard-intro>a{position:relative;z-index:1}.dashboard-intro .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #dce8fa;border-radius:999px;background:#ffffffb8}.dashboard-intro .eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #1178f214}.dashboard-intro-action{height:46px!important;padding:0 9px 0 17px!important;gap:20px!important}.dashboard-intro-action span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#ffffff1c}.metric{border:1px solid #fff!important;border-radius:21px!important;box-shadow:0 12px 30px #526d9810!important;overflow:hidden;transition:.22s}.metric:hover{transform:translateY(-3px);box-shadow:0 18px 36px #526d9818!important}.metric:after{content:"";position:absolute;width:100px;height:100px;right:-35px;top:-42px;border-radius:50%;background:#fff6}.metric-coral{background:linear-gradient(145deg,#fff7f4,#ffe8e2)!important;color:#a94f3e}.metric-lilac{background:linear-gradient(145deg,#faf8ff,#eee9ff)!important;color:#6f57a6}.metric-lime{background:linear-gradient(145deg,#f7fff2,#eaf8df)!important;color:#527d39}.metric-blue{background:linear-gradient(145deg,#f7fbff,#e6f1ff)!important;color:#1668bd}.metric .metric-label,.metric .metric-foot{color:inherit!important;opacity:.72}.metric .metric-no{color:var(--ink)!important}.metric-icon{position:relative;z-index:1;background:#ffffffad!important}
.creative-card{min-width:0;border-radius:22px!important;border:1px solid #fff!important;background:#ffffffd9!important;box-shadow:0 12px 30px #536b9410!important}.creative-cover{background:#dcecff!important}.creative-card-tone-1 .creative-cover{background:#e9e1ff!important}.creative-card-tone-2 .creative-cover{background:#e8f2ff!important}.creative-card-tone-3 .creative-cover{background:#ffe8e2!important}.creative-body,.creative-footer,.creative-footer>div,.creative-signals,.creative-meta{min-width:0}.creative-body h3,.creative-meta span,.creative-footer b,.creative-footer small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creative-signals{overflow:hidden}.creative-signals span{white-space:nowrap}.creative-signals span:last-child{overflow:hidden;text-overflow:ellipsis}.creative-cover img{border:4px solid #ffffff82}.creative-version{background:#fff!important;color:#20243a!important}.review-arrow{background:#edf3ff!important;color:var(--blue)}.creative-card:hover .review-arrow{background:var(--blue)!important;color:#fff}.status-in-review,.status-ready-for-review{background:#e8f2ff!important;color:#0967ca!important}.status-changes-requested{background:#fff0e8!important;color:#c34c26!important}.status-approved,.status-done{background:#edf9e3!important;color:#527f2e!important}.status-draft,.status-later{background:#f0f2f7!important;color:#777f92!important}.ai-generate-btn{display:inline-flex;align-items:center;margin-top:13px;padding:8px 11px;border-radius:9px;background:var(--blue);color:#fff;font-size:10px;font-weight:750;box-shadow:0 6px 15px #1178f226}.ai-generate-btn:hover{background:var(--blue-dark)}.ai-task-notice{padding:10px 12px;border-radius:10px;background:#f3f6fb;color:#7b849b;font-size:10px;text-align:center}
.page-section{min-width:0}.page-intro>p:last-child{max-width:680px}.project-card{min-width:0;background:linear-gradient(145deg,#117ef6,#0870e6)!important;color:#fff}.project-card.tone-1{background:linear-gradient(145deg,#cc70f2,#b957e4)!important}.project-card.tone-2{background:linear-gradient(145deg,#ffdf52,#ffcd24)!important;color:#3d3821}.project-card.tone-3{background:linear-gradient(145deg,#ef7779,#e76064)!important}.project-card h2,.project-card small,.project-card p{overflow-wrap:anywhere}.project-card>small{max-width:78%}.project-hero{background:linear-gradient(135deg,#edf4ff,#eef0ff 50%,#f1f9ff)!important;border:1px solid #e4ebf8!important;box-shadow:none!important}.project-hero-art span{background:#fff!important}.form-story.lilac{background:linear-gradient(145deg,#eef3ff,#dce8ff)!important}.form-story.coral{background:linear-gradient(145deg,#ffe7e3,#ffc9bf)!important}.form-story.lime{background:linear-gradient(145deg,#eeffdd,#d4f5af)!important}.form-card{box-shadow:0 15px 45px #526b9510!important}.retention-note{width:min(260px,100%)!important}.retention-note b{font-family:'DM Sans',sans-serif!important;font-size:19px!important}.upload-zone:hover{border-color:var(--blue)!important;background:#f5f9ff!important}
.asset-workspace-grid{min-width:0}.asset-preview-panel{min-width:0;background:#f0f4fb!important}.asset-toolbar>div{min-width:0}.preview-stage{min-width:0;background:radial-gradient(circle at 50% 20%,#fff,#dfe7f5)!important;border-color:#fff!important}.preview-stage img{max-width:100%;height:auto}.preview-caption{margin-top:18px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;gap:12px}.preview-policy{margin-left:auto;flex:none;padding:6px 9px;border-radius:999px;background:#edf3ff;color:#627194;font-size:9px;font-weight:700}.retention-pill{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#edf3ff!important;color:#627194!important}.feedback-rail{min-width:0;background:#fff!important}.feedback-rail>div:first-child{overflow-x:auto;flex:none}.feedback-rail>div:first-child button{white-space:nowrap}.ai-summary{background:linear-gradient(135deg,#edf4ff,#f7f2ff)!important;border-color:#c9ddff!important}.ai-spark{background:var(--blue)!important;color:#fff!important;box-shadow:0 6px 16px #1178f230!important}.role-ai{background:#dceaff!important;color:#1b65b8!important}.comment{min-width:0}.comment-bubble{min-width:0}.comment-bubble p{overflow-wrap:anywhere;word-break:break-word}.comment-client .comment-bubble{background:#fff3ed!important;border-color:#ffd1c1!important}.comment-designer .comment-bubble{background:#eef7ff!important;border-color:#c5e3ff!important}.comment-lead .comment-bubble{background:#f5efff!important;border-color:#decbff!important}.composer{border-color:#cbdcf6!important}.composer:focus-within{border-color:var(--blue)!important;box-shadow:0 10px 34px #1178f21a!important}.summary-row{flex-wrap:wrap}.task-form button{background:var(--blue)!important}.modal{background:#17254499!important}.modal-card{max-width:calc(100vw - 28px);max-height:calc(100vh - 28px);overflow:auto;border-radius:24px!important}.field:focus{border-color:#9bc6ff!important;box-shadow:0 0 0 3px #1178f214!important}
.public-review{min-height:100vh;background:var(--shell)}.public-header{height:76px;margin:12px;border-radius:20px;background:#fff;color:var(--ink);display:flex;align-items:center;padding:0 24px;box-shadow:0 12px 35px #526b9512}.public-header>div{color:#9aa2b5}.review-badge{background:#edf3ff!important;color:var(--blue)!important}.public-lifecycle{background:#fff!important;border-color:var(--line)!important}.public-grid>*{min-width:0}
.workflow-mini{min-height:86px;padding:16px 18px;border:1px solid #fff;border-radius:16px;background:linear-gradient(135deg,#ffffffd9,#f2f7ff);box-shadow:0 10px 28px #526d980b;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.workflow-mini>.eyebrow{white-space:nowrap}.workflow-mini-steps{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0}.workflow-mini-steps b{font-size:9px;color:#747e94}.workflow-mini-steps i{color:#c7cedb;font-size:10px;font-style:normal}.workflow-mini>a{color:var(--blue);font-size:9px;font-weight:750;white-space:nowrap}.feedback-pulse-card{padding:17px 18px!important;border:1px solid #fff!important;background:radial-gradient(circle at 90% 0,#fff,#fff0 38%),linear-gradient(135deg,#edf4ff,#f6f1ff)!important;box-shadow:0 12px 30px #526d980d!important}.feedback-pulse-card .ai-spark{width:31px;height:31px;border-radius:9px}.review-share-modal{padding-top:30px!important}.share-modal-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:18px;border-radius:13px;background:#edf3ff;color:var(--blue);font-size:18px;font-weight:800}
.feedback-pulse-footer{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid #7288ac18}.feedback-pulse-footer .summary-row{flex:1;min-width:0}.feedback-pulse-action{height:36px;flex:none;padding:0 6px 0 12px;border:1px solid #bfd6f5;border-radius:10px;background:#fff;color:var(--blue);display:inline-flex;align-items:center;gap:10px;font-size:9px;font-weight:800;box-shadow:0 7px 18px #55719b12;transition:.2s}.feedback-pulse-action span{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:var(--blue);color:#fff}.feedback-pulse-action:hover{border-color:var(--blue);transform:translateY(-1px);box-shadow:0 10px 22px #55719b1c}
.feedback-filter-row{display:flex;align-items:center;gap:10px;margin-top:16px}.feedback-filter-label{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9ba3b6}.feedback-filters{display:flex;align-items:center;gap:4px;margin-left:auto;padding:3px;border:1px solid var(--line);border-radius:999px;background:#f8faff;overflow-x:auto}.feedback-filters button{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;color:#8d95aa;font-size:9px;font-weight:700;white-space:nowrap;transition:color .16s,background-color .16s,box-shadow .16s}.feedback-filters button:hover{color:var(--ink)}.feedback-filters button.active{background:#fff;color:var(--ink);box-shadow:0 4px 12px #52678516}.public-filters{margin:15px 0 0}.dot,.thread-dot{display:inline-block;border-radius:50%;flex:none}.dot{width:7px;height:7px}.dot-designer{background:#1682f3}.dot-client{background:#ff756d}.feedback-thread{position:relative;overflow-anchor:none}.feedback-thread:before{content:"";display:none;position:absolute;left:7px;top:6px;bottom:6px;width:1px;background:linear-gradient(#bdd8ff,#f0c1bd)}.feedback-thread.has-visible-comments:before{display:block}.feedback-thread .comment{position:relative;padding-left:15px}.thread-dot{position:absolute;left:3px;top:11px;width:9px;height:9px;border:2px solid #fff;box-shadow:0 0 0 1px #dfe5ef;z-index:1}.comment-reply{margin-left:27px}.comment-reply:before{content:"";position:absolute;left:-11px;top:-12px;width:18px;height:28px;border-left:1px solid #dfe5ef;border-bottom:1px solid #dfe5ef;border-radius:0 0 0 9px}.comment-meta{display:flex;align-items:center;min-width:0}.comment-meta b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-time{margin-left:auto;padding-left:6px;font-size:8px;color:#9ba3b6;white-space:nowrap}.comment-copy{margin-top:8px;font-size:12px;line-height:1.55;color:#5d6477;overflow-wrap:anywhere}.reply-context{display:inline-flex;margin-top:5px;font-size:8px;font-weight:700;color:#9099ad;text-transform:uppercase;letter-spacing:.06em}.comment-signal{margin-left:auto;font-size:8px}.comment-client .comment-signal{color:#ff756d}.comment-designer .comment-signal{color:#1682f3}.ai-action-list{display:grid;gap:6px;margin-top:11px}.ai-action-list li{position:relative;padding-left:15px;font-size:10px;line-height:1.45;color:#68728b}.ai-action-list li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}.thread-live{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#eff9e8;color:#608242;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.thread-live i{width:6px;height:6px;border-radius:50%;background:#78b84e;box-shadow:0 0 0 3px #78b84e1f}
@media(max-width:1280px){.dashboard-section>.grid.grid-cols-3,.page-section>.grid.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-lower{grid-template-columns:1fr!important}.asset-workspace-grid{grid-template-columns:minmax(0,1fr) 350px!important}.workflow-strip{overflow-x:auto;justify-content:flex-start;gap:18px}}
@media(max-width:1000px){.app-shell aside.fixed{display:flex}.app-shell aside[style*="display: none"]{display:none!important}.sidebar-close{margin-left:auto;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f2f5fb;color:#7d879e;font-size:20px}.sidebar-scrim{position:fixed;inset:0;z-index:25;display:block;background:#18233d55;backdrop-filter:blur(2px)}.app-shell main{margin-left:12px!important}.app-canvas{margin:8px!important;min-height:calc(100vh - 16px)!important}.asset-workspace-grid{grid-template-columns:1fr!important;height:auto!important}.feedback-rail{min-height:620px;border-left:0!important;border-top:1px solid var(--line)}.asset-header,.page-header,.glass-header{padding-left:18px!important;padding-right:18px!important}.global-search{display:none}.public-grid{grid-template-columns:1fr!important}.public-grid>.panel{min-height:560px}.public-title-row{align-items:flex-start!important;gap:18px}.public-title-row>div:last-child{flex:none}.project-grid{grid-template-columns:1fr!important}}
@media(max-width:720px){.dashboard-section,.page-section{padding:26px 16px!important}.dashboard-section>.grid.grid-cols-3,.page-section>.grid.grid-cols-3,.metric-grid{grid-template-columns:1fr!important}.intro-row,.queue-head,.asset-toolbar,.public-title-row{align-items:flex-start!important;flex-direction:column!important}.dashboard-intro{padding:28px 22px}.dashboard-intro>a{margin-left:0!important;margin-top:20px!important}.intro-row:not(.dashboard-intro)>a,.queue-head>.filter-bar,.asset-toolbar>div:last-child,.public-title-row>div:last-child{margin-left:0!important;margin-top:14px}.filter-bar{max-width:100%;overflow-x:auto}.glass-header .new-asset-label{display:none}.glass-header .btn-dark{width:42px;padding:0!important;justify-content:center}.header-actions .btn-light{display:inline-flex;width:40px;padding:0;justify-content:center}.header-actions .share-label{display:none}.asset-preview-panel{padding:18px!important}.preview-stage{min-height:380px!important;padding:16px!important}.preview-caption{align-items:flex-start;flex-direction:column}.preview-policy{margin-left:0}.public-review main{padding:18px!important}.public-header{padding:0 16px}.public-header>div{display:none}.display{font-size:38px!important}.workflow-strip{flex-direction:column;align-items:flex-start}.workflow-strip i{transform:rotate(90deg)}.project-hero-art{display:none}.page-header .btn-dark{padding:0 11px}.page-header .btn-dark{font-size:0}.page-header .btn-dark:first-letter{font-size:15px}.feedback-filter-row{align-items:flex-start;flex-direction:column}.feedback-filters{margin-left:0;max-width:100%}.comment-reply{margin-left:14px}.workflow-mini{grid-template-columns:1fr;gap:11px}.workflow-mini-steps{justify-content:flex-start;overflow-x:auto}.workflow-mini>a{justify-self:start}.feedback-pulse-footer{align-items:flex-start;flex-direction:column}.feedback-pulse-action{align-self:flex-start}}

/* Client review keeps the work and conversation together on laptop screens. */
.public-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(340px,380px)!important;align-items:stretch}
.public-design-stage,.public-feedback-panel{height:clamp(620px,calc(100vh - 255px),760px)}
.public-design-stage{min-height:0!important;overflow:hidden;position:relative}
.public-design-stage img{position:absolute!important;inset:32px!important;width:calc(100% - 64px)!important;height:calc(100% - 64px)!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
.public-feedback-panel{overflow:hidden}
.public-thread-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.invite-result{position:relative;border-color:#c9ddff!important;background:linear-gradient(135deg,#edf4ff,#f7f2ff)!important}
.review-link-row{display:flex!important}
.review-link-row button{min-width:68px;background:var(--blue)!important;transition:background .18s,box-shadow .18s}
.review-link-row button:hover{background:var(--blue-dark)!important}.review-link-row button.copied{background:#4f9b5c!important;box-shadow:0 6px 15px #4f9b5c26}
@media(min-width:721px) and (max-width:1000px){.public-grid{grid-template-columns:minmax(0,1fr) minmax(310px,360px)!important}.public-review main{padding-left:20px!important;padding-right:20px!important}.public-design-stage,.public-feedback-panel{height:650px}}
@media(max-width:720px){.public-grid{grid-template-columns:1fr!important}.public-design-stage{height:min(68vh,560px)!important;min-height:430px!important}.public-design-stage img{inset:16px!important;width:calc(100% - 32px)!important;height:calc(100% - 32px)!important}.public-feedback-panel{height:auto;min-height:620px}.public-thread-scroll{max-height:420px}}

/* Destructive and completion states for the designer review toolbar. */
.designer-actions{align-items:center;flex-wrap:wrap}.btn-danger,.btn-danger-solid,.btn-completed{height:40px;padding:0 16px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:700;transition:background .18s ease,border-color .18s ease,transform .18s ease}.btn-danger{background:#fff3f1;border:1px solid #ffc8c0;color:#bf3d2b}.btn-danger:hover{background:#ffe5e1;border-color:#ff9d90}.btn-danger-solid{background:#d94332;border:1px solid #d94332;color:#fff;box-shadow:0 8px 20px #d9433226}.btn-danger-solid:hover{background:#bd3425;border-color:#bd3425;transform:translateY(-1px)}.btn-completed{background:#e6f7e6;border:1px solid #b9e4bd;color:#237a38;cursor:default;box-shadow:inset 0 0 0 1px #fff8}.status-completed{background:#e6f7e6!important;color:#237a38!important}.status-draft{background:#f0f2f7!important;color:#777f92!important}.delete-confirm-card{width:min(460px,calc(100vw - 28px));border:1px solid #ffd4ce!important}.delete-modal-icon{width:46px;height:46px;margin-bottom:18px;border-radius:14px;display:grid;place-items:center;background:#ffe5e1;color:#bf3d2b;font-size:20px;font-weight:800}.delete-warning{margin-top:16px;padding:10px 12px;border-radius:10px;background:#fff0ed;color:#a63c2d;font-size:11px;font-weight:700}.delete-modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px}.delete-modal-actions form{margin:0}@media(max-width:480px){.delete-modal-actions{align-items:stretch;flex-direction:column-reverse}.delete-modal-actions form,.delete-modal-actions button{width:100%}}
.page-header>.project-header-actions{display:flex;flex-direction:row;align-items:center;gap:9px}.creative-card-shell{min-width:0;display:flex;flex-direction:column}.creative-card-shell>.creative-card{width:100%;flex:1}.project-design-actions{margin:8px 3px 0;padding:7px 8px 7px 12px;border:1px solid var(--line);border-radius:13px;background:#ffffffc7;display:flex;align-items:center;gap:8px;box-shadow:0 7px 20px #526b940b}.project-design-actions>a{color:var(--blue);font-size:9px;font-weight:800}.project-design-actions>a span{margin-left:4px}.project-design-actions>button{height:32px;margin-left:auto;padding:0 10px;border:1px solid #ffd0c9;border-radius:9px;background:#fff4f2;color:#b83e2e;display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:800}.project-design-actions>button:hover{background:#ffe5e1;border-color:#ffaaa0}.project-delete-card{width:min(500px,calc(100vw - 28px))}@media(max-width:640px){.project-header-actions .btn-danger{width:40px;padding:0;font-size:0}.project-design-actions{margin-left:0;margin-right:0}.project-design-actions>button span{font-size:14px}}
.inline-project-create{margin-top:16px;padding:16px;border:1px solid #cfe1fb;border-radius:16px;background:linear-gradient(135deg,#f1f7ff,#f8f5ff);box-shadow:inset 0 1px #fff}.inline-project-heading{display:flex;align-items:center;gap:10px}.inline-project-heading>span{width:31px;height:31px;flex:none;border-radius:9px;background:#1178f2;color:#fff;display:grid;place-items:center;font-size:12px;box-shadow:0 7px 16px #1178f226}.inline-project-heading>div{display:flex;flex-direction:column}.inline-project-heading b{font-size:11px}.inline-project-heading small{margin-top:2px;color:#7f8aa1;font-size:9px}.inline-project-create .two-fields label{margin-top:13px}@media(max-width:760px){.inline-project-create{padding:14px}}