/* Approved v5 visual system, production data and existing actions. */
@font-face{font-family:'Hermes Inter';src:url('/fonts/Inter-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--bg:#0b090e;--surface:#18131d;--surface-2:#221824;--fg:#f4eff4;--muted:#b5a8b7;--line:#ffffff19;--accent:#ef2855;--ink:#fff;--soft:#401124;--radius:9px;font-family:'Hermes Inter','Segoe UI',sans-serif;font-size:14px}
body{background:#09090c;color:var(--fg)}.live-ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 100% 0,#8d163745,transparent 48%),radial-gradient(ellipse at 0 70%,#8a10372b,transparent 35%),#09090c}
.app-shell{max-width:none;margin:0;background:transparent;isolation:auto}.hermes-header{display:none}.bottom-nav{background:linear-gradient(120deg,#151018dd,#0b090de8);border-right:1px solid var(--line)}
main{max-width:1500px;padding:28px;margin-left:260px}.sidebar-brand{padding:0!important;display:flex!important;justify-content:center}.owner-logo{display:block;object-fit:contain;width:180px;height:172px}.sidebar-emblem{display:none}.sidebar-caption{display:none}.bottom-nav .nav-item{border-radius:8px;min-height:46px;padding:12px;color:#cfc4d0}.bottom-nav .nav-item[aria-current=page]{background:linear-gradient(110deg,#93173d83,#46142668);border:1px solid #fb4c793e;box-shadow:0 0 26px #f51f5025;color:#fff}.bottom-nav .sidebar-bottom{margin-top:auto}.owner-space{display:none}.sidebar-bottom .quiet-button{font-size:11px}
h1{font-weight:400;font-size:29px;letter-spacing:-.8px;line-height:1.25}h2{font-weight:550}.heading-dot{display:none}.page-heading{gap:12px;margin-bottom:20px}.page-heading h1 .count{display:inline-block;vertical-align:middle;font-size:14px;font-weight:600;letter-spacing:0;margin-left:8px;padding:4px 10px;border:1px solid #e9326155;background:linear-gradient(#50162b,#2b101b);border-radius:6px;color:#fff}.refresh-button{font-size:11px;background:#21172466}.eyebrow{color:#aa97aa;letter-spacing:1.4px}
.live-workspace main{display:grid;grid-template-columns:minmax(370px,1.2fr) minmax(350px,1fr);padding:0;max-width:none;min-height:100dvh}.live-feed{padding:23px 25px;min-width:0;border-right:1px solid var(--line);background:linear-gradient(140deg,#221b292c,#0d0b11a8)}.live-detail{padding:31px 25px;min-width:0;position:sticky;top:0;max-height:100dvh;overflow-y:auto;background:linear-gradient(140deg,#21121b18,#0c090fa8);scrollbar-width:thin}.live-detail>.back{display:none}.live-detail h1{font-size:28px;margin:17px 0 20px}.live-detail .description{line-height:1.75;font-size:13px}.live-detail .score{background:#4113297a;color:#f5b9cd;border:1px solid #ff4f7c2c;margin-bottom:20px}.live-detail .detail-block{border-radius:8px}.live-detail .info-row{margin:20px 0}.live-stats{display:flex;gap:23px;padding:13px 17px;border:1px solid #e3c0da22;border-radius:8px;background:linear-gradient(110deg,#39243b42,#17121c70);font-size:12px;color:#bfaec0;margin-bottom:15px}.live-stats a{text-decoration:none}.live-stats strong{color:#f3edf4;margin-right:5px}
.feed-toolbar{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.feed-toolbar .filters{order:2;margin:0;display:flex;flex-wrap:wrap}.chip{min-height:35px;padding:7px 12px;border-radius:7px;font-size:11px}.chip[aria-pressed=true]{background:linear-gradient(#9b2347,#581127);color:#fff;border-color:#ff4f7e7a}.feed-search{order:1;background:linear-gradient(110deg,#3023369c,#1a141fc9);border:1px solid #dfbdd332;border-radius:8px;min-height:45px}.feed-selects{order:3;display:flex;gap:10px}.feed-selects>label{flex:1;min-width:0}.feed-selects select{width:100%;border-radius:7px;background:#17121d;color:#c6b8c9;border-color:#ffffff20;min-height:35px;font-size:11px}.feed-grid{display:grid;grid-template-columns:1fr;gap:8px}.results-heading{font-size:11px;margin-bottom:11px}.feed-card{position:relative;margin:0;border-radius:9px;background:linear-gradient(115deg,#29212f80,#16111ccc);border:1px solid #ddbbd726;padding:12px 43px 12px 17px;box-shadow:inset 0 1px #fff1,0 7px 17px #0003;animation:none!important}.feed-card.chosen{background:linear-gradient(110deg,#80132e99,#331021bd);border-color:#ff36789c;box-shadow:inset 2px 0 #ff3574,0 0 24px #ec175324}.feed-card h3{font-size:13px;line-height:1.45;margin:5px 0 8px;font-weight:550}.card-top{margin:0}.card-top .save-button{position:absolute;right:8px;top:12px;margin:0;min-width:25px;width:25px;padding:4px}.card-top .save-button svg{width:16px}.card-excerpt{display:none}.project-meta{font-size:10px;color:#b7a2b7}.source-mark{width:22px;height:22px;font-size:10px;border-radius:5px;background:#7b1837;color:#fff}.card-tags{gap:6px;margin:0}.card-tags>span{font-size:9px;border-radius:12px;padding:3px 7px;background:#ffffff08;color:#c9bdcd}.card-tags .match-tag{color:#ed9eb8}.feed-card .card-footer{border:0;padding:0;margin-top:9px}.price{font-size:16px}.card-open{font-size:10px!important;padding:5px 9px!important;min-height:28px!important;background:#ffffff05}.button{border-radius:8px;background:#221925;border-color:#ddbad323;color:#eee6f0}.button.primary{background:linear-gradient(110deg,#f1255b,#aa1038);color:#fff;border-color:#ff77938c;box-shadow:inset 0 1px #ffd0df55,0 0 25px #f0215530}.field input,.field select,.field textarea{background:linear-gradient(140deg,#24192999,#130f18);border-color:#d4b7cd32;border-radius:8px;color:var(--fg)}.field textarea{font-size:14px;line-height:1.7}.workspace-summary,.workspace-tools{display:none}.live-detail .action-stack{gap:10px}.live-detail form{margin-top:15px}.notice{background:#34132261;color:#cfbdce;border-color:#c843612d}dialog{background:#17111e;color:var(--fg)}.settings-group,.project-card{border-radius:9px;background-color:#19131d}
.light-ribbon{position:fixed;pointer-events:none;fill:none;stroke:none;overflow:visible;z-index:-1;filter:drop-shadow(0 0 18px #ff211855)}.ribbon-left{left:-10px;bottom:55px;width:320px;height:245px}.ribbon-right{right:-18px;top:-85px;width:590px;height:200px;mask-image:linear-gradient(90deg,transparent,#000 24%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%)}.ribbon-glint{stroke-dasharray:3 110;stroke-dashoffset:8;animation:ribbon-pass 7.5s cubic-bezier(.4,0,.2,1) infinite;opacity:0}.ribbon-right .ribbon-glint{animation-delay:-3.7s}@keyframes ribbon-pass{0%,12%{stroke-dashoffset:8;opacity:0}17%{opacity:1}55%{stroke-dashoffset:-102;opacity:1}61%,100%{stroke-dashoffset:-102;opacity:0}}.ambient-paused *{animation-play-state:paused!important}
@media(min-width:901px){.bottom-nav{position:fixed;inset:0 auto 0 0;width:260px;max-width:none;transform:none;display:flex;flex-direction:column;padding:22px;gap:8px}.nav-item{flex-direction:row;justify-content:flex-start;font-size:13px;gap:13px}.sidebar-bottom{display:block}.hermes-header{display:none}}
@media(min-width:901px) and (max-width:1200px){.bottom-nav{width:190px;padding:14px}.owner-logo{width:150px;height:145px}main{margin-left:190px}.live-workspace main{grid-template-columns:minmax(310px,1fr) minmax(310px,1fr)}.live-feed,.live-detail{padding:20px 16px}.page-heading h1{font-size:23px}.refresh-button span{display:none}}
@media(max-width:900px){main{margin-left:0;padding:22px 16px 115px}.hermes-header{display:flex;margin:0;padding:10px 16px;border:0;background:transparent;box-shadow:none;align-items:center;justify-content:space-between}.hermes-header .brand{width:auto}.hermes-header .owner-logo{width:105px;height:100px}.hermes-header .demo-label{position:static}.live-workspace main{display:block;min-height:0}.live-feed{padding:12px 16px 115px;border:0}.live-detail{display:none;position:relative;max-height:none;padding:20px 16px 110px}.live-detail-open .live-feed{display:none}.live-detail-open .live-detail{display:block}.live-detail>.back{display:inline-flex}.live-detail h1{font-size:25px}.page-heading h1{font-size:25px}.page-heading{align-items:center}.refresh-button span{display:none}.live-stats{gap:14px;font-size:11px;padding:13px 10px}.feed-card{padding:13px 38px 13px 13px}.feed-card h3{font-size:13px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:8px;left:10px;right:10px;bottom:10px;transform:none;width:auto;max-width:none;border:1px solid #ffffff20;border-radius:13px}.bottom-nav .sidebar-brand,.bottom-nav .sidebar-caption,.bottom-nav .sidebar-bottom,.desktop-nav-item{display:none!important}.bottom-nav .nav-item{padding:5px;min-height:46px;font-size:9px}.ribbon-left{display:none}.ribbon-right{width:300px;height:125px;top:-58px;right:-70px;opacity:.7}.field textarea{font-size:16px}.live-detail-open .bottom-nav{display:none}.live-detail .description{font-size:14px}.page-heading h1 .count{margin-left:3px}.feed-toolbar .filters{gap:6px}.chip{font-size:10px;padding:7px 9px}}
@media(max-width:359px){.page-heading h1{font-size:21px}.live-stats{gap:9px;font-size:10px}.live-feed{padding-left:11px;padding-right:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.ribbon-glint{opacity:0}}
/* Reset legacy layout constraints before applying the approved workspace grid. */
.app-shell{padding-left:0;border:0;width:100%;max-width:none}
main{margin-right:0}
.feed-toolbar{align-items:stretch;flex-wrap:nowrap}
.feed-search{flex:none;flex-basis:auto;width:100%;min-width:0}
.feed-selects{width:100%}.feed-selects select{max-width:none}
.feed-toolbar .filters{background:none;padding:0;border:0;justify-content:flex-start;align-self:flex-start}
.feed-card h3{min-height:0}.feed-card .card-tags{min-height:0;margin:0}.feed-card .card-footer{margin-top:8px}
@media(min-width:901px){.ribbon-left{z-index:9;mask-image:linear-gradient(transparent,#000 25%,#000 80%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 80%,transparent)}.live-feed .feed-card{display:grid;grid-template-columns:minmax(0,1fr) 116px;column-gap:10px;padding:12px 38px 12px 15px}.feed-card .card-top,.feed-card h3,.feed-card .card-tags{grid-column:1}.feed-card .card-footer{grid-column:2;grid-row:1/4;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-left:1px solid #ffffff10;padding-left:13px;margin:0}.feed-card .price{font-size:15px}.feed-card .card-open{margin-top:8px}.ribbon-left{width:280px}}
.feed-card{isolation:isolate}.feed-card:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:-1;background:radial-gradient(240px circle at var(--spot-x,-400px) var(--spot-y,-400px),#fff1,transparent 80%);opacity:0;transition:opacity .2s}.feed-card:hover:before{opacity:1}

.browser-switch{display:flex;margin:0 0 14px auto;min-height:34px;font-size:11px;color:#d9c8d9;background:#28182c77;border-color:#f17e9e38}.browser-switch svg{width:16px;height:16px}
/* Full demo parity: real components now use the same hierarchy and density. */
:root{--bg:#0b0a0e;--surface:#18131d;--accent:#f32d64;--muted:#b7aab9}
.app-shell{min-height:100dvh}.live-workspace main{grid-template-columns:minmax(0,1.27fr) minmax(0,1fr)}
.live-feed{background:linear-gradient(145deg,#211a2633,#0e0b12c4);padding:19px 25px 28px}.live-detail{background:linear-gradient(150deg,#21101925,#0d0a11bf 65%);padding:25px;scrollbar-color:#463240 transparent}
.page-heading{gap:10px;margin-bottom:20px;min-height:39px}.page-heading h1{font-size:28px;font-weight:400;margin:0;letter-spacing:-.75px;line-height:1.2}.page-heading .eyebrow{font-size:10px;margin:0 0 15px;letter-spacing:1.4px}.eyebrow>span{color:#6f5c6c;margin:0 6px}.test-indicator{font-size:10px;white-space:nowrap;border:1px solid #d3adcb26;border-radius:7px;padding:8px 10px;color:#c6b5c9;background:linear-gradient(145deg,#30243280,#17121d);align-self:flex-end;margin-bottom:2px}
.live-stats{height:48px;padding:0 17px;gap:25px;align-items:center;margin:0 0 15px;background:linear-gradient(110deg,#3021344d,#18121e73);border-color:#e3c0da29;box-shadow:inset 0 1px #fff1;border-radius:8px;font-size:13px}.live-stats>span{display:flex;align-items:center;gap:7px}.live-stats>span+span{border-left:1px solid #ffffff22;padding-left:25px}.live-stats svg{width:20px;height:20px;stroke:#e6dce8}.live-stats strong{margin:0;font-weight:600;color:#f7f1f8}
.feed-toolbar{gap:12px;border:0;padding:0;margin:0 0 18px}.feed-search{min-height:45px;background:linear-gradient(110deg,#30263791,#1a141ec9);box-shadow:inset 0 1px #fff1;border-color:#e1c6da2f}.feed-search input{font-family:inherit;color:#f3ecf4;font-size:13px}.feed-search svg{width:18px;height:18px}.toolbar-row{display:flex;gap:9px;align-items:center;min-width:0}.toolbar-row .filters{display:flex;flex-shrink:0;gap:8px;margin:0;padding:0;width:auto;border:0;border-radius:0;background:none}.toolbar-row>label{flex:1;min-width:0}.toolbar-row select{font-family:inherit;width:100%;max-width:none;padding:8px 24px 8px 10px;min-height:35px;font-size:11px;border-radius:7px;border:1px solid #d9bad324;background:linear-gradient(#211b26,#151119);color:#c2b4c5}.toolbar-row .chip{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #d9bad327;font-size:11px;font-weight:500;min-height:35px;padding:7px 12px;flex:none;border-radius:7px;background:linear-gradient(#211a25,#141017)}.toolbar-row .chip svg{width:13px;height:13px}.toolbar-row .chip[aria-pressed=true]{background:linear-gradient(130deg,#8a1b3f,#461426);border-color:#ff3c7770;color:#fff;box-shadow:inset 0 1px #ffabc226,0 0 20px #c81b4c1a}.feed-extra{align-self:flex-end;font-size:10px;color:#ad96ac;margin-top:-5px}.feed-extra summary{cursor:pointer}.feed-extra[open]{padding:10px;border:1px solid #ffffff16;border-radius:7px;background:#211525}.feed-extra .chip{margin-top:8px}.feed-extra p{font-size:10px;margin-top:7px}.results-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
.feed-grid{gap:7px}.live-feed .feed-card{display:block;padding:0;position:relative;border-radius:9px;margin:0;min-width:0;background:linear-gradient(115deg,#29212f80,#17121ec2);border-color:#d9bed526;box-shadow:inset 0 1px #fff1,0 5px 16px #0003}.live-feed .feed-card .project-open{display:grid!important;grid-template-columns:25px minmax(0,1fr) 124px;gap:13px;align-items:start;width:100%;min-height:86px;min-width:0;padding:12px 43px 12px 16px!important;margin:0!important;text-decoration:none;color:inherit;border:0!important;border-radius:inherit;background:transparent!important;box-shadow:none!important;font-weight:400!important;position:relative;font-size:12px!important}.project-main{min-width:0}.feed-card .source-mark{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border:0;background:none;box-shadow:none;margin-top:2px}.source-mark img{width:23px;height:23px;object-fit:contain}.feed-card h3{font-size:13px;font-weight:550;line-height:1.4;letter-spacing:-.25px;min-height:0;margin:5px 0 8px;-webkit-line-clamp:2}.feed-card .project-meta{font-size:10px;line-height:1.35;gap:6px;color:#bfaabe}.project-meta time{color:#bca8bb;font-size:10px}.feed-card .card-tags{display:flex;min-height:0;gap:5px;margin:0}.card-tags>span{font-size:9px;line-height:1.3;padding:3px 7px;border:1px solid #dfc9da0b;border-radius:12px;background:linear-gradient(#ffffff0d,#ffffff04);color:#dfd3df}.card-budget{align-self:stretch;display:block;padding-left:15px;border-left:1px solid #ffffff15;min-width:0}.feed-card .price{font-size:17px;line-height:1.3;font-weight:550;letter-spacing:-.3px;color:#f6edf5;overflow-wrap:anywhere;display:block}.feed-card .price.unspecified{font-size:10px;line-height:1.6}.row-score{display:flex;align-items:center;gap:6px;font-size:10px;color:#bca4b6;margin-top:8px;font-weight:400;line-height:1.5}.row-score i{width:12px;height:12px;border:1.5px solid #ee285c;border-top-color:#713042;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px #e61c4b24}.row-score.unrated{color:#9b909e}.row-score.unrated i{border-color:#625966;box-shadow:none}.feed-card .save-button{top:13px;right:8px;position:absolute;padding:5px;margin:0;min-width:22px;width:22px;min-height:27px;color:#cdbacf;z-index:1}.feed-card .save-button svg{width:16px;height:16px}.feed-card.chosen{background:linear-gradient(115deg,#7e193b8c,#391328a6 65%,#281020bb);border-color:#ff3a769e;box-shadow:inset 2px 0 #ff3478,inset 0 1px #ffa1c023,0 0 25px #ed174925}.feed-card:hover{border-color:#f17da24f}.feed-card .project-open:focus-visible{outline:2px solid #ff8eac!important;outline-offset:2px}
.detail-heading{display:flex;align-items:center;gap:13px}.source-pill{display:inline-flex;align-items:center;gap:9px;padding:6px 10px;border:1px solid #e2bfd429;border-radius:20px;background:linear-gradient(135deg,#30233388,#17101988);font-size:11px;color:#e6dbe8;box-shadow:inset 0 1px #fff1}.source-pill img{width:21px;height:21px;object-fit:contain}.example{display:inline-block;padding:5px 9px;border-radius:6px;border:1px solid #e5bad321;font-size:10px;color:#bba9bd;background:#21152366;white-space:nowrap}.live-detail h1{font-size:28px;font-weight:400;line-height:1.25;letter-spacing:-.75px;margin:20px 0}.detail-meta{display:flex;align-items:center;gap:23px;margin:0 0 18px;flex-wrap:wrap}.detail-meta strong{display:flex;gap:10px;align-items:center;font-size:18px;font-weight:550}.detail-meta svg{width:21px;height:21px;stroke:#d8ccdc}.detail-meta>span{display:flex;align-items:center;gap:9px;color:#c9b9cb;font-size:12px;padding-left:20px;border-left:1px solid #ffffff1a}.detail-meta>span svg{width:18px;height:18px}.project-tabs{display:flex;gap:12px;margin:0 0 23px;border-bottom:1px solid #e5beda26}.project-tabs button{position:relative;border:0;border-radius:0;background:none;padding:13px 22px;font-size:12px;font-weight:500;color:#bbacbd;min-width:80px;font-family:inherit}.project-tabs button[aria-selected=true]{color:#fff}.project-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,#e81857,#ff6e96,#d61852);box-shadow:0 0 12px #e6286266}.project-description h2,.editor-top h2,[data-history] h2{font-size:17px;letter-spacing:-.2px;margin:0 0 12px;font-weight:600}.live-detail .project-description .description{font-size:13px;line-height:1.65;color:#ddd1df;margin:0;max-height:175px;overflow:auto;scrollbar-width:thin;white-space:pre-line;padding-right:5px}.project-match{border:1px solid #e9c5de28;border-radius:9px;margin:22px 0 29px;background:linear-gradient(130deg,#35233755,#18111ec7);box-shadow:inset 0 1px #fff1}.project-match summary{display:flex;align-items:center;gap:18px;padding:14px 18px;list-style:none;cursor:pointer}.project-match summary::-webkit-details-marker{display:none}.project-match strong{display:block;font-size:14px;font-weight:550}.project-match small{display:block;font-size:11px;color:#aa96ac;margin-top:6px}.match-ring{display:block;width:40px;height:40px;flex-shrink:0;position:relative;border-radius:50%;background:conic-gradient(#f32d65 var(--score),#56253c 0);transform:rotate(-15deg);filter:drop-shadow(0 0 8px #f1255233)}.match-ring:after{content:'';position:absolute;inset:4px;background:#1c1320;border-radius:50%}.disclosure{margin-left:auto;color:#92768c}.project-match>div{padding:0 18px 14px 70px}.project-match p,.project-match li{font-size:12px;color:#c2acc1;line-height:1.65}.project-match .reason-list{margin-top:0}
.editor-area{margin-top:24px}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.editor-top h2{display:flex;align-items:center;gap:10px;margin:0}.editor-top h2 svg{width:21px;height:21px;stroke:#f32665}.editor-area>.back,.editor-area>.status-pill,.editor-area>.details-title,.editor-area>p.small{display:none}.editor-area form{margin:0}.editor-area form>.field{margin-top:0;font-size:0;gap:0}.editor-area textarea,.empty-draft{width:100%;height:202px;min-height:160px;display:block;padding:17px 19px;resize:vertical;font-family:inherit;font-size:13px;line-height:1.7;color:#f1e6f1;border:1px solid #ddbbd735;border-radius:9px;background:linear-gradient(140deg,#2d20336b,#140f1bc9);box-shadow:inset 0 1px #fff1,0 10px 30px #0003;scrollbar-width:thin}.empty-draft:disabled{opacity:1;color:#9c879f}.empty-draft::placeholder{color:#a28ca3}.proposal-terms{margin-top:12px;border:1px solid #e5b5d223;border-radius:8px;background:#21132355;padding:11px 12px}.proposal-terms>summary{font-size:11px;color:#bca5bb;cursor:pointer}.proposal-terms .field{font-size:12px;margin-top:15px}.proposal-terms .field input,.proposal-terms .field select{font-size:14px}.editor-area .action-stack{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:20px}.editor-area .action-stack .button,.reply-actions .button{font-size:12px;min-height:46px;font-weight:500;border-radius:8px}.reply-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:23px}.editor-area>.quiet-button{margin-top:8px;font-size:11px}.editor-area>.notice{font-size:10px;text-align:center;margin-top:14px;padding:9px}.editor-area>.button{margin-top:10px}.editor-area .notice{line-height:1.6}.live-detail .back{font-size:12px}.detail-content{animation:detail-in .18s ease-out}@keyframes detail-in{from{opacity:.5;translate:0 3px}to{opacity:1;translate:0 0}}[data-history] p{margin-bottom:12px;line-height:1.65;font-size:13px}[data-history] .quiet-button{display:flex;margin-top:15px;justify-content:flex-start}
.bottom-nav{overflow-y:auto;scrollbar-width:none}.sidebar-brand{flex-shrink:0;margin-bottom:20px;justify-content:flex-start!important;height:95px}.sidebar-brand .owner-logo{height:95px;width:170px;object-fit:contain;object-position:left center}.bottom-nav .nav-item{min-height:47px;padding:12px 13px;font-size:14px;gap:15px;flex-shrink:0}.bottom-nav .nav-icon svg{width:22px;height:22px}.bottom-nav .nav-item[aria-current=page]{border-color:#ed456945;background:linear-gradient(110deg,#87173888,#3b122877);box-shadow:inset 0 1px #ffbfd21c,0 0 26px #e91b4d19}.bottom-nav .nav-item[aria-current=page]:before{content:'';position:absolute;left:-22px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:#ff2763;box-shadow:0 0 15px 4px #f3215f44}.nav-count{margin-left:auto;color:#fff;background:#6f1c36;padding:3px 6px;border-radius:8px;font-size:10px}.source-connections{margin-top:24px;padding-top:21px;border-top:1px solid #ffffff16;flex-shrink:0}.source-connections h2{font-size:10px;font-weight:550;letter-spacing:1.7px;text-transform:uppercase;margin:0 4px 17px;color:#bcafbf}.source-connection{display:flex;width:100%;align-items:center;text-align:left;gap:12px;min-height:47px;border:0;border-bottom:1px solid #ffffff09;border-radius:0;background:none;padding:9px 5px;color:#ddd1df;font:inherit;font-size:12px}.source-connection img{width:23px;height:23px;object-fit:contain}.source-connection small{margin-left:auto;white-space:nowrap;font-size:9px;color:#9c899c}.source-connection i{display:block;width:6px;height:6px;border-radius:50%;background:#766674;margin-left:auto;flex-shrink:0}.source-connection.disconnected i{margin-left:0}.source-connection.connected i{background:#35c36d;box-shadow:0 0 9px #35c36d44}.source-connection.disconnected img{filter:grayscale(1);opacity:.75}.source-connection:hover{background:#ffffff04}.sidebar-bottom{position:relative;z-index:10;padding-top:24px!important}.sidebar-bottom .browser-switch{width:100%;margin:0 0 10px;font-size:10px;min-height:34px}.sidebar-sync{display:flex;align-items:center;gap:13px;width:100%;min-height:61px;padding:12px;text-align:left;font-size:11px;background:linear-gradient(135deg,#33203399,#17111ec9);border-color:#e5c4db26;box-shadow:inset 0 1px #fff1}.sidebar-sync small{display:block;color:#a795a9;font-size:10px;line-height:1.5;margin-top:4px}.sidebar-sync svg{width:23px;height:23px}.sidebar-bottom>.quiet-button{font-size:10px!important;min-height:30px;padding:5px!important}.ribbon-left{bottom:55px;z-index:9}.live-stats+.feed-toolbar{margin-top:0}.feed-card:before{z-index:0}.feed-card .project-open{z-index:1}
@media(min-width:901px){.bottom-nav{width:274px;padding:24px;gap:7px}main{margin-left:274px}.live-workspace main{height:100dvh;overflow:hidden}.live-feed{height:100dvh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#493044 transparent}.live-detail{height:100dvh;max-height:none;overflow-y:auto}.live-detail .back{display:none}}
@media(min-width:901px) and (max-width:1250px){.bottom-nav{width:76px;padding:24px 11px}.sidebar-brand{height:65px;margin:0 0 20px;overflow:hidden}.sidebar-brand .owner-logo{height:60px;min-width:62px;object-position:top left}.bottom-nav .nav-item{justify-content:center;padding:11px 4px}.bottom-nav .nav-item>span:not(.nav-icon){display:none}.bottom-nav .source-connections,.sidebar-bottom .quiet-button,.sidebar-sync>span,.sidebar-bottom .browser-switch{display:none}.sidebar-sync{padding:11px;justify-content:center}.bottom-nav .nav-item[aria-current=page]:before{left:-11px}main{margin-left:76px}.live-workspace main{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.live-feed,.live-detail{padding:20px}.page-heading h1{font-size:24px}.test-indicator{font-size:9px;padding:6px}.live-feed .feed-card .project-open{grid-template-columns:23px minmax(0,1fr) 92px;gap:9px;padding:12px 30px 12px 12px!important}.feed-card .price{font-size:14px}.card-budget{padding-left:10px}.feed-card h3{font-size:12px}.toolbar-row{flex-wrap:wrap}.toolbar-row .filters{width:100%}.toolbar-row>label{flex:1}.project-tabs button{padding:12px 16px;min-width:70px}.live-detail h1{font-size:25px}}
@media(max-width:900px){.live-workspace main{height:auto;overflow:visible;display:block}.live-feed{height:auto;padding:12px 16px 105px;overflow:visible}.live-detail{height:auto;max-height:none;padding:20px 18px 35px}.live-detail h1{font-size:25px}.page-heading h1{font-size:25px}.test-indicator{font-size:0;width:28px;height:28px;padding:0;border-radius:7px}.test-indicator:before{content:'●';font-size:10px;display:grid;place-items:center;height:100%;color:#b994a9}.live-stats{font-size:12px;gap:18px}.live-stats>span+span{padding-left:17px}.toolbar-row{flex-wrap:wrap;gap:8px}.toolbar-row .filters{width:100%}.toolbar-row .filters .chip{flex:1;font-size:12px;min-height:38px}.toolbar-row>label{flex:1}.toolbar-row select{min-height:38px;font-size:12px}.feed-search input{font-size:16px}.live-feed .feed-card .project-open{grid-template-columns:22px minmax(0,1fr) 76px;gap:9px;padding:14px 27px 13px 10px!important;min-height:109px}.feed-card h3{font-size:12px;line-height:1.45}.feed-card .price{font-size:13px}.feed-card .price.unspecified{font-size:9px}.card-budget{padding-left:8px}.feed-card .project-meta,.project-meta time{font-size:9px;gap:5px;flex-wrap:wrap}.feed-card .save-button{right:1px;top:12px;padding:5px 3px;width:19px;min-width:19px}.feed-card .save-button svg{width:14px}.source-mark img{width:21px;height:21px}.row-score{font-size:9px;gap:4px;flex-wrap:wrap}.row-score i{width:10px;height:10px}.card-tags>span{font-size:9px;padding:3px 6px}.detail-meta{gap:14px}.detail-meta strong{font-size:17px}.detail-meta>span{padding-left:13px;font-size:11px}.project-tabs{gap:6px}.project-tabs button{padding:13px 17px;min-width:75px}.live-detail .project-description .description{font-size:14px;max-height:230px}.editor-area textarea,.empty-draft{height:255px;font-size:16px;padding:15px}.editor-top h2{font-size:16px}.editor-top .example{font-size:9px}.project-match summary{padding:14px 12px;gap:12px}.project-match strong{font-size:13px}.project-match small{font-size:10px}.match-ring{width:34px;height:34px}.project-match>div{padding-left:16px}.editor-area .action-stack,.reply-actions{gap:10px}.editor-area .action-stack .button,.reply-actions .button{font-size:11px}.editor-area .form-grid{grid-template-columns:1fr 1fr}.bottom-nav{overflow:visible;display:flex;justify-content:space-around;width:auto;padding:8px 4px;gap:0}.bottom-nav .nav-item{display:flex;min-width:47px;min-height:45px;flex:1;flex-direction:column;justify-content:center;gap:6px;padding:6px 4px;font-size:9px}.bottom-nav .nav-icon svg{width:20px;height:20px}.bottom-nav .nav-item>span{display:inline}.bottom-nav .nav-item[aria-current=page]{border:0;background:none;box-shadow:none;color:#ff6b96}.bottom-nav .nav-item[aria-current=page]:before{display:none}.bottom-nav .nav-count{display:none}.bottom-nav .source-connections{display:none}.hermes-header{position:relative}.hermes-header .owner-logo{height:82px;width:110px}.hermes-header .brand{width:110px}.hermes-header .demo-label{font-size:8px}.mobile-browser-switch{font-size:10px;padding:8px;min-height:32px}.ribbon-left{display:none}}
@media(max-width:359px){.page-heading h1{font-size:22px}.live-feed{padding-left:11px;padding-right:11px}.live-feed .feed-card .project-open{grid-template-columns:18px minmax(0,1fr) 66px;gap:6px;padding-left:9px!important;padding-right:22px!important}.feed-card .price{font-size:12px}.feed-card .source-mark img{width:18px;height:18px}.card-budget{padding-left:7px}.feed-card .project-meta,.project-meta time{font-size:8px}.project-tabs button{min-width:65px;font-size:11px}.detail-meta strong{font-size:15px}.editor-area .action-stack,.reply-actions{grid-template-columns:1fr}.bottom-nav .nav-item{font-size:8px}}
@media(min-width:901px) and (max-width:1250px){.sidebar-bottom .browser-switch{display:flex;font-size:0;justify-content:center;padding:8px}.sidebar-bottom .browser-switch svg{display:block}}
.feed-toolbar>.feed-search{order:0}.feed-toolbar>.toolbar-row{order:1}.feed-toolbar>.feed-extra{order:2}.toolbar-row>.filters{order:0}.toolbar-row>label{order:1}
img[data-source=freelancehunt]{filter:invert(1) hue-rotate(180deg)}.source-mark img,.source-connection img{border-radius:4px}
.live-detail{padding-top:43px}.editor-area .reply-actions{margin:20px 0 12px}.editor-area .reply-actions svg{width:18px;height:18px}
@media(min-width:901px){.ribbon-left{z-index:7}.bottom-nav{background:linear-gradient(180deg,#0c0a0ff2 0%,#0c0a0ff2 65%,#0c0a0f55 77%,#0c0a0f22 87%,#0c0a0fee 100%)}}
@media(max-width:900px){.live-detail{padding-top:20px}}
.still *,.still *:before,.still *:after{animation:none!important;transition:none!important}.still .ribbon-glint{opacity:0}
.still .feed-card:before{display:none}
@media(prefers-reduced-motion:reduce){.feed-card:before{display:none}}