:root{--spc-cream:#fff5d9;--spc-blue-gray:#7b949c;--spc-slate:#536c7c;--spc-navy:#213c4e;--spc-deep:#182241;--spc-white:#fff;--spc-border:#18224124}*{box-sizing:border-box}html,body{min-height:100%;color:var(--spc-deep);background:#f8f5ec;margin:0}body{font-family:Georgia,Times New Roman,serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.page-shell{background:radial-gradient(circle at 0 0,#fff5d9f2,#0000 38%),#f8f5ec;min-height:100vh}.container{width:min(1180px,100% - 32px);margin:0 auto}.card{border:1px solid var(--spc-border);background:#ffffffe6;border-radius:22px;box-shadow:0 20px 60px #18224114}.btn{background:var(--spc-navy);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:700;display:inline-flex}.btn.secondary{background:var(--spc-cream);color:var(--spc-deep);border:1px solid var(--spc-border)}.btn.ghost{color:var(--spc-deep);border:1px solid var(--spc-border);background:0 0}.btn:disabled{opacity:.55;cursor:not-allowed}.input,.textarea,.select{border:1px solid var(--spc-border);width:100%;color:var(--spc-deep);background:#fff;border-radius:14px;padding:12px 14px}.textarea{resize:vertical;min-height:110px}.label{color:var(--spc-navy);gap:7px;font-weight:700;display:grid}.muted{color:#182241b8}.grid{gap:16px;display:grid}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:760px){.container{width:min(100% - 20px,1180px)}.two-col{grid-template-columns:1fr}.btn{width:100%}}.mobile-only{display:none}@media (max-width:900px){.brand-header-inner{min-height:74px;padding:10px 0;align-items:flex-start!important;height:auto!important}.brand-lockup{min-width:0}.brand-nav{justify-content:flex-end}.project-sidebar{order:-1;position:static!important}.project-main{min-width:0}.project-tabs{z-index:5;border:1px solid var(--spc-border);background:#fffffff5;border-radius:16px;padding:6px;position:sticky;top:0}.completed-files-card .btn{width:auto}.mobile-only{display:block}.mobile-project-tip{order:-2}.mobile-project-tip,.markup-mobile-tip{background:#fffaf0;padding:12px 14px;font-size:14px;line-height:1.45}.dashboard-filter-grid{grid-template-columns:1fr!important}.dashboard-section-header{grid-template-columns:1fr;display:grid!important}.dashboard-project-row{grid-template-columns:1fr!important;align-items:start!important}.dashboard-status-badge{justify-self:start}.dashboard-project-meta{grid-template-columns:1fr;gap:4px!important;display:grid!important}.markup-editor-card{padding:10px!important}.markup-stage-scroll{-webkit-overflow-scrolling:touch;justify-content:start!important;place-items:center start!important;height:min(72vh,560px)!important}.markup-page-controls,.markup-toolbar{-webkit-overflow-scrolling:touch;padding-bottom:8px;overflow-x:auto;flex-wrap:nowrap!important}.markup-page-controls .btn,.markup-page-controls .muted,.markup-toolbar .btn,.markup-toolbar .select{white-space:nowrap;flex:none;width:auto!important}.markup-toolbar input[type=color]{flex:none;width:48px;height:42px}}@media (max-width:520px){.container{width:min(100% - 16px,1180px)}.card{border-radius:18px}.brand-header-inner{grid-template-columns:1fr;gap:10px!important;display:grid!important}.brand-nav{grid-template-columns:1fr 1fr;width:100%;display:grid!important}.brand-nav .btn{width:100%;padding:10px 12px}.project-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.project-tabs .btn{padding:9px 4px!important;font-size:12px!important}.project-details-card,.completed-files-card,.dashboard-projects .card{padding:16px!important}.input,.textarea,.select{font-size:16px}}.markup-toolbar-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.markup-color-control{align-items:center;gap:8px;font-weight:700;display:inline-flex}.markup-expand-toggle{margin-top:10px}@media (max-width:900px){.markup-mobile-tip{gap:10px;display:grid}.markup-toolbar{gap:10px!important}.markup-toolbar-row{-webkit-overflow-scrolling:touch;padding-bottom:8px;overflow-x:auto;flex-wrap:nowrap!important}.markup-toolbar-row .btn,.markup-toolbar-row .select,.markup-toolbar-row input[type=color],.markup-color-control{white-space:nowrap;flex:none;width:auto!important}.markup-toolbar-settings{border-top:1px solid var(--spc-border);padding-top:8px}.markup-expand-toggle{justify-self:start;margin-top:0;width:auto!important}.markup-editor-expanded{z-index:1000;overflow:auto;border-radius:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;padding:10px!important;position:fixed!important;inset:0!important}.markup-editor-expanded .markup-stage-scroll{height:calc(100dvh - 230px)!important}}@media (max-width:520px){.project-pages-list .input{font-size:16px}}@media (max-width:900px){.markup-toolbar{padding-bottom:0!important;overflow-x:visible!important}}.markup-stage-interaction-zone{min-width:0;position:relative}.markup-tap-overlay{display:none}.markup-expanded-control-bar,.markup-drawer-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.markup-expanded-control-bar{border:1px solid var(--spc-border);background:#fffaf0;border-radius:16px;margin:8px 0 10px;padding:8px 10px;font-weight:700}.markup-drawer-header{border-bottom:1px solid var(--spc-border);padding-bottom:8px}@media (max-width:900px){.markup-stage-interaction-zone{position:relative}.markup-tap-overlay{z-index:20;color:#fff;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#18224185;border:0;border-radius:18px;align-content:center;place-items:center;gap:8px;width:100%;min-height:100%;padding:18px;display:grid;position:absolute;inset:0}.markup-tap-overlay strong{font-size:18px}.markup-tap-overlay span{max-width:320px;font-size:14px;line-height:1.4}.markup-editor-expanded{flex-direction:column;display:flex;height:var(--spc-editor-viewport-height,100dvh)!important;min-height:var(--spc-editor-viewport-height,100dvh)!important;max-height:var(--spc-editor-viewport-height,100dvh)!important;overflow:hidden!important}.markup-editor-expanded .markup-mobile-tip{flex:none;gap:8px;padding:8px 10px}.markup-editor-expanded .markup-stage-interaction-zone{flex:auto;min-height:0;display:grid}.markup-editor-expanded .markup-stage-scroll{height:100%!important;min-height:0!important}.markup-editor-expanded .markup-page-controls,.markup-editor-expanded>div[style*="min-height: 22"]{flex:none}.markup-toolbar-expanded{left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));z-index:1002;border:1px solid var(--spc-border);-webkit-overflow-scrolling:touch;background:#fffffffa;border-radius:20px 20px 16px 16px;max-height:min(70vh,420px);padding:12px;position:fixed;overflow:auto;box-shadow:0 20px 60px #18224133}.markup-toolbar-expanded .markup-toolbar-row{padding-bottom:0;overflow-x:visible;flex-wrap:wrap!important}.markup-toolbar-expanded .markup-toolbar-row .btn,.markup-toolbar-expanded .markup-toolbar-row .select{flex:auto}.markup-toolbar-expanded .markup-color-control{flex:none}.markup-expanded-control-bar .btn{padding:9px 14px;width:auto!important}}@media (max-width:900px) and (orientation:landscape){.markup-editor-expanded{padding:6px!important}.markup-editor-expanded .markup-mobile-tip{grid-template-columns:1fr auto;align-items:center;padding:6px 8px;font-size:12px;line-height:1.25}.markup-editor-expanded .markup-expand-toggle,.markup-expanded-control-bar .btn{padding:7px 10px;font-size:12px}.markup-expanded-control-bar{margin:4px 0 6px;padding:5px 8px;font-size:12px}.markup-editor-expanded .markup-page-controls{padding-bottom:0;margin-top:6px!important}.markup-editor-expanded .markup-page-controls .btn,.markup-editor-expanded .markup-page-controls .muted{padding:7px 10px;font-size:12px}.markup-toolbar-expanded{max-height:min(82vh,320px);padding:8px}}