:root{color-scheme:dark;font-family:DM Sans,Segoe UI,Arial,sans-serif;--brand-navy: #0C202C;--brand-blue: #449ACF;--brand-sand: #C9B292;--brand-light-sand: #DDD1C0;--surface-1: color-mix(in srgb, var(--brand-navy) 90%, var(--brand-blue));--surface-2: color-mix(in srgb, var(--brand-navy) 82%, var(--brand-blue));--surface-3: color-mix(in srgb, var(--brand-navy) 72%, var(--brand-blue));--text-muted: color-mix(in srgb, var(--brand-light-sand) 67%, var(--brand-navy));color:var(--brand-light-sand);background:var(--brand-navy);font-synthesis:none;--ink: var(--brand-light-sand);--muted: var(--text-muted);--soft: var(--surface-2);--line: color-mix(in srgb, var(--brand-navy) 58%, var(--brand-blue));--panel: var(--surface-1);--green: var(--brand-blue);--green-bright: color-mix(in srgb, var(--brand-blue) 82%, var(--brand-light-sand));--mint: var(--surface-3);--gold: var(--brand-sand);--sand: var(--brand-sand);--sidebar: var(--brand-navy);--shadow: 0 20px 60px rgba(0, 0, 0, .28);--panel-radius: 16px;--control-radius: 10px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#071116}button,input,a{font:inherit}button,a,input,select,textarea,summary,[role=button]{touch-action:manipulation}button{color:inherit}@media(hover:none)and (pointer:coarse){input,select,textarea{font-size:16px}}.brand-logo{width:62px;height:62px;flex:0 0 auto;border-radius:9px;box-shadow:0 0 0 1px #449acf55,0 8px 24px #0005}.app-brand-wrap{display:flex;align-items:center;gap:9px}.icon{display:block;flex:0 0 auto;width:22px;height:auto;aspect-ratio:1;object-fit:contain;pointer-events:none}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:var(--green);color:#fff;font:700 16px Segoe UI,sans-serif;box-shadow:inset 0 0 0 1px #ffffff2e}.app-brand,.auth-brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font:600 14px Segoe UI,sans-serif;letter-spacing:-.01em}.app-brand b,.auth-brand b{color:var(--green)}.app-brand em{margin-left:2px;padding:4px 6px;border-radius:5px;background:#f3e8c9;color:#795c17;font:700 8px Manrope,sans-serif;letter-spacing:.08em}.design-space{min-height:100vh;background:color-mix(in srgb,var(--brand-navy) 94%,#000);color:var(--brand-light-sand)}.design-topbar{position:sticky;top:0;z-index:30;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 clamp(24px,4vw,70px);border-bottom:1px solid color-mix(in srgb,var(--brand-blue) 30%,transparent);background:color-mix(in srgb,var(--brand-navy) 88%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.design-topbar>div,.design-topbar nav{display:flex;align-items:center;gap:16px}.design-topbar .brand-logo{width:50px;height:50px}.design-topbar strong{font:650 14px Manrope,sans-serif;letter-spacing:-.02em}.design-product-divider{width:1px;height:28px;background:color-mix(in srgb,var(--brand-blue) 35%,transparent)}.design-topbar em{padding:6px 8px;border:1px solid color-mix(in srgb,var(--brand-blue) 38%,transparent);border-radius:999px;color:var(--brand-blue);font:700 8px Manrope,sans-serif;letter-spacing:.15em;font-style:normal}.design-topbar nav a,.design-topbar nav span{color:color-mix(in srgb,var(--brand-light-sand) 68%,var(--brand-navy));font:650 10px Manrope,sans-serif;text-decoration:none;letter-spacing:.06em;text-transform:uppercase}.design-topbar nav a:hover{color:var(--brand-blue)}.design-topbar nav a[data-site-home]{color:var(--brand-light-sand);font-weight:850}.design-topbar nav span{padding-left:16px;border-left:1px solid color-mix(in srgb,var(--brand-blue) 28%,transparent);color:var(--brand-light-sand)}.design-hero{max-width:1480px;margin:auto;min-height:450px;display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:80px;padding:78px clamp(24px,5vw,80px)}.design-hero h1{margin:0;font:600 clamp(3.8rem,7vw,7.2rem)/.88 Manrope,sans-serif;letter-spacing:-.075em}.design-hero h1 span{color:var(--brand-blue)}.design-hero>div>p:last-child{max-width:700px;margin:30px 0 0;color:color-mix(in srgb,var(--brand-light-sand) 60%,var(--brand-navy));font-size:15px;line-height:1.75}.design-hero aside{padding:30px;border:1px solid color-mix(in srgb,var(--brand-blue) 38%,transparent);border-radius:24px;background:linear-gradient(155deg,color-mix(in srgb,var(--brand-blue) 18%,var(--brand-navy)),color-mix(in srgb,var(--brand-navy) 96%,#000));box-shadow:0 30px 80px #0005}.design-hero aside span,.design-section-heading>span{color:var(--brand-blue);font:700 9px Manrope,sans-serif;letter-spacing:.16em}.design-hero aside strong{display:block;margin:18px 0 0;font:600 68px/.9 Manrope,sans-serif;letter-spacing:-.07em}.design-hero aside p{margin:9px 0 28px;color:color-mix(in srgb,var(--brand-light-sand) 55%,var(--brand-navy));font-size:11px}.design-hero aside small{display:block;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--brand-blue) 20%,transparent);color:var(--brand-sand);font-size:10px}.design-section{max-width:1480px;margin:0 auto 34px;padding:clamp(24px,4vw,58px);border:1px solid color-mix(in srgb,var(--brand-blue) 22%,transparent);border-radius:26px;background:color-mix(in srgb,var(--brand-navy) 88%,var(--brand-blue));box-shadow:0 30px 100px #0003}.design-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:34px}.design-section-heading .eyebrow{margin-bottom:12px}.design-section-heading h2{margin:0 0 8px;font:600 clamp(2rem,3vw,3.2rem)/1 Manrope,sans-serif;letter-spacing:-.055em}.design-section-heading p:last-child{margin:0;color:color-mix(in srgb,var(--brand-light-sand) 55%,var(--brand-navy));font-size:12px;line-height:1.6}.design-section-heading>span{padding:8px 10px;border:1px solid color-mix(in srgb,var(--brand-blue) 30%,transparent);border-radius:999px;white-space:nowrap}.design-palette-grid{display:grid;grid-template-columns:minmax(420px,.8fr) minmax(440px,1.2fr);gap:36px}.design-color-list{display:grid;gap:8px}.design-color-field{min-height:80px;display:grid;grid-template-columns:48px minmax(0,1fr) 96px;align-items:center;gap:14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--brand-blue) 18%,transparent);border-radius:14px;background:color-mix(in srgb,var(--brand-navy) 90%,#000)}.design-color-swatch{width:46px;height:46px;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand-light-sand) 26%,transparent);border-radius:11px;background:var(--swatch);box-shadow:inset 0 0 0 5px #0002}.design-color-swatch input{width:70px;height:70px;margin:-12px;opacity:0;cursor:pointer}.design-color-field>span:nth-child(2){display:grid;gap:4px}.design-color-field b{color:var(--brand-light-sand);font:650 12px Manrope,sans-serif}.design-color-field small{color:color-mix(in srgb,var(--brand-light-sand) 48%,var(--brand-navy));font-size:9px;line-height:1.35}.design-hex-input{width:96px;height:38px;padding:0 10px;border:1px solid color-mix(in srgb,var(--brand-blue) 25%,transparent);border-radius:9px;outline:0;background:color-mix(in srgb,var(--brand-navy) 96%,#000);color:var(--brand-sand);font:650 10px ui-monospace,monospace;text-transform:uppercase}.design-hex-input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-blue) 18%,transparent)}.design-live-preview{min-height:520px;display:grid;place-items:center;overflow:hidden;padding:40px;border-radius:20px;background:radial-gradient(circle at 70% 18%,color-mix(in srgb,var(--preview-surface) 70%,transparent),transparent 34%),var(--preview-background)}.design-preview-window{width:min(100%,640px);overflow:hidden;border:1px solid color-mix(in srgb,var(--preview-surface) 42%,transparent);border-radius:17px;background:var(--preview-background);color:var(--preview-text);box-shadow:0 40px 90px #0007;transform:rotate(-1.5deg)}.design-preview-window>header{height:52px;display:flex;align-items:center;gap:11px;padding:0 18px;border-bottom:1px solid color-mix(in srgb,var(--preview-surface) 32%,transparent);background:color-mix(in srgb,var(--preview-background) 84%,var(--preview-surface))}.design-preview-window>header i{width:26px;height:26px;border-radius:7px;background:var(--preview-surface)}.design-preview-window>header b{font:700 9px Manrope,sans-serif;letter-spacing:.1em}.design-preview-window>header span{margin-left:auto;color:var(--preview-muted);font:700 7px Manrope,sans-serif;letter-spacing:.12em}.design-preview-window>div{min-height:320px;display:grid;grid-template-columns:120px 1fr}.design-preview-window>div>aside{display:grid;align-content:start;gap:15px;padding:28px 20px;background:color-mix(in srgb,var(--preview-background) 88%,var(--preview-surface))}.design-preview-window>div>aside b,.design-preview-window>div>aside i{height:9px;border-radius:9px;background:color-mix(in srgb,var(--preview-muted) 45%,transparent)}.design-preview-window>div>aside b{width:84%;background:var(--preview-primary)}.design-preview-window main{display:block;padding:55px 45px}.design-preview-window main p{margin:0 0 13px;color:var(--preview-primary);font:700 8px Manrope,sans-serif;letter-spacing:.15em}.design-preview-window main h3{margin:0;font:600 34px/1 Manrope,sans-serif;letter-spacing:-.055em}.design-preview-window main small{display:block;max-width:280px;margin:15px 0 28px;color:var(--preview-muted);line-height:1.5}.design-preview-window main button{margin-right:15px;padding:11px 16px;border:0;border-radius:8px;background:var(--preview-primary);color:var(--preview-text);font-size:9px;font-weight:700}.design-preview-window main span{color:var(--preview-secondary);font-size:9px}.design-palette-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:28px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--brand-blue) 18%,transparent)}.design-palette-actions>span{margin-right:auto;color:color-mix(in srgb,var(--brand-light-sand) 52%,var(--brand-navy));font-size:10px}.design-success{color:#83d4ae;font-weight:650}.design-error{color:#ffaaa5;font-weight:650}.design-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid color-mix(in srgb,var(--brand-blue) 42%,transparent);border-radius:9px;background:color-mix(in srgb,var(--brand-blue) 18%,var(--brand-navy));color:var(--brand-light-sand);font:650 9px Manrope,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap}.design-button .icon{width:16px}.design-button:hover{border-color:var(--brand-blue);background:color-mix(in srgb,var(--brand-blue) 30%,var(--brand-navy))}.design-button.quiet{background:transparent}.design-button.primary{border-color:var(--brand-blue);background:var(--brand-blue);color:var(--brand-navy)}.design-button.danger{border-color:#aa676766;background:transparent;color:#e9a5a0}.assets-section{margin-bottom:90px}.design-asset-toolbar{position:sticky;z-index:4;top:88px;display:grid;grid-template-columns:1fr 220px;gap:12px;margin:-8px -8px 14px;padding:8px;border:1px solid color-mix(in srgb,var(--brand-blue) 16%,transparent);border-radius:var(--panel-radius);background:color-mix(in srgb,var(--brand-navy) 91%,transparent);box-shadow:0 12px 32px #0003;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.design-asset-toolbar label{height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid color-mix(in srgb,var(--brand-blue) 22%,transparent);border-radius:11px;background:color-mix(in srgb,var(--brand-navy) 92%,#000)}.design-asset-toolbar label .icon{width:18px}.design-asset-toolbar input,.design-asset-toolbar select{width:100%;border:0;outline:0;background:transparent;color:var(--brand-light-sand);font-size:11px}.design-asset-toolbar select{height:46px;padding:0 12px;border:1px solid color-mix(in srgb,var(--brand-blue) 22%,transparent);border-radius:11px;background:color-mix(in srgb,var(--brand-navy) 92%,#000)}.design-asset-list{display:grid;gap:8px}.design-asset-row{min-height:104px;display:grid;grid-template-columns:72px minmax(250px,1fr) 125px auto;align-items:center;gap:16px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--brand-blue) 17%,transparent);border-radius:var(--panel-radius);background:color-mix(in srgb,var(--brand-navy) 91%,#000);transition:border-color .18s,transform .18s}.design-asset-row:hover{border-color:color-mix(in srgb,var(--brand-blue) 52%,transparent);transform:translateY(-1px)}.design-asset-preview{width:72px;height:72px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:repeating-conic-gradient(#fff 0 25%,#e7edf0 0 50%) 50% / 14px 14px}.design-asset-preview img{width:64px;height:64px;object-fit:contain}.design-asset-preview.brand img,.design-asset-preview.help img{width:100%;height:100%}.design-asset-copy>span{color:var(--brand-blue);font:700 8px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase}.design-asset-copy h3{margin:7px 0 5px;font:650 14px Manrope,sans-serif;letter-spacing:-.02em}.design-asset-copy p{margin:0;color:color-mix(in srgb,var(--brand-light-sand) 55%,var(--brand-navy));font-size:10px;line-height:1.45}.design-asset-copy small{display:block;margin-top:6px;color:color-mix(in srgb,var(--brand-sand) 70%,var(--brand-navy));font-size:8px}.design-asset-status span{display:inline-flex;padding:6px 8px;border:1px solid color-mix(in srgb,var(--brand-blue) 25%,transparent);border-radius:999px;color:color-mix(in srgb,var(--brand-light-sand) 60%,var(--brand-navy));font:700 8px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}.design-asset-status span.override{border-color:color-mix(in srgb,var(--brand-blue) 60%,transparent);background:color-mix(in srgb,var(--brand-blue) 15%,transparent);color:var(--brand-blue)}.design-asset-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px}.design-empty{padding:70px;border:1px dashed color-mix(in srgb,var(--brand-blue) 25%,transparent);border-radius:16px;text-align:center}.design-empty h3{margin:0 0 8px}.design-empty p{margin:0;color:var(--text-muted);font-size:11px}.design-busy{position:fixed;inset:0;z-index:100;display:grid;place-items:center;align-content:center;gap:14px;background:color-mix(in srgb,var(--brand-navy) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.design-busy strong{margin-top:8px;font:600 22px Manrope,sans-serif}.design-busy span{color:var(--text-muted);font-size:11px}.design-spinner{width:44px;height:44px;border:3px solid color-mix(in srgb,var(--brand-blue) 25%,transparent);border-top-color:var(--brand-blue);border-radius:50%;animation:design-spin .8s linear infinite}@keyframes design-spin{to{transform:rotate(360deg)}}.design-space-link{min-width:100px;color:var(--brand-blue)!important}.design-system-section{padding-top:42px;padding-bottom:42px}.design-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.design-system-card{min-width:0;display:block;padding:22px;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand-blue) 22%,transparent);border-radius:20px;background:color-mix(in srgb,var(--brand-navy) 92%,#000);color:var(--brand-light-sand);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.design-system-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand-blue) 70%,transparent);box-shadow:0 24px 58px #0004}.design-system-card>span{display:block;margin-top:20px;color:var(--brand-blue);font:700 8px Manrope,sans-serif;letter-spacing:.16em}.design-system-card h3{margin:8px 0;font:600 26px/1 Manrope,sans-serif;letter-spacing:-.045em}.design-system-card p{max-width:600px;min-height:44px;margin:0 0 18px;color:color-mix(in srgb,var(--brand-light-sand) 56%,var(--brand-navy));font-size:10px;line-height:1.55}.design-system-card>b{color:var(--brand-sand);font:700 9px Manrope,sans-serif;letter-spacing:.04em}.design-system-card-preview{min-height:150px;display:flex;align-items:center;justify-content:center;gap:13px;overflow:hidden;padding:22px;border:1px solid color-mix(in srgb,var(--brand-blue) 18%,transparent);border-radius:15px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--brand-blue) 20%,transparent),transparent 55%),color-mix(in srgb,var(--brand-navy) 96%,#000);pointer-events:none}.design-system-card-preview.button-preview>span{min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid color-mix(in srgb,var(--brand-blue) 55%,transparent);border-radius:10px;background:color-mix(in srgb,var(--brand-blue) 18%,var(--brand-navy));color:var(--brand-light-sand)}.design-system-card-preview.button-preview>span[data-preview-shape=circle]{aspect-ratio:1;padding:0;border-radius:50%}.design-system-card-preview.button-preview>span[data-preview-shape=square]{aspect-ratio:1;padding:0}.design-system-card-preview.button-preview>span[data-preview-shape=elongated-circle]{border-radius:999px}.design-system-card-preview.button-preview b{font:700 9px Manrope,sans-serif}.design-system-card-preview.button-preview .icon{width:20px}.design-system-card-preview.icon-preview{display:grid;grid-template-columns:repeat(6,minmax(44px,58px))}.design-system-card-preview.icon-preview .icon{width:100%}.button-system-hero{max-width:1480px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:80px;padding:78px clamp(24px,5vw,80px) 62px}.button-system-hero h1{margin:0;font:600 clamp(3.7rem,6.8vw,7rem)/.89 Manrope,sans-serif;letter-spacing:-.073em}.button-system-hero h1 span{color:var(--brand-blue)}.button-system-hero>div>p:last-child{max-width:730px;margin:28px 0 0;color:color-mix(in srgb,var(--brand-light-sand) 60%,var(--brand-navy));font-size:14px;line-height:1.7}.button-system-hero aside{display:grid;gap:8px;padding:30px;border:1px solid color-mix(in srgb,var(--brand-blue) 38%,transparent);border-radius:24px;background:linear-gradient(155deg,color-mix(in srgb,var(--brand-blue) 18%,var(--brand-navy)),color-mix(in srgb,var(--brand-navy) 96%,#000))}.button-system-hero aside strong{font:600 68px/.9 Manrope,sans-serif;letter-spacing:-.07em}.button-system-hero aside span{color:var(--brand-blue);font:700 9px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase}.button-system-hero aside p{margin:16px 0 0;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--brand-blue) 20%,transparent);color:var(--brand-sand);font-size:10px;line-height:1.5}.button-system-page{overflow-x:hidden}.button-system-section{min-width:0;overflow:hidden}.button-system-shape-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.button-system-card{min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand-blue) 20%,transparent);border-radius:18px;background:color-mix(in srgb,var(--brand-navy) 92%,#000)}.button-system-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid color-mix(in srgb,var(--brand-blue) 16%,transparent)}.button-system-card-head span{color:var(--brand-blue);font:700 8px Manrope,sans-serif;letter-spacing:.13em;text-transform:uppercase}.button-system-card-head b{color:var(--brand-light-sand);font:650 12px Manrope,sans-serif}.button-system-stage{min-height:190px;display:grid;place-items:center;padding:34px;background:radial-gradient(circle,color-mix(in srgb,var(--brand-blue) 17%,transparent),transparent 62%)}.button-system-demo{min-width:48px;min-height:48px;display:inline-flex;border:1px solid color-mix(in srgb,var(--brand-blue) 48%,transparent);background:color-mix(in srgb,var(--brand-blue) 16%,var(--brand-navy));color:var(--brand-light-sand);font:700 9px Manrope,sans-serif;letter-spacing:.02em;cursor:pointer}.button-system-demo[data-button-preview]{border-color:var(--button-managed-border,var(--brand-blue));background:var(--button-managed-fill,var(--brand-blue));color:var(--button-managed-content,var(--brand-navy))}.button-system-demo .icon{width:22px}.button-system-demo.primary,.button-system-demo.is-selected{border-color:var(--brand-blue);background:var(--brand-blue);color:var(--brand-navy);box-shadow:0 10px 34px color-mix(in srgb,var(--brand-blue) 28%,transparent)}.button-system-demo[data-button-preview].is-selected{border-color:var(--brand-blue);background:var(--brand-blue);color:var(--brand-navy)}.button-system-demo.is-focused{border-color:var(--brand-light-sand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-blue) 28%,transparent)}.button-system-demo:disabled{opacity:.34;cursor:not-allowed;box-shadow:none}.button-system-card>p{min-height:36px;margin:0;padding:15px 17px 0;color:color-mix(in srgb,var(--brand-light-sand) 56%,var(--brand-navy));font-size:10px;line-height:1.5}.button-system-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 16px 16px;border-top:1px solid color-mix(in srgb,var(--brand-blue) 15%,transparent)}.button-system-card dl div{padding-top:12px}.button-system-card dt{color:var(--text-muted);font-size:8px;text-transform:uppercase}.button-system-card dd{margin:5px 0 0;color:var(--brand-sand);font-size:9px}.button-system-state-grid,.button-system-workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.button-system-state-grid article,.button-system-workflow-grid article{min-height:150px;display:grid;place-items:center;align-content:center;gap:16px;padding:18px;border:1px solid color-mix(in srgb,var(--brand-blue) 18%,transparent);border-radius:16px;background:color-mix(in srgb,var(--brand-navy) 92%,#000);text-align:center}.button-system-state-grid article>span,.button-system-workflow-grid article>span{color:var(--brand-blue);font:700 8px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase}.button-system-workflow-grid article>p{margin:0;color:var(--text-muted);font-size:9px}.button-system-workflow-grid .is-unsaved .button-system-demo,.button-system-workflow-grid .is-danger .button-system-demo{border-color:#d86b6b;color:#ffd3cf;box-shadow:0 0 24px #d86b6b26}.button-system-workflow-grid .is-complete .button-system-demo{border-color:#72cba7;color:#c8ffe9;box-shadow:0 0 24px #72cba726}.button-system-phone-grid{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(430px,1.38fr);align-items:center;gap:28px}.button-system-phone{position:relative;min-width:0;overflow:hidden;border:7px solid #05090c;border-radius:30px;background:var(--brand-navy);box-shadow:0 24px 70px #0006,0 0 0 1px color-mix(in srgb,var(--brand-blue) 35%,transparent)}.button-system-phone.portrait{max-width:360px;width:100%;justify-self:center;aspect-ratio:9/16}.button-system-phone.landscape{width:100%;aspect-ratio:16/9;border-radius:28px}.button-system-phone header{min-height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid color-mix(in srgb,var(--brand-blue) 18%,transparent);font:700 8px Manrope,sans-serif;letter-spacing:.08em}.button-system-phone-scene{position:absolute;inset:42px 0 74px;display:grid;place-items:center;background:linear-gradient(160deg,color-mix(in srgb,var(--brand-blue) 8%,var(--brand-navy)),#05090c)}.button-system-phone-scene:before{content:"";width:32%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--brand-blue) 28%,transparent);border-radius:50%;box-shadow:0 0 60px color-mix(in srgb,var(--brand-blue) 15%,transparent)}.button-system-phone-scene span{position:absolute;color:color-mix(in srgb,var(--brand-light-sand) 35%,var(--brand-navy));font-size:8px;letter-spacing:.1em;text-transform:uppercase}.button-system-phone footer{position:absolute;right:0;bottom:0;left:0;min-height:74px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border-top:1px solid color-mix(in srgb,var(--brand-blue) 20%,transparent);background:color-mix(in srgb,var(--brand-navy) 90%,#000)}.button-system-phone .button-system-demo{min-width:48px;min-height:48px}.button-system-phone .button-system-demo .icon{width:20px}.button-system-card-head .design-button{width:auto;min-height:36px;padding:0 11px}.button-system-editor-layer{position:fixed;z-index:100;inset:0;display:grid;place-items:center;overflow:auto;padding:24px;background:#02070bc9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.button-system-editor-panel{width:min(940px,100%);max-height:calc(100dvh - 48px);overflow:auto;border:1px solid color-mix(in srgb,var(--brand-blue) 45%,transparent);border-radius:22px;background:color-mix(in srgb,var(--brand-navy) 96%,#000);box-shadow:0 28px 90px #000a}.button-system-editor-panel>header,.button-system-editor-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px}.button-system-editor-panel>header{border-bottom:1px solid color-mix(in srgb,var(--brand-blue) 18%,transparent)}.button-system-editor-panel>header h2{margin:4px 0;font:650 25px/1 Manrope,sans-serif}.button-system-editor-panel>header p:last-child{margin:0;color:var(--text-muted);font-size:10px}.button-system-editor-panel>footer{border-top:1px solid color-mix(in srgb,var(--brand-blue) 18%,transparent)}.button-system-editor-panel>footer>span{margin-right:auto;color:var(--text-muted);font-size:9px}.button-system-editor-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);min-height:460px}.button-system-editor-preview{display:grid;place-items:center;align-content:center;gap:26px;padding:44px;border-right:1px solid color-mix(in srgb,var(--brand-blue) 18%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--brand-blue) 20%,transparent),transparent 62%)}.button-system-editor-preview>span{color:var(--brand-blue);font:700 8px Manrope,sans-serif;letter-spacing:.14em}.button-system-editor-preview .button-system-demo{min-width:64px;min-height:64px;transform:scale(1.25)}.button-system-editor-form{display:grid;gap:18px;padding:24px}.button-system-editor-field{display:grid;gap:7px}.button-system-editor-field>span,.button-system-editor-form legend{color:var(--brand-light-sand);font:700 10px Manrope,sans-serif}.button-system-editor-field small,.button-system-editor-form fieldset>p{margin:0;color:var(--text-muted);font-size:9px;line-height:1.45}.button-system-editor-field input[type=text],.button-system-color-grid input[type=text]{min-height:46px;padding:0 13px;border:1px solid color-mix(in srgb,var(--brand-blue) 24%,transparent);border-radius:10px;outline:0;background:color-mix(in srgb,var(--brand-navy) 88%,#000);color:var(--brand-light-sand);font:600 11px Manrope,sans-serif}.button-system-editor-field input:focus,.button-system-color-grid input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-blue) 18%,transparent)}.button-system-editor-form fieldset{min-width:0;display:grid;gap:11px;margin:0;padding:17px;border:1px solid color-mix(in srgb,var(--brand-blue) 18%,transparent);border-radius:13px}.button-system-editor-form legend{padding:0 7px}.button-system-side-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.button-system-side-picker button{min-height:44px;border:1px solid color-mix(in srgb,var(--brand-blue) 30%,transparent);border-radius:10px;background:color-mix(in srgb,var(--brand-blue) 10%,var(--brand-navy));color:var(--brand-light-sand);cursor:pointer}.button-system-side-picker button[aria-pressed=true]{border-color:var(--brand-blue);background:color-mix(in srgb,var(--brand-blue) 26%,var(--brand-navy));box-shadow:0 0 20px color-mix(in srgb,var(--brand-blue) 18%,transparent)}.button-system-offset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.button-system-offset-grid label{min-width:0;display:grid;grid-template-columns:1fr auto;gap:8px;color:var(--text-muted);font-size:9px}.button-system-offset-grid input{grid-column:1/-1;width:100%;accent-color:var(--brand-blue)}.button-system-offset-grid output{color:var(--brand-blue);font-weight:700}.button-system-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.button-system-color-grid label{display:grid;grid-template-columns:44px minmax(0,1fr);gap:7px;align-items:center;color:var(--text-muted);font-size:9px}.button-system-color-grid label>span{grid-column:1/-1}.button-system-color-grid input[type=color]{width:44px;height:46px;padding:3px;border:1px solid color-mix(in srgb,var(--brand-blue) 24%,transparent);border-radius:10px;background:transparent;cursor:pointer}.button-system-color-grid input[type=text]{width:100%}@media(max-width:720px){.button-system-editor-layer{place-items:end center;padding:0}.button-system-editor-panel{max-height:92dvh;border-radius:20px 20px 0 0}.button-system-editor-panel>header,.button-system-editor-panel>footer{flex-wrap:wrap;padding:16px}.button-system-editor-panel>footer .design-button{flex:1}.button-system-editor-layout{grid-template-columns:1fr}.button-system-editor-preview{min-height:230px;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--brand-blue) 18%,transparent)}.button-system-editor-form{padding:16px}.button-system-offset-grid,.button-system-color-grid{grid-template-columns:1fr}}.design-heading-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.design-heading-actions>span{padding:8px 10px;border:1px solid color-mix(in srgb,var(--brand-blue) 30%,transparent);border-radius:999px;color:var(--brand-blue);font:700 9px Manrope,sans-serif;letter-spacing:.12em;white-space:nowrap}.icon-library-hero{max-width:1480px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.58fr);align-items:end;gap:70px;padding:68px clamp(24px,5vw,80px) 52px}.icon-library-hero h1{margin:0;font:600 clamp(3.3rem,6.5vw,6.6rem)/.9 Manrope,sans-serif;letter-spacing:-.07em}.icon-library-hero h1 span{color:var(--brand-blue)}.icon-library-hero>div:first-child>p:last-child{max-width:720px;margin:28px 0 0;color:color-mix(in srgb,var(--brand-light-sand) 60%,var(--brand-navy));font-size:14px;line-height:1.7}.icon-library-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid color-mix(in srgb,var(--brand-blue) 30%,transparent);border-radius:20px;background:color-mix(in srgb,var(--brand-navy) 91%,#000)}.icon-library-summary article{min-height:124px;display:grid;align-content:center;gap:7px;padding:22px;border-left:1px solid color-mix(in srgb,var(--brand-blue) 20%,transparent)}.icon-library-summary article:first-child{border-left:0}.icon-library-summary strong{font:600 38px/1 Manrope,sans-serif}.icon-library-summary span{color:var(--brand-sand);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.icon-library-toolbar{position:sticky;z-index:5;top:86px;display:grid;grid-template-columns:minmax(220px,1fr) 170px auto;gap:9px;margin-bottom:18px;padding:8px;border:1px solid color-mix(in srgb,var(--brand-blue) 18%,transparent);border-radius:15px;background:color-mix(in srgb,var(--brand-navy) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.icon-library-toolbar label{min-height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid color-mix(in srgb,var(--brand-blue) 22%,transparent);border-radius:11px;background:color-mix(in srgb,var(--brand-navy) 95%,#000)}.icon-library-toolbar label .icon{width:18px}.icon-library-toolbar input{width:100%;border:0;outline:0;background:transparent;color:var(--brand-light-sand);font-size:11px}.icon-library-toolbar select{min-height:48px;padding:0 12px;border:1px solid color-mix(in srgb,var(--brand-blue) 22%,transparent);border-radius:11px;background:color-mix(in srgb,var(--brand-navy) 95%,#000);color:var(--brand-light-sand);font-size:11px}.icon-library-layout{display:flex;gap:7px}.icon-library-layout button{width:48px;min-width:48px;min-height:48px;border:1px solid color-mix(in srgb,var(--brand-blue) 28%,transparent);background:color-mix(in srgb,var(--brand-blue) 12%,var(--brand-navy));color:var(--brand-light-sand);cursor:pointer}.icon-library-layout button[aria-pressed=true]{border-color:var(--brand-blue);background:var(--brand-blue);color:var(--brand-navy)}.icon-library-layout .icon{width:20px}.icon-library-message{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--brand-blue) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--brand-blue) 12%,transparent);font-size:11px}.icon-library-message.error{border-color:#c76565;background:#c7656514;color:#ffd4cf}.icon-library-add-set{width:auto;min-height:42px}.icon-tint-editor-layer{position:fixed;z-index:110;inset:0;display:grid;place-items:center;overflow:auto;padding:24px;background:#02070bd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.icon-tint-editor-panel{width:min(820px,100%);overflow:hidden;border:1px solid color-mix(in srgb,var(--brand-blue) 44%,transparent);border-radius:22px;background:color-mix(in srgb,var(--brand-navy) 96%,#000);box-shadow:0 30px 100px #000b}.icon-tint-editor-panel>header,.icon-tint-editor-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px}.icon-tint-editor-panel>header{border-bottom:1px solid color-mix(in srgb,var(--brand-blue) 18%,transparent)}.icon-tint-editor-panel>header h2{margin:5px 0;font:650 24px/1.05 Manrope,sans-serif}.icon-tint-editor-panel>header p:last-child{margin:0;color:var(--brand-sand);font-size:10px}.icon-tint-editor-panel>header button{width:46px;min-width:46px;min-height:46px;border:1px solid color-mix(in srgb,var(--brand-blue) 30%,transparent);background:transparent;color:var(--brand-light-sand);cursor:pointer}.icon-tint-editor-panel>header button .icon{width:20px}.icon-tint-editor-body{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:22px}.icon-tint-preview{position:relative;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid #d5dce0;border-radius:18px;background:repeating-conic-gradient(#fff 0 25%,#e8edf0 0 50%) 50%/18px 18px}.icon-tint-preview>span{position:absolute;z-index:1;top:10px;left:10px;padding:5px 8px;border-radius:999px;background:#071116d9;color:#fff;font:700 8px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}.icon-tint-preview img{width:82%;height:82%;object-fit:contain}.icon-tint-hsl-controls{display:grid;align-content:center;gap:17px}.icon-tint-editor-body label{display:grid;gap:8px;color:var(--brand-sand);font:700 9px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}.icon-tint-editor-body label>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.icon-tint-editor-body output{min-width:54px;color:var(--brand-light-sand);text-align:right;font-variant-numeric:tabular-nums}.icon-tint-editor-body input{width:100%;min-height:48px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--brand-blue) 26%,transparent);border-radius:11px;background:color-mix(in srgb,var(--brand-navy) 92%,#000);color:var(--brand-light-sand)}.icon-tint-editor-body input[type=range]{min-height:24px;padding:0;border:0;border-radius:999px;accent-color:var(--brand-blue);cursor:ew-resize}.icon-tint-editor-body input[data-icon-tint-hue]{background:linear-gradient(90deg,#f44,#ff4,#4f4,#4ff,#44f,#f4f,#f44)}.icon-tint-editor-body input[data-icon-tint-saturation]{background:linear-gradient(90deg,#777,var(--brand-blue))}.icon-tint-editor-body input[data-icon-tint-lightness]{background:linear-gradient(90deg,#000,#777,#fff)}.icon-tint-editor-body select{width:100%;min-height:48px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--brand-blue) 26%,transparent);border-radius:11px;background:color-mix(in srgb,var(--brand-navy) 92%,#000);color:var(--brand-light-sand)}.icon-tint-variable-impact{padding:10px 12px;border-left:3px solid var(--brand-blue);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--brand-blue) 10%,transparent);color:var(--brand-light-sand)!important}.icon-tint-hex-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px}.icon-tint-hex-control input{font:700 15px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.icon-tint-hex-control input[aria-invalid=true]{border-color:#d56464;box-shadow:0 0 0 2px #d5646422}.icon-tint-hex-control .design-button{min-width:82px;min-height:48px}.icon-tint-hsl-controls>small{margin-top:-10px;color:color-mix(in srgb,var(--brand-light-sand) 65%,transparent);font:500 9px/1.45 Manrope,sans-serif}.icon-tint-hsl-controls>p{margin:0;color:color-mix(in srgb,var(--brand-light-sand) 65%,transparent);font:500 10px/1.55 Manrope,sans-serif}.icon-tint-size-previews{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.icon-tint-size-previews figure{margin:0;min-width:0}.icon-tint-size-previews figure>span{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid #d5dce0;border-radius:12px;background:repeating-conic-gradient(#fff 0 25%,#e8edf0 0 50%) 50%/14px 14px}.icon-tint-size-previews img{width:76%;height:76%;object-fit:contain}.icon-tint-size-previews figcaption{padding-top:6px;color:var(--brand-sand);font:700 8px Manrope,sans-serif;text-align:center}.icon-tint-editor-panel>footer{border-top:1px solid color-mix(in srgb,var(--brand-blue) 18%,transparent)}.icon-tint-editor-panel>footer>div{display:flex;gap:9px}.icon-library-records.is-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.icon-library-record{min-width:0;border:1px solid color-mix(in srgb,var(--brand-blue) 18%,transparent);border-radius:17px;background:color-mix(in srgb,var(--brand-navy) 92%,#000)}.icon-library-records.is-grid .icon-library-record{display:grid;grid-template-columns:94px minmax(0,1fr);align-content:start;gap:14px;padding:16px}.icon-library-record:hover{border-color:color-mix(in srgb,var(--brand-blue) 56%,transparent)}.icon-library-primary-preview{width:94px;height:94px;display:grid;place-items:center;overflow:hidden;border:1px solid #d5dce0;border-radius:14px;background:repeating-conic-gradient(#fff 0 25%,#e8edf0 0 50%) 50%/16px 16px}.icon-library-primary-preview img{width:82px;height:82px;object-fit:contain}.icon-library-copy{min-width:0}.icon-library-copy>span{color:var(--brand-blue);font:700 8px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;overflow-wrap:anywhere}.icon-library-copy h3{margin:7px 0 5px;font:650 15px Manrope,sans-serif}.icon-library-copy p{margin:0;color:color-mix(in srgb,var(--brand-light-sand) 58%,var(--brand-navy));font-size:10px;line-height:1.45}.icon-library-copy small{display:block;margin-top:7px;color:var(--brand-sand);font-size:8px;line-height:1.4}.icon-library-status{grid-column:1/-1}.icon-library-status span{display:inline-flex;padding:6px 8px;border:1px solid color-mix(in srgb,var(--brand-blue) 24%,transparent);border-radius:999px;color:var(--text-muted);font:700 8px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}.icon-library-status span.override{border-color:color-mix(in srgb,var(--brand-blue) 60%,transparent);background:color-mix(in srgb,var(--brand-blue) 15%,transparent);color:var(--brand-blue)}.icon-library-sizes{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.icon-library-sizes figure{min-width:0;margin:0;display:grid;justify-items:center;gap:6px}.icon-library-sizes figure>span{width:100%;height:86px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:repeating-conic-gradient(#fff 0 25%,#e8edf0 0 50%) 50%/12px 12px}.icon-library-sizes img{width:min(86px,100%);height:min(86px,100%);object-fit:contain}.icon-library-sizes [data-icon-size="50"] img{width:50px;height:50px}.icon-library-sizes figcaption{color:var(--text-muted);font-size:8px}.icon-library-actions{grid-column:1/-1;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px}.icon-library-records.is-list{display:grid;gap:8px}.icon-library-records.is-list .icon-library-record{display:grid;grid-template-columns:76px minmax(230px,1fr) 130px minmax(250px,.8fr) auto;align-items:center;gap:14px;padding:12px 14px}.icon-library-records.is-list .icon-library-primary-preview{width:76px;height:76px}.icon-library-records.is-list .icon-library-primary-preview img{width:66px;height:66px}.icon-library-records.is-list .icon-library-status,.icon-library-records.is-list .icon-library-sizes,.icon-library-records.is-list .icon-library-actions{grid-column:auto}.icon-library-records.is-list .icon-library-sizes figure>span{height:54px}.icon-library-records.is-list .icon-library-sizes img{max-width:48px;max-height:48px}@media(max-width:1100px){.button-system-state-grid,.button-system-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-library-hero{grid-template-columns:1fr;gap:32px}.icon-library-records.is-list .icon-library-record{grid-template-columns:76px minmax(0,1fr) auto}.icon-library-records.is-list .icon-library-sizes,.icon-library-records.is-list .icon-library-actions{grid-column:2/-1}}@media(max-width:760px){.design-system-grid,.button-system-shape-grid,.button-system-phone-grid{grid-template-columns:1fr}.design-system-card-preview.icon-preview{grid-template-columns:repeat(3,minmax(48px,64px))}.button-system-hero{grid-template-columns:1fr;padding:50px 18px 36px}.button-system-hero h1{font-size:clamp(3rem,14vw,4.8rem)}.button-system-hero aside{display:none}.button-system-state-grid,.button-system-workflow-grid{grid-template-columns:1fr}.button-system-phone.landscape{min-width:0}.button-system-phone-grid{min-width:0;width:100%;padding:4px 4px 20px}.icon-library-hero{padding:42px 16px 30px}.icon-library-hero h1{font-size:clamp(2.7rem,14vw,4.4rem)}.icon-library-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-library-summary article{min-height:92px;padding:13px}.icon-library-summary strong{font-size:28px}.icon-library-toolbar{top:72px;grid-template-columns:1fr auto}.icon-library-toolbar label{grid-column:1/-1}.icon-library-records.is-grid{grid-template-columns:1fr}.icon-library-records.is-list .icon-library-record{grid-template-columns:64px minmax(0,1fr)}.icon-library-records.is-list .icon-library-primary-preview{width:64px;height:64px}.icon-library-records.is-list .icon-library-primary-preview img{width:56px;height:56px}.icon-library-records.is-list .icon-library-status,.icon-library-records.is-list .icon-library-sizes,.icon-library-records.is-list .icon-library-actions{grid-column:1/-1}.icon-library-sizes{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-library-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.icon-tint-editor-layer{align-items:end;padding:0}.icon-tint-editor-panel{max-height:92dvh;overflow:auto;border-radius:20px 20px 0 0}.icon-tint-editor-body{grid-template-columns:1fr;padding:16px}.icon-tint-preview{grid-row:auto;width:min(190px,65vw);margin:auto}.icon-tint-size-previews{grid-column:auto;gap:7px}.icon-tint-editor-panel>footer{flex-wrap:wrap;padding:16px}.icon-tint-editor-panel>footer>div{width:100%}.icon-tint-editor-panel>footer .design-button{flex:1}}@media(hover:none)and (pointer:coarse){.button-system-page button,.button-system-page .design-button,.icon-library button,.icon-library .design-button,.icon-library select{min-height:48px}}@media(max-width:1040px){.design-hero{grid-template-columns:1fr}.design-hero aside{display:none}.design-palette-grid{grid-template-columns:1fr}.design-live-preview{min-height:440px}.design-asset-row{grid-template-columns:80px 1fr auto}.design-asset-status{display:none}.design-asset-actions{grid-column:2 / -1;justify-content:flex-start}}@media(max-width:700px){.design-topbar{padding:10px 16px}.design-topbar nav a,.design-topbar nav span,.design-product-divider,.design-topbar>div>strong{display:none}.design-hero{min-height:380px;padding:58px 22px}.design-hero h1{font-size:clamp(3.1rem,15vw,5rem)}.design-section{margin:0 12px 22px;padding:24px 16px;border-radius:18px}.design-section-heading{display:block}.design-section-heading>span{display:inline-flex;margin-top:14px}.design-color-field{grid-template-columns:46px 1fr}.design-hex-input{grid-column:1 / -1;width:100%}.design-live-preview{min-height:330px;padding:18px}.design-preview-window>div{grid-template-columns:70px 1fr}.design-preview-window main{padding:38px 24px}.design-palette-actions{flex-wrap:wrap}.design-palette-actions>span{width:100%;margin:0 0 8px}.design-asset-toolbar{top:72px;grid-template-columns:1fr;margin-right:-4px;margin-left:-4px}.design-asset-row{grid-template-columns:66px 1fr;gap:14px}.design-asset-preview{width:64px;height:64px}.design-asset-preview img{width:58px;height:58px}.design-asset-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.design-button{width:100%;min-height:44px}}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(400px,.9fr) 1.1fr;background:#f7f8f5}.auth-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:128px clamp(40px,7vw,110px) 64px}.auth-brand{position:absolute;top:24px}.eyebrow{margin:0 0 20px;color:var(--green-bright);font:700 10px Manrope,sans-serif;letter-spacing:.2em}.auth-copy h1,.denied-page h1{max-width:720px;margin:0;font:600 clamp(3.3rem,6vw,6.2rem)/.97 Manrope,sans-serif;letter-spacing:-.065em}.auth-copy>p:not(.eyebrow),.denied-page>p:not(.eyebrow){max-width:590px;margin:30px 0;color:var(--muted);font-size:16px;line-height:1.75}.auth-form{width:min(100%,590px)}.auth-form>label{display:block;margin-bottom:9px;color:#1f577a;font:700 9px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase}.auth-email-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;overflow:hidden;border:1px solid #b7c7cf;border-radius:12px;background:#fff;box-shadow:0 12px 30px #07111615}.auth-email-row:focus-within{border-color:#449acf;box-shadow:0 0 0 3px #449acf24,0 12px 30px #07111615}.auth-email-row input{min-width:0;height:56px;padding:0 18px;border:0;outline:0;background:transparent;color:#0c202c;font-size:13px}.auth-email-row input::placeholder{color:#82929a}.auth-email-row .primary-action{min-width:220px;min-height:56px;border-radius:0;box-shadow:none}.remember-device{display:flex;align-items:flex-start;gap:10px;margin:13px 0 0;color:#526873}.remember-device>i{display:grid;place-items:center;width:19px;height:19px;flex:0 0 auto;border-radius:50%;background:#449acf1f;color:#1f577a;font-size:10px;font-style:normal}.remember-device>span{display:grid;gap:3px}.remember-device b{color:#294d5e;font-size:10px}.remember-device small{color:#72858e;font-size:9px}.auth-error{min-height:18px;margin:8px 0 0;color:#a33d3d;font-size:10px}.primary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;min-width:280px;min-height:54px;padding:0 22px;border:0;border-radius:12px;background:var(--green);color:#fff;text-decoration:none;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 10px 30px #0004}.primary-action:hover{background:#104c39}.auth-copy small{margin-top:18px;color:#8c958f;font-size:10px}.auth-visual{display:grid;place-items:center;margin:20px;overflow:hidden;border-radius:26px;background:radial-gradient(circle at 70% 22%,#6bb8e7 0,transparent 32%),linear-gradient(145deg,#12384b,#071116 67%,#061018)}.preview-window{width:min(78%,760px);aspect-ratio:1.35;overflow:hidden;transform:rotate(-3deg);border:1px solid #ffffff2b;border-radius:16px;background:#f8faf8;box-shadow:0 50px 100px #0006}.preview-bar{height:11%;display:flex;align-items:center;gap:7px;padding:0 18px;border-bottom:1px solid #dfe5df;color:#78847e;font-size:9px}.preview-bar i{width:7px;height:7px;border-radius:50%;background:#cad2cd}.preview-bar span{margin-left:auto;margin-right:auto}.preview-body{height:89%;display:grid;grid-template-columns:22% 1fr}.preview-nav{background:#edf1ed}.preview-files{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;padding:8%;align-content:start}.preview-files b{aspect-ratio:1.25;border-radius:6px;background:linear-gradient(#eef3ef 65%,#fff 65%);box-shadow:0 4px 14px #153b2d10}.drive-app{min-height:100vh;background:#071116}.topbar{position:relative;z-index:20;height:72px;display:grid;grid-template-columns:238px minmax(280px,680px) 1fr;align-items:center;gap:24px;padding:0 22px;border-bottom:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.search-box{height:44px;display:flex;align-items:center;gap:12px;padding:0 14px;border:1px solid transparent;border-radius:12px;background:#f0f3f0;color:#637069;transition:.18s}.search-box:focus-within{border-color:#449acf;background:#12303f;box-shadow:0 0 0 3px #449acf20}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.search-box kbd{padding:2px 7px;border:1px solid #d6dcd7;border-radius:5px;background:#fff;color:#87918b;font-size:10px}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.ops-link{color:var(--muted);text-decoration:none;font:700 9px Manrope,sans-serif;letter-spacing:.1em}.help-button,.avatar-button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;cursor:pointer}.help-button{background:transparent;color:var(--muted);font-weight:700}.avatar-button{background:#d9aa4c;color:#372809;font-weight:700}.app-body{min-height:calc(100vh - 72px);display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{position:relative;padding:22px 14px;background:var(--sidebar)}.new-button{width:126px;height:50px;display:flex;align-items:center;gap:12px;margin:0 6px 21px;padding:0 17px;border:1px solid #d9ded9;border-radius:14px;background:#fff;font-size:13px;font-weight:600;box-shadow:0 4px 14px #1b3c2d0c;cursor:pointer}.new-button:hover{border-color:#a7b7ae;box-shadow:0 7px 18px #1b3c2d16}.sidebar nav{display:flex;flex-direction:column;gap:3px}.nav-item{height:42px;display:flex;align-items:center;gap:14px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:#59665f;font-size:12px;text-align:left;cursor:pointer}.nav-item .icon{width:24px}.nav-item:hover{background:#e6ebe7;color:var(--ink)}.nav-item.active{background:#dcebe3;color:var(--green);font-weight:700}.nav-divider{height:1px;margin:10px 12px;background:#dce1dd}.storage{position:absolute;right:20px;bottom:22px;left:20px;color:var(--muted);font-size:10px}.storage>div{height:4px;overflow:hidden;border-radius:3px;background:#d9dfda}.storage>div span{display:block;width:12%;height:100%;background:var(--green-bright)}.storage p{margin:9px 0 2px}.storage p b{color:#3d4942}.storage small{color:#9aa19d;font-size:8px}.content-area{min-width:0;padding:33px 34px 80px;background:#0b1d27}.content-area.drop-active{outline:3px dashed var(--green-bright);outline-offset:-14px;background:#edf7f1}.content-head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;min-height:54px;margin-bottom:30px}.content-head h1,.breadcrumbs{margin:0;font:600 25px Manrope,sans-serif;letter-spacing:-.04em}.content-head>div:first-child>p{margin:6px 0 0;color:var(--muted);font-size:11px}.breadcrumbs{display:flex;align-items:center;gap:4px}.breadcrumbs button{padding:4px 7px;border:0;border-radius:6px;background:transparent;cursor:pointer}.breadcrumbs button:hover{background:var(--soft)}.breadcrumbs .icon{width:18px;color:#9da69f}.view-actions{display:flex;align-items:center;gap:10px}.data-badge{padding:5px 7px;border-radius:5px;font:700 7px Segoe UI,sans-serif;letter-spacing:.08em}.data-badge.fixture{background:#f3e8c9;color:#795c17}.sort-button{height:34px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:10px;cursor:pointer}.sort-button span{margin-left:7px;color:var(--ink)}.layout-switch{display:flex;padding:2px;border:1px solid var(--line);border-radius:9px;background:#fff}.icon-button{display:grid;place-items:center;width:32px;height:30px;padding:0;border:0;border-radius:7px;background:transparent;color:#78837d;cursor:pointer}.icon-button:hover,.icon-button.active{background:#e8eeea;color:var(--green)}.icon-button .icon{width:21px}.quick-access{margin-bottom:35px}.section-title{height:32px;display:flex;align-items:flex-start;justify-content:space-between}.section-title h2{margin:0;font:600 12px Manrope,sans-serif}.section-title>span,.section-title button{border:0;background:none;color:#89928c;font-size:9px}.section-title button{color:var(--green);cursor:pointer}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}.quick-grid>button{min-width:0;height:70px;display:flex;align-items:center;gap:13px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left;cursor:pointer}.quick-grid>button:hover{border-color:#b7c9bf;box-shadow:0 8px 25px #19382b0c}.quick-grid>button>span:last-child{min-width:0;display:grid;gap:5px}.quick-grid b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.quick-grid small{color:var(--muted);font-size:8px}.file-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:7px;background:#e7edf0;color:#55717d}.file-icon.folder{background:#153d53;color:var(--green)}.file-icon.pdf{background:#f5e5e3;color:#aa5047}.file-icon.image{background:#e7e4f2;color:#705e9b}.file-icon .icon{width:21px}.file-table{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#fff}.table-head,.file-row{display:grid;grid-template-columns:minmax(260px,2fr) minmax(95px,.7fr) minmax(130px,.8fr) 90px minmax(235px,1.1fr);align-items:center;gap:14px;padding:0 15px}.table-head{height:41px;border-bottom:1px solid var(--line);color:#858f89;font-size:9px}.file-row{min-height:59px;border-bottom:1px solid #ebeeeb;color:#6d7771;font-size:10px;cursor:default;outline:none}.file-row:last-child{border-bottom:0}.file-row:hover,.file-row:focus,.file-row.selected{background:#f2f7f4}.file-row.selected{box-shadow:inset 3px 0 var(--green-bright)}.file-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row>span:last-child{display:flex;align-items:center;justify-content:flex-end;overflow:visible}.file-name{display:flex;align-items:center;gap:12px;color:var(--ink)}.file-name b{overflow:hidden;text-overflow:ellipsis;font-weight:600}.tiny-star{width:12px;height:12px;color:var(--gold);fill:#f4d68e}.people{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;padding-left:7px}.people i{display:grid;place-items:center;width:24px;height:24px;margin-left:-7px;border:2px solid white;border-radius:50%;background:#b8d2c5;color:#254c3b;font:700 7px Manrope,sans-serif;font-style:normal}.people i:nth-child(2){background:#ead6a9;color:#634c1b}.people i:nth-child(3){background:#cfc6df;color:#4b3e61}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px}.file-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;outline:none}.file-card:hover,.file-card:focus,.file-card.selected{border-color:#a9c2b5;box-shadow:0 9px 28px #19382b0e}.file-card.selected{box-shadow:inset 0 0 0 2px #449acf,0 9px 28px #0003}.card-head{height:51px;display:flex;align-items:center;gap:9px;padding:0 10px}.card-head .file-icon{width:27px;height:27px}.card-head b{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.card-preview{height:135px;display:grid;place-items:center;margin:0 8px;border-radius:7px;background:#f0f3f1}.card-preview>.file-icon{width:54px;height:54px}.mock-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0d3328,#287358);color:#fff}.mock-image i{position:absolute;width:110px;height:110px;right:-25px;top:-28px;border:22px solid #ffffff13;border-radius:50%}.mock-image b{font:700 23px/.8 Manrope,sans-serif;letter-spacing:-.08em}.card-meta{height:43px;display:flex;justify-content:space-between;align-items:center;padding:0 11px;color:var(--muted);font-size:8px}.scout-open-inline{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:31px;padding:0 10px;border:1px solid #449acf;border-radius:7px;color:#e9dfd1;background:#174963;font:700 8px/1.2 Manrope,sans-serif;cursor:pointer;white-space:nowrap}.scout-open-inline .icon{width:18px;height:18px;color:#77c8f4}.scout-open-inline:hover,.scout-open-inline:focus-visible{background:#21688f;outline:2px solid #77c8f466;outline-offset:1px}.scout-open-card{width:calc(100% - 16px);margin:8px 8px 0}.empty-state{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #d5dbd6;border-radius:12px;color:#89948e;text-align:center}.empty-state>.icon{width:34px;height:34px}.empty-state h2{margin:16px 0 5px;color:#4c5952;font:600 15px Manrope,sans-serif}.empty-state p{margin:0;font-size:10px}.admin-panel{max-width:1040px}.organization-switcher{min-width:150px;display:grid;gap:3px;color:#8fa6b2;font-size:7px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.organization-switcher select{max-width:210px;min-height:34px;padding:6px 28px 6px 9px;border:1px solid #35586a;border-radius:7px;background:#0b1d27;color:#e9dfd1;font-size:9px}.admin-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:28px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(135deg,#f1f6f2,#fff)}.admin-intro h2{margin:0;font:600 31px Segoe UI,sans-serif;letter-spacing:-.04em}.admin-intro p:not(.eyebrow){max-width:600px;margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.primary-action.compact{min-width:150px;min-height:42px;gap:0;font-size:10px}.member-list{overflow:hidden;margin-top:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.member-row{min-height:72px;display:grid;grid-template-columns:minmax(230px,1.4fr) 120px minmax(190px,1fr) minmax(170px,auto);align-items:center;gap:15px;padding:0 18px;border-bottom:1px solid #ebeeeb;font-size:10px}.member-row:last-child{border-bottom:0}.member-head{min-height:40px;color:#8a938e;font-size:8px}.member-row>span:first-child{min-width:0;display:flex;align-items:center;gap:11px}.member-row>span:first-child i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#dcebe3;color:var(--green);font-style:normal;font-weight:700}.member-row>span:first-child b{overflow:hidden;text-overflow:ellipsis;font-weight:600}.member-row select{min-width:100px;padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:9px}.member-status{width:fit-content;padding:5px 7px;border-radius:5px;background:#e4f1e9;color:#226046;font-size:8px;font-weight:700}.member-status-wrap{min-width:0;display:grid;gap:5px}.member-status-wrap>small{overflow:hidden;color:#83909a;text-overflow:ellipsis;white-space:nowrap}.member-status.invited{background:#e5edf8;color:#285e87}.member-status.expired{background:#f4e4df;color:#934a39}.member-status.delivery-problem{background:#4d302f;color:#ef9d8d}.member-status.suspended{background:#f4e4df;color:#934a39}.member-actions{display:flex;flex-wrap:wrap;align-items:center;gap:3px}.member-toggle{min-height:32px;padding:0 7px;border:0;border-radius:6px;background:none;color:var(--green);font-size:9px;cursor:pointer}.member-toggle:hover,.member-toggle:focus-visible{background:#173f54;outline:none}.member-toggle:disabled{opacity:.6;cursor:wait}.member-resend{color:#75c1ec}.member-row small{color:#999f9b;font-size:8px}.empty-members{padding:40px;color:var(--muted);text-align:center;font-size:10px}.organization-access-panel{margin-top:24px;padding:22px;border:1px solid #294858;border-radius:14px;background:#102936}.organization-access-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.organization-access-head h2{margin:4px 0 8px;color:#e9dfd1;font-size:20px}.organization-access-head p:not(.eyebrow){max-width:640px;margin:0;color:#9fb0b8;font-size:10px;line-height:1.65}.organization-access-code{display:grid;gap:7px;margin:18px 0;padding:14px;border:1px solid #294858;border-radius:10px;background:#0b1d27}.organization-access-code>span{color:#8fa6b2;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.organization-access-code button{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;border:0;background:none;color:#75c1ec;cursor:pointer;text-align:left}.organization-access-code b{overflow:hidden;text-overflow:ellipsis;font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace}.organization-access-code .icon{width:20px;height:20px}.organization-grant-list{overflow:hidden;border:1px solid #294858;border-radius:10px}.organization-grant-row{min-height:66px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,.6fr) auto;align-items:center;gap:18px;padding:10px 15px;border-bottom:1px solid #1e3a48}.organization-grant-row:last-child{border-bottom:0}.organization-grant-row>span{min-width:0;display:flex;align-items:center;gap:10px}.organization-grant-row>span>i{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:50%;background:#173f54;color:#75c1ec;font-style:normal;font-weight:700}.organization-grant-row>span>span,.organization-grant-row>span:nth-child(2){min-width:0;display:grid;gap:4px}.organization-grant-row b{color:#e9dfd1;font-size:10px}.organization-grant-row small{overflow:hidden;color:#83909a;font-size:8px;text-overflow:ellipsis}.app-body:has(.details-panel){grid-template-columns:238px minmax(0,1fr) 300px}.details-panel{padding:24px 20px;border-left:1px solid var(--line);background:#fff}.details-head{display:flex;align-items:center;justify-content:space-between;font-size:12px}.details-preview{height:170px;display:grid;place-items:center;margin:28px 0 18px;border-radius:12px;background:#f1f4f1}.details-preview .file-icon{width:64px;height:64px}.details-panel h2{margin:0 0 25px;font:600 14px/1.4 Manrope,sans-serif}.details-panel dl{margin:0}.details-panel dl>div{display:grid;grid-template-columns:75px 1fr;padding:9px 0;border-bottom:1px solid #edf0ed;font-size:9px}.details-panel dt{color:#929a95}.details-panel dd{margin:0;color:#4f5b54}.details-people{display:flex;align-items:center;justify-content:space-between;margin-top:22px;color:#737e77;font-size:9px}.scout-launch-button{width:100%;display:flex;align-items:center;gap:11px;margin-top:18px;padding:13px;border:1px solid #449acf;border-radius:8px;color:#ddd1c0;background:#12374a;text-align:left;cursor:pointer}.scout-launch-button .icon{width:24px;height:24px;color:#c9b292}.scout-launch-button span{display:grid;gap:2px}.scout-launch-button b{font:700 10px/1.2 Manrope,sans-serif}.scout-launch-button small{color:#86a6b5;font-size:8px}.scout-launch-button:hover{background:#1f577a}.fixture-note{margin-top:25px;padding:12px;border-radius:8px;background:#f5f6f3;color:#949b97;font-size:8px;line-height:1.5}.new-menu{position:fixed;z-index:50;width:200px;overflow:hidden;padding:6px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow)}.new-menu[hidden],.modal-layer[hidden]{display:none}.new-menu button{width:100%;height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;border:0;border-radius:7px;background:transparent;font-size:11px;cursor:pointer}.new-menu button:hover{background:var(--soft)}.new-menu .icon{width:22px;color:var(--green)}.file-input{display:none}.modal-layer{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:30px;background:#102019c9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview-modal{width:min(1050px,94vw);height:min(760px,90vh);overflow:hidden;border-radius:14px;background:#111a16;box-shadow:0 30px 100px #0008}.modal-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#e8eeea}.modal-head>span{display:flex;align-items:center;gap:12px}.modal-head .file-icon{width:30px;height:30px}.modal-head b{font-size:11px}.modal-head em{color:#819088;font-size:8px;font-style:normal;text-transform:uppercase;letter-spacing:.09em}.modal-head .icon-button{color:#b9c2bd}.modal-content{height:calc(100% - 58px);display:grid;place-items:center;overflow:auto;background:#28312d}.file-preview-frame{width:100%;height:100%;border:0;background:#fff}.preview-download{padding:8px 13px;border:1px solid #ffffff33;border-radius:7px;background:transparent;color:#fff;cursor:pointer}.public-share-page{min-height:100vh;display:grid;place-items:center;padding:40px;background:#eef3ef}.public-share-page>section{width:min(1050px,100%)}.public-card{max-width:560px;padding:65px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.public-card h1{margin:35px 0 12px;font:600 42px/1.05 Manrope,sans-serif;letter-spacing:-.05em}.public-card p{color:var(--muted);line-height:1.6}.public-card form{display:grid;gap:16px;margin-top:30px}.public-card label{display:grid;gap:7px;font-size:10px;font-weight:700}.public-card input{height:45px;padding:0 13px;border:1px solid var(--line);border-radius:8px}.form-error{color:#a43d2b!important}.public-browser{padding:28px;border:1px solid var(--line);border-radius:18px;background:#0c202c;box-shadow:var(--shadow)}.public-browser header{display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px}.public-title{display:flex;justify-content:space-between;align-items:center;padding:34px 0 24px}.public-title>div{display:flex;align-items:center;gap:15px}.public-title h1{margin:0;font:600 26px Manrope,sans-serif}.public-row{width:100%;border:0;border-bottom:1px solid #ebeeeb;background:#fff;text-align:left}.public-preview{width:100%;height:68vh;border:1px solid var(--line);border-radius:12px;background:#fff}.hero-art{position:relative;width:min(790px,78vw);aspect-ratio:1.55;display:flex;flex-direction:column;justify-content:center;padding-left:11%;overflow:hidden;background:radial-gradient(circle at 80% 25%,#74c3a5,transparent 33%),linear-gradient(145deg,#0c3428,#1d6a50);color:#fff;box-shadow:0 18px 60px #0005}.hero-art:after{content:"";position:absolute;width:320px;height:320px;right:-70px;bottom:-100px;border:55px solid #ffffff12;border-radius:50%}.hero-art span{font:700 clamp(45px,7vw,90px)/.72 Manrope,sans-serif;letter-spacing:-.1em}.hero-art small{margin-top:35px;font-size:13px;line-height:1.5}.document-page{width:min(600px,76vw);min-height:78%;padding:60px 70px;background:#fff;box-shadow:0 18px 60px #0005}.document-page>span{color:var(--green);font:700 11px Manrope,sans-serif;letter-spacing:.12em}.document-page h2{margin:45px 0 40px;font:600 32px/1.2 Manrope,sans-serif;letter-spacing:-.04em}.document-page i{display:block;width:100%;height:7px;margin:12px 0;border-radius:4px;background:#e5e9e6}.document-page i:nth-of-type(2){width:85%}.document-page i:nth-of-type(3){width:92%}.document-page i:nth-of-type(4){width:60%}.document-page p{margin-top:50px;color:#87908b;font-size:10px}.toast{position:fixed;z-index:150;right:22px;bottom:22px;max-width:340px;padding:13px 17px;border-radius:9px;background:#16271f;color:#fff;font-size:10px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:none}.ops-shell{min-height:100vh;color:#f0e8dc;background:radial-gradient(circle at 80% 0,#449acf26,transparent 32rem),#071116}.ops-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,70px);border-bottom:1px solid #ffffff14}.ops-header .app-brand{color:#fff}.ops-header .app-brand b{color:#85c8ae}.ops-header>div{display:flex;align-items:center;gap:19px;color:#8da098;font-size:9px}.ops-header a,.ops-header button{border:0;background:none;color:#c7d0cc;text-decoration:none;cursor:pointer}.ops-main{width:min(1180px,calc(100% - 44px));margin:auto;padding:80px 0}.ops-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.ops-title h1{margin:0;font:500 clamp(4rem,9vw,7rem)/.9 Manrope,sans-serif;letter-spacing:-.07em}.environment-pill{padding:13px 16px;border:1px solid #ffffff20;color:#a7b6b0;font-size:9px}.environment-pill i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#70c9a6}.ops-notice{display:flex;gap:20px;margin-bottom:14px;padding:19px 22px;border:1px solid #ffffff18;background:#0c1b15;font-size:10px}.ops-notice b{color:#8cd1b6}.ops-notice span{color:#84968e}.ops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid #ffffff18;background:#ffffff18}.ops-grid article{min-height:250px;display:flex;flex-direction:column;padding:24px;background:#0a1812}.ops-grid article>div{display:flex;justify-content:space-between;color:#79bea3;font-size:9px}.ops-grid em{color:#62736c;font-style:normal;text-transform:uppercase}.ops-grid h2{margin:48px 0 12px;font:500 18px Manrope,sans-serif}.ops-grid p{margin:0;color:#7f9189;font-size:10px;line-height:1.6}.ops-grid button{margin-top:auto;padding:13px 0 0;border:0;border-top:1px solid #ffffff12;background:none;color:#52635c;text-align:left;font-size:9px}.denied-page{min-height:100vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10vw;background:#07130e;color:#fff}.denied-page h1{max-width:800px}.denied-page .primary-action{width:auto;min-width:0}*:focus-visible{outline:2px solid var(--green);outline-offset:3px}::selection{background:#449acf66;color:#fff}.app-brand,.auth-brand,.share-brand{color:var(--ink)}.app-brand b,.auth-brand b,.share-brand b{color:var(--green)}.app-brand-wrap>em{padding:5px 8px;border:1px solid #449acf55;border-radius:999px;background:#449acf18;color:#84c7ed;font:800 8px Manrope,sans-serif;font-style:normal;letter-spacing:.13em}.share-brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:13px}.auth-page{background:radial-gradient(circle at 18% 12%,#449acf24,transparent 31rem),#071116}.auth-copy{position:relative;border-right:1px solid #294858}.auth-copy h1,.denied-page h1{color:#f0e8dc;font-weight:650}.auth-copy>p:not(.eyebrow),.denied-page>p:not(.eyebrow){color:var(--muted)}.primary-action{border:1px solid #68b4e1;border-radius:8px;background:var(--green);color:#071116;box-shadow:0 12px 34px #0004}.primary-action:hover{background:#62b2e2;transform:translateY(-1px)}.auth-copy small{color:#8da5b2}.auth-visual{border:1px solid #2b5266;border-radius:20px;background:radial-gradient(circle at 72% 20%,#449acf70 0,transparent 29%),linear-gradient(145deg,#163e53,#071116 72%)}.preview-window{border-color:#6bb8e744;background:#0e2734;box-shadow:0 45px 110px #0009}.preview-bar{border-color:#294858;color:#8da5b2}.preview-bar i{background:#416173}.preview-bar i:first-child{background:var(--green)}.preview-nav{background:#091a24}.preview-files{background:#0c202c}.preview-files b{background:linear-gradient(#173847 65%,#102936 65%);box-shadow:0 4px 14px #0004}.drive-app{background:#071116}.topbar{border-color:#294858;background:#0c202c;box-shadow:0 9px 35px #0003}.search-box{border-color:#294858;background:#102936;color:#88a2af}.search-box:focus-within{border-color:var(--green);background:#12303f;box-shadow:0 0 0 3px #449acf20}.search-box input{color:#f0e8dc}.search-box input::placeholder{color:#78909d}.search-box kbd{border-color:#35586a;background:#0b1d27;color:#8ba4b1}.ops-link{color:#85c8ee}.help-button{color:#8da5b2}.avatar-button{background:var(--sand, #c9b292);color:#0c202c}.app-body{background:#071116}.sidebar{border-color:#294858;background:var(--sidebar)}.new-button{border-color:#396378;border-radius:9px;background:#12303f;color:#e8dfd1;box-shadow:none}.new-button:hover{border-color:var(--green);background:#15394b;box-shadow:0 8px 22px #0003}.nav-item{color:#8fa4ae}.nav-item:hover{background:#102936;color:#e8dfd1}.nav-item.active{background:#163e53;color:#72bde7}.nav-divider{background:#294858}.storage{color:#8ca1ab}.storage>div{background:#173746}.storage>div span{background:linear-gradient(90deg,#1f577a,#449acf)}.storage p b{color:#ddd1c0}.storage small{color:#64808e}.content-area{background:radial-gradient(circle at 100% 0,#449acf0d,transparent 24rem),#0b1d27}.content-area.drop-active{background:#102f40;outline-color:var(--green)}.content-head h1,.breadcrumbs{color:#f0e8dc}.breadcrumbs button{color:#d9cdbd}.breadcrumbs .icon{color:#607d8c}.data-badge.fixture{background:#c9b2921f;color:#ddc7a7}.data-badge.api{background:#449acf24;color:#86c9ee}.sort-button,.layout-switch{border-color:#294858;background:#102936;color:#9aabb2}.icon-button{color:#88a0ab}.icon-button:hover,.icon-button.active{background:#173a4c;color:#75c1ec}.quick-grid>button,.file-table,.file-card{border-color:#294858;background:#102936;box-shadow:none}.quick-grid>button:hover,.file-card:hover,.file-card:focus,.file-card.selected{border-color:#449acfaa;background:#123344;box-shadow:0 9px 26px #0003}.file-card.selected{box-shadow:inset 0 0 0 2px #449acf,0 9px 26px #0003}.section-title>span,.section-title button,.quick-grid small,.card-meta{color:#8da1aa}.section-title button{color:#68b6e3}.file-icon{background:#193645;color:#7eafc7}.file-icon.folder{background:#153d53;color:#70bee9}.file-icon.pdf{background:#493137;color:#e28b80}.file-icon.image{background:#34324d;color:#b5a8df}.table-head{border-color:#294858;color:#7f98a4}.file-row{border-color:#1e3a48;color:#9aaab1}.file-row:hover,.file-row:focus,.file-row.selected{background:#153344}.file-name{color:#e9dfd1}.people i{border-color:#102936;background:#2a6685;color:#eef8ff}.people i:nth-child(2){background:#806d4f;color:#fff3df}.people i:nth-child(3){background:#514b70;color:#f3efff}.card-preview,.details-preview{background:#0b1d27}.empty-state{border-color:#315063;color:#8199a4}.empty-state h2{color:#d5cabb}.admin-intro{border-color:#315063;background:linear-gradient(135deg,#102f40,#102936)}.admin-intro h2{color:#f0e8dc}.member-list{border-color:#294858;background:#102936}.member-row{border-color:#1e3a48}.member-row>span:first-child i{background:#173f54;color:#75c1ec}.member-row select,.public-card input{border-color:#35586a;background:#0b1d27;color:#e9dfd1}.member-status{background:#163f53;color:#8ad0f3}.member-status.suspended{background:#4d302f;color:#ef9d8d}.details-panel{border-color:#294858;background:#0c202c;box-shadow:-15px 0 40px #0002}.details-panel dl>div{border-color:#1e3a48}.details-panel dt{color:#78909b}.details-panel dd{color:#c8bdad}.fixture-note{background:#102f40;color:#83a1af}.new-menu{border-color:#35586a;background:#102936;box-shadow:0 18px 55px #0007}.new-menu button:hover{background:#173a4c}.modal-layer{background:#03090dd9}.preview-modal{border:1px solid #35586a;background:#071116}.modal-head{color:#e9dfd1}.modal-content{background:#10212b}.toast{background:#449acf;color:#071116;box-shadow:0 16px 44px #0006}.public-share-page{background:radial-gradient(circle at 75% 10%,#449acf24,transparent 27rem),#071116}.public-share-page>section:not(.public-browser),.public-card{border:1px solid #294858;background:#0c202c;box-shadow:var(--shadow)}.public-card h1,.public-title h1,.public-share-page>section>h1{color:#f0e8dc}.public-card p{color:var(--muted)}.public-browser{border-color:#294858;background:#0c202c}.public-browser header{border-color:#294858;color:#8da5b2}.public-row{background:#102936}.hero-art{background:radial-gradient(circle at 80% 25%,#6bb8e7,transparent 33%),linear-gradient(145deg,#12384b,#071116)}.document-page{background:#ddd1c0;color:#0c202c}.document-page>span{color:#1f577a}.document-page i{background:#b9ad9b}.document-page p{color:#685f53}.ops-shell{background:radial-gradient(circle at 80% 0,#449acf26,transparent 32rem),#071116}.ops-header{border-color:#294858}.ops-header .app-brand b{color:#75c1ec}.environment-pill{border-color:#35586a;color:#8da5b2}.environment-pill i{background:#449acf}.ops-notice{border-color:#294858;background:#0c202c}.ops-notice b{color:#76c2ec}.ops-grid{border-color:#294858;background:#294858}.ops-grid article{background:#0b1d27}.ops-grid article>div{color:#6cb8e2}.ops-grid button{border-color:#294858;color:#718b98}.denied-page{background:radial-gradient(circle at 80% 0,#449acf24,transparent 28rem),#071116;color:#f0e8dc}.scout-dashboard{width:min(1440px,100%);margin:0 auto}.dashboard-hero{min-height:390px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);align-items:stretch;overflow:hidden;border:1px solid #31566a;border-radius:18px;background:radial-gradient(circle at 72% 10%,#449acf3b,transparent 25rem),linear-gradient(135deg,#102f40,#081820 72%)}.dashboard-hero>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,5.5vw,78px)}.dashboard-hero .eyebrow{margin-bottom:17px}.dashboard-hero h1{margin:0;color:#f0e8dc;font:650 clamp(3.2rem,6vw,6.6rem)/.88 Manrope,sans-serif;letter-spacing:-.07em}.dashboard-hero h1 span{color:#63b5e3}.dashboard-hero>div>p:not(.eyebrow){max-width:720px;margin:28px 0 0;color:#b9a588;font-size:15px;line-height:1.72}.dashboard-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin-top:33px}.viewer-main-action{min-width:255px;justify-content:center;gap:10px;border-color:#e0c59f;background:#c9b292;color:#071116;box-shadow:0 14px 34px #0006}.viewer-main-action .icon{width:25px;height:25px}.viewer-main-action:hover{background:#e0c59f}.design-space-action{min-width:230px;justify-content:flex-start;gap:12px;border-color:#68b4e1;background:#449acf;color:#071116}.design-space-action .icon{width:26px;height:26px;flex:0 0 auto}.design-space-action>span{display:grid;gap:2px;text-align:left}.design-space-action b{font-size:10px;letter-spacing:.06em}.design-space-action small{font-size:7px;font-weight:700;opacity:.72}.design-space-action:hover{background:#68b4e1}.dashboard-link,.dashboard-section-head>button{padding:8px 0;border:0;border-bottom:1px solid #c9b29288;background:transparent;color:#ddd1c0;font-size:10px;font-weight:750;cursor:pointer}.dashboard-hero aside{display:flex;flex-direction:column;justify-content:flex-end;min-width:0;padding:34px;border-left:1px solid #31566a;background:#07111675}.dashboard-hero aside>span{color:#77c3ed;font:800 9px Manrope,sans-serif;letter-spacing:.18em}.dashboard-hero aside strong{margin:18px 0 4px;color:#f0e8dc;font:650 82px/.8 Manrope,sans-serif;letter-spacing:-.08em}.dashboard-hero aside p{margin:11px 0 45px;color:#9bb0ba;font-size:10px}.dashboard-hero aside small{padding-top:18px;border-top:1px solid #294858;color:#b9a588;font-size:9px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0 64px;border:1px solid #294858;border-radius:13px;background:#294858;gap:1px;overflow:hidden}.metric-grid article{min-height:155px;display:grid;grid-template-columns:1fr auto;align-content:end;padding:23px;background:#0c202c}.metric-grid article>span{color:#577889;font:800 8px Manrope,sans-serif;letter-spacing:.13em}.metric-grid article strong{grid-row:span 2;color:#68b9e6;font:650 41px/1 Manrope,sans-serif;letter-spacing:-.05em}.metric-grid h2{margin:34px 0 5px;color:#e4d9ca;font:650 12px Manrope,sans-serif}.metric-grid p{margin:0;color:#7f99a5;font-size:8px;line-height:1.5}.dashboard-section{margin-bottom:70px}.dashboard-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:22px}.dashboard-section-head .eyebrow{margin-bottom:9px}.dashboard-section-head h2{margin:0;color:#eee4d7;font:650 28px Manrope,sans-serif;letter-spacing:-.04em}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-card{min-height:270px;display:flex;flex-direction:column;align-items:stretch;padding:24px;border:1px solid #294858;border-radius:13px;background:linear-gradient(145deg,#102936,#0b1d27);text-align:left;cursor:pointer;transition:border-color .18s,transform .18s,background .18s}.project-card:hover{transform:translateY(-2px);border-color:#449acfaa;background:linear-gradient(145deg,#12364a,#0c2230)}.project-card-top{display:flex;align-items:center;justify-content:space-between;min-height:28px}.project-status{padding:6px 8px;border:1px solid #449acf55;border-radius:999px;background:#449acf18;color:#7bc6ef;font:800 7px Manrope,sans-serif;letter-spacing:.12em}.project-status.scout-ready{border-color:#c9b29266;background:#c9b29218;color:#ddc7a7}.project-status.planning{border-color:#887bb866;background:#887bb818;color:#b8ace0}.project-kicker{margin-top:39px;color:#567684;font:800 7px Manrope,sans-serif;letter-spacing:.17em}.project-card h3{margin:9px 0 10px;color:#eee4d7;font:650 21px/1.1 Manrope,sans-serif;letter-spacing:-.035em}.project-card>p{margin:0;color:#8da2ab;font-size:9px}.project-card footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:18px;border-top:1px solid #294858;color:#78929d;font-size:8px}.project-card footer b{color:#72bde7}.dashboard-empty{grid-column:1 / -1;min-height:280px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(30px,5vw,60px);border:1px dashed #3a5e70;border-radius:13px;background:#0c202c}.dashboard-empty>span{color:#5f8192;font:800 9px Manrope,sans-serif;letter-spacing:.15em}.dashboard-empty h3{margin:20px 0 8px;color:#eee4d7;font:650 25px Manrope,sans-serif}.dashboard-empty p{max-width:650px;margin:0 0 25px;color:#8da2ac;font-size:10px;line-height:1.65}.location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.location-card{min-width:0;display:grid;grid-template-columns:135px minmax(0,1fr);gap:19px;align-items:center;padding:11px;border:1px solid #294858;border-radius:12px;background:#102936;text-align:left;cursor:pointer}.location-card:hover{border-color:#449acf99;background:#123344}.location-visual{position:relative;height:104px;overflow:hidden;border-radius:8px;background:radial-gradient(circle at 75% 25%,#77c0e8,transparent 26%),linear-gradient(145deg,#1f577a,#071116)}.location-visual:after{content:"";position:absolute;width:90px;height:90px;right:-30px;bottom:-35px;border:15px solid #ffffff13;border-radius:50%}.location-visual.location-2{background:radial-gradient(circle at 25% 70%,#c9b29280,transparent 28%),linear-gradient(145deg,#0c202c,#315d6f)}.location-visual.location-3{background:radial-gradient(circle at 70% 20%,#9e91c780,transparent 30%),linear-gradient(145deg,#173b4e,#071116)}.location-visual span{position:absolute;z-index:1;top:12px;left:12px;color:#f4ede4;font:800 8px Manrope,sans-serif;letter-spacing:.13em}.location-card>div:last-child{min-width:0}.location-card>div:last-child>span{color:#6fb9e2;font:800 7px Manrope,sans-serif;letter-spacing:.12em}.location-card h3{overflow:hidden;margin:7px 0 8px;color:#e9dfd1;font:650 15px Manrope,sans-serif;text-overflow:ellipsis;white-space:nowrap}.location-card p{margin:0;color:#849ca7;font-size:8px}.location-empty{grid-column:1 / -1;min-height:150px;display:flex;align-items:center;gap:22px;padding:30px;border:1px dashed #35586a;border-radius:12px;background:#0c202c}.location-empty>span{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:#153d53;color:#70bee9}.location-empty h3{margin:0 0 6px;color:#ddd1c0;font:650 14px Manrope,sans-serif}.location-empty p{margin:0;color:#8299a3;font-size:9px}@media(max-width:1120px){.metric-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.location-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.table-head,.file-row{grid-template-columns:minmax(230px,2fr) 130px 80px minmax(220px,1fr)}.table-head>:nth-child(2),.file-row>:nth-child(2){display:none}.app-body:has(.details-panel){grid-template-columns:210px minmax(0,1fr) 270px}.app-body,.topbar{grid-template-columns:210px minmax(280px,1fr) auto}.ops-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.dashboard-hero{grid-template-columns:1fr}.dashboard-hero aside{min-height:210px;border-top:1px solid #31566a;border-left:0}.dashboard-hero aside p{margin-bottom:25px}.project-grid,.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-copy{min-height:100vh}.topbar{grid-template-columns:auto 1fr auto;padding:0 14px}.app-brand>span,.app-brand-wrap>em{display:none}.app-body{display:block}.sidebar{position:fixed;z-index:40;right:0;bottom:0;left:0;height:65px;display:flex;align-items:center;padding:5px 8px;border-top:1px solid var(--line)}.sidebar nav{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.sidebar .new-button,.sidebar .storage,.nav-divider,.nav-item[data-view=trash]{display:none}.nav-item{height:52px;flex-direction:column;justify-content:center;gap:3px;padding:0;font-size:8px}.nav-item .icon{width:24px;height:24px}.content-area{padding:25px 16px 95px}.details-panel{display:none}.quick-grid{grid-template-columns:1fr 1fr}.table-head,.file-row{grid-template-columns:minmax(180px,1fr) 115px minmax(210px,auto)}.table-head>:nth-child(4),.file-row>:nth-child(4){display:none}.ops-title{align-items:flex-start;flex-direction:column;gap:25px}.ops-grid{grid-template-columns:1fr}.member-list{overflow:visible;border:0;background:transparent}.member-head{display:none}.member-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:10px;padding:16px;border:1px solid #1e3a48;border-radius:10px;background:#102936}.member-row>span:first-child,.member-status-wrap{grid-column:1 / -1}.member-status-wrap>small{white-space:normal}.member-actions{justify-content:flex-end}.member-toggle{min-height:44px}.organization-switcher{min-width:112px}.organization-switcher span{display:none}.organization-switcher select{max-width:130px;min-height:44px}.organization-access-head{display:grid}.organization-access-head .primary-action{width:100%}.organization-grant-row{grid-template-columns:minmax(0,1fr) auto}.organization-grant-row>span:first-child{grid-column:1 / -1}}@media(max-width:560px){.dashboard-hero>div{padding:35px 25px}.dashboard-hero h1{font-size:3.15rem}.dashboard-actions{align-items:stretch;flex-direction:column}.dashboard-actions .primary-action{width:100%}.dashboard-link{width:fit-content}.metric-grid{grid-template-columns:1fr}.metric-grid article{min-height:125px}.dashboard-section-head{align-items:flex-start;flex-direction:column;gap:12px}.location-card{grid-template-columns:90px minmax(0,1fr)}.location-visual{height:90px}.auth-copy{padding:116px 24px 45px}.auth-brand{top:18px}.auth-copy h1{font-size:3.15rem}.auth-copy>p:not(.eyebrow){font-size:14px}.auth-email-row{grid-template-columns:1fr;overflow:visible;border:0;background:transparent;box-shadow:none;gap:8px}.auth-email-row:focus-within{box-shadow:none}.auth-email-row input{border:1px solid #b7c7cf;border-radius:11px;background:#fff}.auth-email-row .primary-action{width:100%;border-radius:11px}.search-box{padding:0 10px}.search-box kbd,.ops-link,.help-button{display:none}.topbar{gap:8px}.content-head{align-items:flex-start;flex-direction:column;gap:16px}.view-actions{width:100%}.view-actions>:last-child{margin-left:auto}.quick-grid{grid-template-columns:1fr}.table-head{display:none}.file-table{border:0;background:transparent}.file-row{grid-template-columns:1fr auto;min-height:65px;margin-bottom:7px;border:1px solid var(--line);border-radius:10px;background:#102936}.file-row>:nth-child(2),.file-row>:nth-child(3),.file-row>:nth-child(4){display:none}.file-grid{grid-template-columns:1fr 1fr;gap:9px}.card-preview{height:105px}.people{display:none}.modal-layer{padding:10px}.preview-modal{width:100%;height:88vh}.document-page{padding:40px 30px}.modal-head em{display:none}.ops-header>div>span{display:none}.ops-main{padding-top:55px}.environment-pill{font-size:8px}}body,.drive-app,.app-body,.denied-page,.ops-shell,.public-share-page{background-color:var(--brand-navy);color:var(--brand-light-sand)}body,.drive-app,.app-body{background:var(--brand-navy)}::selection{background:color-mix(in srgb,var(--brand-blue) 68%,transparent);color:var(--brand-light-sand)}*:focus-visible{outline-color:var(--brand-sand)}.auth-page,.public-share-page,.ops-shell,.denied-page{background:radial-gradient(circle at 78% 7%,color-mix(in srgb,var(--brand-blue) 28%,transparent),transparent 30rem),var(--brand-navy)}.auth-copy{border-color:var(--line)}.auth-copy h1,.denied-page h1,.content-head h1,.breadcrumbs,.dashboard-hero h1,.dashboard-section-head h2,.project-card h3,.dashboard-empty h3,.location-card h3,.public-card h1,.public-title h1,.public-share-page>section>h1{color:var(--brand-light-sand)}.eyebrow,.auth-form>label,.app-brand b,.auth-brand b,.share-brand b,.section-title button,.metric-grid article strong,.project-card footer b,.location-card>div:last-child>span,.ops-header .app-brand b,.ops-notice b,.ops-grid article>div{color:var(--brand-blue)}.auth-email-row,.auth-email-row input,.member-row select,.public-card input{border-color:var(--line);background:var(--surface-1);color:var(--brand-light-sand)}.auth-email-row:focus-within{border-color:var(--brand-sand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-sand) 24%,transparent)}.auth-email-row input::placeholder,.search-box input::placeholder{color:var(--text-muted)}.remember-device,.remember-device small,.auth-copy small{color:var(--text-muted)}.remember-device>i{background:color-mix(in srgb,var(--brand-blue) 20%,transparent);color:var(--brand-blue)}.remember-device b{color:var(--brand-light-sand)}.primary-action,.viewer-main-action{border-color:var(--brand-sand);background:var(--brand-sand);color:var(--brand-navy)}.primary-action:hover,.viewer-main-action:hover{background:color-mix(in srgb,var(--brand-sand) 82%,var(--brand-light-sand))}.auth-visual,.hero-art{border-color:var(--line);background:radial-gradient(circle at 72% 20%,color-mix(in srgb,var(--brand-blue) 72%,transparent) 0,transparent 29%),linear-gradient(145deg,var(--surface-3),var(--brand-navy) 72%)}.preview-window,.preview-files,.preview-nav,.preview-bar,.preview-files b{border-color:var(--line)}.preview-window,.preview-files{background:var(--brand-navy)}.preview-nav{background:var(--surface-1)}.preview-files b{background:linear-gradient(var(--surface-2) 65%,var(--surface-1) 65%)}.topbar,.sidebar,.details-panel,.public-browser,.public-share-page>section:not(.public-browser),.public-card{border-color:var(--line);background:var(--brand-navy)}.content-area{background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--brand-blue) 12%,transparent),transparent 24rem),var(--surface-1)}.search-box,.search-box:focus-within,.search-box kbd,.new-button,.sort-button,.layout-switch,.quick-grid>button,.file-table,.file-card,.member-list,.new-menu,.public-row,.ops-notice,.ops-grid article,.location-card,.dashboard-empty,.file-row{border-color:var(--line);background:var(--surface-1);color:var(--brand-light-sand)}.search-box:focus-within,.new-button:hover,.nav-item:hover,.icon-button:hover,.icon-button.active,.new-menu button:hover,.quick-grid>button:hover,.file-card:hover,.file-card:focus,.file-card.selected,.file-row:hover,.file-row:focus,.file-row.selected,.location-card:hover{background:var(--surface-2)}.search-box:focus-within,.new-button:hover,.quick-grid>button:hover,.file-card:hover,.file-card:focus,.file-card.selected,.location-card:hover{border-color:var(--brand-blue)}.search-box input,.new-button,.file-name,.modal-head{color:var(--brand-light-sand)}.nav-item{color:var(--text-muted)}.nav-item.active{background:var(--surface-3);color:var(--brand-light-sand)}.nav-item.active .icon,.icon-button:hover,.icon-button.active,.new-menu .icon{color:var(--brand-blue)}.nav-divider,.storage>div{background:var(--surface-2)}.storage>div span{background:linear-gradient(90deg,var(--brand-blue),var(--brand-sand))}.file-icon,.file-icon.folder,.file-icon.image,.location-empty>span{background:var(--surface-3);color:var(--brand-light-sand)}.file-icon.pdf{background:color-mix(in srgb,var(--brand-sand) 24%,var(--brand-navy));color:var(--brand-sand)}.people i{border-color:var(--surface-1);background:var(--brand-blue);color:var(--brand-navy)}.people i:nth-child(2){background:var(--brand-sand);color:var(--brand-navy)}.people i:nth-child(3){background:var(--brand-light-sand);color:var(--brand-navy)}.card-preview,.details-preview,.modal-content{background:var(--brand-navy)}.admin-intro,.dashboard-hero,.project-card{border-color:var(--line);background:radial-gradient(circle at 72% 10%,color-mix(in srgb,var(--brand-blue) 24%,transparent),transparent 25rem),linear-gradient(135deg,var(--surface-2),var(--brand-navy) 74%)}.metric-grid,.ops-grid{border-color:var(--line);background:var(--line)}.metric-grid article{background:var(--brand-navy)}.project-card:hover{border-color:var(--brand-blue);background:linear-gradient(145deg,var(--surface-3),var(--surface-1))}.project-status{border-color:color-mix(in srgb,var(--brand-blue) 52%,transparent);background:color-mix(in srgb,var(--brand-blue) 16%,transparent);color:var(--brand-blue)}.project-status.scout-ready,.project-status.planning{border-color:color-mix(in srgb,var(--brand-sand) 52%,transparent);background:color-mix(in srgb,var(--brand-sand) 16%,transparent);color:var(--brand-sand)}.dashboard-hero h1 span,.dashboard-hero aside>span{color:var(--brand-blue)}.dashboard-hero aside,.location-visual{border-color:var(--line);background:radial-gradient(circle at 75% 25%,var(--brand-blue),transparent 28%),linear-gradient(145deg,var(--surface-3),var(--brand-navy))}.location-visual.location-2{background:radial-gradient(circle at 25% 70%,color-mix(in srgb,var(--brand-sand) 58%,transparent),transparent 28%),linear-gradient(145deg,var(--brand-navy),var(--surface-3))}.location-visual.location-3{background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--brand-light-sand) 30%,transparent),transparent 30%),linear-gradient(145deg,var(--surface-2),var(--brand-navy))}.details-panel,.new-menu,.preview-modal,.public-browser,.public-share-page>section:not(.public-browser),.public-card{border-color:var(--line)}.modal-layer{background:color-mix(in srgb,var(--brand-navy) 88%,transparent)}.preview-modal{background:var(--brand-navy)}.toast{background:var(--brand-blue);color:var(--brand-navy)}.data-badge.fixture{background:color-mix(in srgb,var(--brand-sand) 18%,transparent);color:var(--brand-sand)}.data-badge.api,.member-status{background:color-mix(in srgb,var(--brand-blue) 18%,transparent);color:var(--brand-blue)}.document-page{background:var(--brand-light-sand);color:var(--brand-navy)}.document-page>span{color:var(--brand-blue)}@media(max-width:560px){.auth-email-row input{border-color:var(--line);background:var(--surface-1);color:var(--brand-light-sand)}.file-row{background:var(--surface-1)}}.invitation-page{min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:grid;place-items:center;overflow-y:auto;background:radial-gradient(circle at 80% 10%,rgba(68,154,207,.22),transparent 34%),#071116;color:#ddd1c0}.invitation-card{width:min(100%,570px);border:1px solid #24495c;border-radius:22px;overflow:hidden;background:#0c202c;box-shadow:0 28px 70px #0000006b}.invitation-brand{display:flex;flex-direction:column;padding:24px 30px;border-bottom:1px solid #24495c}.invitation-brand strong{color:#449acf;font-size:17px;letter-spacing:.16em}.invitation-brand span{margin-top:2px;color:#c9b292;font-size:10px;letter-spacing:.42em}.invitation-heading,.invitation-status{padding:34px 30px 26px}.invitation-heading h1,.invitation-status h1{margin:5px 0 12px;color:#fffdf5;font-size:clamp(28px,7vw,38px);line-height:1.1}.invitation-heading p,.invitation-status p{color:#b7b2a9;line-height:1.65}.invitation-role{margin:0 30px 24px;padding:15px 17px;display:flex;justify-content:space-between;gap:20px;border:1px solid #31576a;border-radius:12px;background:#102b39}.invitation-role span{color:#8da0aa;font-size:11px;letter-spacing:.14em}.invitation-role strong{color:#fffdf5}.invitation-form{padding:0 30px 32px;display:grid;gap:10px}.invitation-form label{margin-top:7px;color:#ddd1c0;font-size:13px;font-weight:700}.invitation-form input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #4d6876;border-radius:10px;background:#081a24;color:#fffdf5;font:inherit}.invitation-form input:focus{outline:3px solid rgba(68,154,207,.35);border-color:#449acf}.invitation-password-field{position:relative}.invitation-password-field input{padding-right:128px}.invitation-password-field button{position:absolute;top:2px;right:2px;min-height:44px;padding:0 12px;border:0;background:transparent;color:#77bce5;font-weight:700}.invitation-requirements{margin:8px 0 12px;padding:14px 16px;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;border-radius:10px;background:#091a23;list-style:none}.invitation-requirements li{color:#91a0a7;font-size:12px}.invitation-requirements li:before{content:"○";display:inline-block;width:18px;color:#71858f}.invitation-requirements li.passed{color:#ddd1c0}.invitation-requirements li.passed:before{content:"✓";color:#64c49a}.invitation-primary,.invitation-secondary{min-height:48px;border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;background:#449acf;color:#071116;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.invitation-secondary{width:fit-content;margin-top:12px;border:1px solid #456574;background:transparent;color:#ddd1c0}.invitation-home{min-height:40px;margin:16px 20px 0 auto;padding:8px 14px}.invitation-error{padding:12px 14px;border:1px solid #bd645d;border-radius:9px;background:#bd645d1f;color:#ffd8d3;line-height:1.45}.invitation-error[hidden]{display:none}.invitation-expiry{margin:4px 0 0;color:#8da0aa;font-size:11px;text-align:center}.invitation-loader{width:38px;height:38px;margin:24px auto;border:4px solid #31576a;border-top-color:#449acf;border-radius:50%;animation:invitation-spin .8s linear infinite}.invitation-complete{text-align:center}.invitation-complete-mark{width:58px;height:58px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;background:#64c49a;color:#071116;font-size:28px;font-weight:900}.invitation-complete .invitation-primary{margin-top:14px}@keyframes invitation-spin{to{transform:rotate(360deg)}}@media(max-width:520px){.invitation-page{place-items:start center;padding-top:max(12px,env(safe-area-inset-top))}.invitation-card{border-radius:16px}.invitation-brand,.invitation-heading,.invitation-status{padding-left:20px;padding-right:20px}.invitation-role{margin-left:20px;margin-right:20px}.invitation-form{padding-left:20px;padding-right:20px}.invitation-requirements{grid-template-columns:1fr}}@media(max-width:720px){.design-topbar nav a[data-site-home]{display:inline-flex;min-height:44px;align-items:center;padding:0 12px;border:1px solid color-mix(in srgb,var(--brand-blue) 45%,transparent);border-radius:999px}}@media(max-height:520px)and (orientation:landscape){.invitation-page{place-items:start center}.invitation-brand{padding-top:14px;padding-bottom:14px}.invitation-heading{padding-top:20px;padding-bottom:16px}.invitation-heading h1{font-size:27px}}@media(prefers-reduced-motion:reduce){.invitation-loader{animation:none}}.client-portal{min-height:100vh;min-height:100svh;overflow-x:hidden;padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));color:var(--brand-light-sand);background:radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--brand-blue) 28%,transparent),transparent 30rem),radial-gradient(circle at 18% 84%,color-mix(in srgb,var(--brand-sand) 10%,transparent),transparent 24rem),color-mix(in srgb,var(--brand-navy) 94%,#000)}.client-portal-header{width:min(100%,1180px);min-height:62px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.client-portal-header .brand-logo{width:54px;height:54px}.client-portal-header>div{display:flex;align-items:center;gap:15px}.client-portal-header>div>span{color:var(--text-muted);font-size:10px}.client-portal-signout,.client-secondary-action{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border:1px solid var(--line);border-radius:var(--control-radius);color:var(--brand-light-sand);background:color-mix(in srgb,var(--surface-1) 70%,transparent);font-size:10px;font-weight:750;text-decoration:none}.client-portal-grid{width:min(100%,980px);height:min(78svh,760px);min-height:520px;margin:4px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:clamp(10px,1.7vw,20px)}.client-portal-enter,.client-portal-tile{position:relative;isolation:isolate;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand-blue) 55%,transparent);color:var(--brand-light-sand);background:linear-gradient(145deg,color-mix(in srgb,var(--brand-blue) 22%,var(--brand-navy)),color-mix(in srgb,var(--brand-navy) 93%,#000));box-shadow:0 22px 60px #0005,inset 0 1px #ffffff12;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.client-portal-enter:after,.client-portal-tile:after{content:"";position:absolute;z-index:-1;inset:auto -20% -75% 35%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--brand-blue) 20%,transparent);filter:blur(4px)}.client-portal-enter:hover,.client-portal-tile:hover,.client-portal-enter:focus-visible,.client-portal-tile:focus-visible{transform:translateY(-3px);border-color:var(--brand-blue);box-shadow:0 28px 72px #0007,0 0 0 3px color-mix(in srgb,var(--brand-blue) 22%,transparent);outline:0}.client-portal-enter{grid-column:1 / 4;grid-row:2;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(14px,2.5vw,30px);padding:clamp(18px,3vw,38px);border-radius:22px}.client-portal-enter>span{width:clamp(54px,7vw,78px);aspect-ratio:1;display:grid;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--brand-blue) 23%,var(--brand-navy))}.client-portal-enter .icon{width:62%}.client-portal-enter strong{font:650 clamp(24px,4vw,48px)/1 Manrope,sans-serif;letter-spacing:-.055em}.client-portal-enter small{color:var(--brand-sand);font:750 9px Manrope,sans-serif;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}.client-portal-tile{width:min(100%,178px);max-height:100%;aspect-ratio:1;align-self:center;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;border-radius:20px}.client-portal-tile[data-grid-slot=D1]{grid-column:1;grid-row:4}.client-portal-tile[data-grid-slot=D3]{grid-column:3;grid-row:4}.client-portal-tile .icon{width:clamp(34px,5vw,58px)}.client-portal-tile span{font:750 clamp(10px,1.1vw,13px) Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}.client-drive-shell{width:min(100%,920px);margin:clamp(28px,7vh,72px) auto 0}.client-drive-heading{margin-bottom:clamp(22px,4vw,36px)}.client-drive-heading p{margin:0 0 10px;color:var(--brand-blue);font:800 9px Manrope,sans-serif;letter-spacing:.18em}.client-drive-heading h1{margin:0;color:var(--brand-light-sand);font:650 clamp(34px,6vw,60px)/1 Manrope,sans-serif;letter-spacing:-.06em}.client-drive-heading span{display:block;max-width:600px;margin-top:14px;color:var(--text-muted);font-size:11px;line-height:1.6}.client-drive-list{display:grid;gap:12px}.client-drive-card{min-height:102px;display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 22px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:18px;color:var(--brand-light-sand);background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 88%,var(--brand-navy)),color-mix(in srgb,var(--brand-navy) 96%,#000));box-shadow:0 18px 52px #0003;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.client-drive-card:hover,.client-drive-card:focus-visible{transform:translateY(-2px);border-color:var(--brand-blue);background:color-mix(in srgb,var(--surface-2) 90%,var(--brand-blue));outline:0}.client-drive-card.is-personal{border-color:color-mix(in srgb,var(--brand-blue) 52%,var(--line))}.client-drive-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--brand-blue) 18%,var(--brand-navy))}.client-drive-icon .icon{width:36px}.client-drive-copy{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px}.client-drive-copy small{grid-column:1 / -1;color:var(--brand-blue);font:800 8px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase}.client-drive-copy strong{min-width:0;overflow-wrap:anywhere;font:700 clamp(16px,2.5vw,23px)/1.15 Manrope,sans-serif;letter-spacing:-.025em}.client-drive-copy em{justify-self:end;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--brand-sand);font: 800 8px Manrope,sans-serif;letter-spacing:.1em}.client-drive-card>b{color:var(--brand-blue);font-size:24px}.client-drive-warning{margin:0 0 12px;padding:12px 14px;border:1px solid #c66d6773;border-radius:12px;color:#efaaa4;background:#4b17172e;font-size:10px}.client-drive-empty{min-height:270px;display:grid;place-items:center;align-content:center;gap:12px;padding:30px;border:1px solid var(--line);border-radius:20px;text-align:center;background:color-mix(in srgb,var(--surface-1) 76%,transparent)}.client-drive-empty>.icon{width:48px}.client-drive-empty h2{margin:0;font-size:22px}.client-drive-empty p{max-width:470px;margin:0 0 6px;color:var(--text-muted);font-size:11px;line-height:1.55}.client-account-page{padding-bottom:max(32px,env(safe-area-inset-bottom))}.client-account-card{width:min(100%,820px);margin:clamp(26px,7vh,76px) auto 0;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 88%,var(--brand-navy)),color-mix(in srgb,var(--brand-navy) 96%,#000));box-shadow:0 30px 90px #0005}.client-account-heading{min-height:154px;display:flex;align-items:center;gap:22px;padding:clamp(24px,5vw,44px);border-bottom:1px solid var(--line)}.client-account-heading>.icon{width:62px}.client-account-heading p{margin:0 0 9px;color:var(--brand-blue);font:800 9px Manrope,sans-serif;letter-spacing:.17em}.client-account-heading h1{margin:0;color:var(--brand-light-sand);font:650 clamp(30px,5vw,48px)/1 Manrope,sans-serif;letter-spacing:-.055em}.client-account-heading span{display:block;margin-top:12px;color:var(--text-muted);font-size:11px;line-height:1.55}.client-profile-details{padding:10px clamp(24px,5vw,44px)}.client-profile-row{min-height:70px;display:grid;grid-template-columns:minmax(120px,.4fr) minmax(0,1fr);align-items:center;gap:18px;border-bottom:1px solid color-mix(in srgb,var(--line) 68%,transparent)}.client-profile-row:last-child{border-bottom:0}.client-profile-row span{color:var(--text-muted);font-size:10px}.client-profile-row strong{min-width:0;overflow-wrap:anywhere;color:var(--brand-light-sand);font-size:12px}.client-account-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px clamp(24px,5vw,44px);border-top:1px solid var(--line);background:color-mix(in srgb,var(--brand-navy) 80%,transparent)}.client-danger-action{min-height:40px;padding:0 15px;border:1px solid #c66d6766;border-radius:var(--control-radius);background:transparent;color:#efaaa4;font-size:10px;font-weight:750;cursor:pointer}.client-settings-list{display:grid;gap:9px;padding:clamp(20px,4vw,34px)}.client-settings-link{min-height:76px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px 16px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:14px;color:var(--brand-light-sand);background:color-mix(in srgb,var(--surface-1) 76%,transparent);text-decoration:none;transition:border-color .18s ease,background .18s ease}.client-settings-link:hover,.client-settings-link:focus-visible{border-color:var(--brand-blue);background:var(--surface-2);outline:0}.client-settings-link>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--brand-blue) 17%,transparent)}.client-settings-link .icon{width:25px}.client-settings-link div{display:grid;gap:5px}.client-settings-link strong{font-size:12px}.client-settings-link small{color:var(--text-muted);font-size:9px;line-height:1.45}.client-settings-link>b{color:var(--brand-blue);font-size:18px}@media(max-width:640px){.client-portal{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.client-portal-header>div>span{display:none}.client-portal-grid{min-height:500px;gap:10px}.client-portal-enter{grid-template-columns:auto minmax(0,1fr);padding:16px;border-radius:17px}.client-portal-enter>span{width:50px;border-radius:13px}.client-portal-enter small{display:none}.client-portal-tile{width:min(100%,118px);border-radius:16px}.client-drive-shell{margin-top:28px}.client-drive-card{min-height:88px;grid-template-columns:50px minmax(0,1fr) auto;gap:13px;padding:14px;border-radius:15px}.client-drive-icon{width:50px;height:50px;border-radius:12px}.client-drive-icon .icon{width:29px}.client-drive-copy{grid-template-columns:1fr}.client-drive-copy em{justify-self:start}.client-account-heading{align-items:flex-start}.client-account-heading>.icon{width:48px}.client-profile-row{grid-template-columns:1fr;align-content:center;gap:5px}}@media(max-height:540px)and (orientation:landscape){.client-portal{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.client-portal-header{min-height:48px}.client-portal-header .brand-logo{width:42px;height:42px}.client-portal-grid{height:calc(100svh - 72px);min-height:250px;margin-top:0;grid-template-rows:.18fr 1fr .18fr 1fr .18fr;gap:7px}.client-portal-enter{padding:10px 16px;border-radius:15px}.client-portal-enter>span{width:43px;border-radius:11px}.client-portal-enter strong{font-size:clamp(20px,5vw,32px)}.client-portal-tile{width:min(100%,88px);gap:6px;border-radius:14px}.client-portal-tile .icon{width:30px}.client-account-card{margin-top:12px}}.icon-ui-role-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.icon-ui-role-grid .icon-library-record{display:grid;grid-template-rows:auto auto auto 1fr;gap:10px;align-content:start;padding:14px}.icon-ui-role-grid .icon-library-primary-preview{width:100%;height:auto;aspect-ratio:1}.icon-ui-role-grid .icon-library-primary-preview img{width:76%;height:76%}.icon-ui-role-grid .icon-library-copy{display:grid;gap:4px}.icon-ui-role-grid .icon-library-copy>span{color:var(--brand-blue);font:700 7px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;overflow-wrap:anywhere}.icon-ui-role-grid .icon-library-copy strong{font:650 13px Manrope,sans-serif}.icon-ui-role-grid .icon-library-copy small{min-height:2.8em;color:var(--text-muted);font-size:8px;line-height:1.4}.icon-ui-role-grid .icon-library-copy em{color:var(--brand-sand);font: 7px/1.35 Manrope,sans-serif}.icon-ui-role-grid .icon-library-status{grid-column:auto}.icon-ui-role-grid .icon-library-status small{display:block;margin-top:5px;color:var(--brand-blue);font-size:8px}.icon-ui-role-grid .icon-library-actions{align-self:end;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.icon-ui-role-grid .icon-library-actions .design-button{width:100%;min-width:0;min-height:42px;padding-inline:8px;font-size:8px}.icon-ui-role-grid .icon-library-actions .icon{width:16px}.icon-change-layer{position:fixed;z-index:108;inset:0;display:grid;place-items:center;overflow:auto;padding:24px;background:#02070be6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.icon-change-panel{width:min(1480px,100%);height:min(92dvh,980px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid color-mix(in srgb,var(--brand-blue) 44%,transparent);border-radius:22px;background:color-mix(in srgb,var(--brand-navy) 97%,#000);box-shadow:0 30px 100px #000b}.icon-change-panel>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-bottom:1px solid color-mix(in srgb,var(--brand-blue) 18%,transparent)}.icon-change-title{min-width:0;display:flex;align-items:center;gap:14px}.icon-change-title .icon-library-primary-preview{width:70px;height:70px;flex:0 0 70px;border-radius:11px}.icon-change-title .icon-library-primary-preview img{width:60px;height:60px}.icon-change-title h2{margin:4px 0;font:650 24px/1.05 Manrope,sans-serif}.icon-change-title p:last-child{max-width:660px;margin:0;color:var(--text-muted);font-size:9px;line-height:1.45}.icon-change-header-actions{display:flex;align-items:center;gap:9px}.icon-change-header-actions>[data-icon-change-close]{width:46px;min-width:46px;min-height:46px;border:1px solid color-mix(in srgb,var(--brand-blue) 30%,transparent);background:transparent;color:var(--brand-light-sand);cursor:pointer}.icon-change-header-actions>[data-icon-change-close] .icon{width:20px}.icon-change-body{overflow:auto;padding:12px}.icon-change-body .icon-library-toolbar{top:0}.icon-assignment-target{position:sticky;z-index:18;top:70px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);gap:18px;align-items:center;margin:0 0 14px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--brand-blue) 55%,transparent);border-radius:16px;background:color-mix(in srgb,var(--brand-navy) 96%,#000);box-shadow:0 12px 35px #0005}.icon-assignment-target .eyebrow{margin:0 0 4px}.icon-assignment-target h3{margin:0;font:600 16px/1.2 Manrope,sans-serif}.icon-assignment-target h3 strong{color:var(--brand-blue)}.icon-assignment-target p:last-child{margin:5px 0 0;color:var(--text-muted);font-size:9px}.icon-assignment-target label{display:grid;gap:5px;color:var(--brand-sand);font:700 8px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}.icon-assignment-target select{width:100%;min-height:44px;padding:0 38px 0 12px;border:1px solid color-mix(in srgb,var(--brand-blue) 38%,transparent);border-radius:11px;background:color-mix(in srgb,var(--brand-navy) 88%,#000);color:var(--brand-light-sand);font:600 11px Manrope,sans-serif;text-transform:none}.icon-system-workspace{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(0,1.6fr);gap:16px;align-items:start}.icon-role-panel,.icon-catalog-panel{min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand-blue) 22%,transparent);border-radius:18px;background:color-mix(in srgb,var(--brand-navy) 94%,#000)}.icon-role-panel{position:sticky;top:86px;max-height:calc(100dvh - 112px)}.icon-role-panel>header,.icon-catalog-panel>header{min-height:70px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid color-mix(in srgb,var(--brand-blue) 18%,transparent)}.icon-role-panel>header>span,.icon-catalog-panel>header>span{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid var(--brand-blue);border-radius:50%;color:var(--brand-blue);font:700 11px Manrope,sans-serif}.icon-role-panel>header div,.icon-catalog-panel>header div{display:grid;gap:3px}.icon-role-panel>header strong,.icon-catalog-panel>header strong{font:650 14px Manrope,sans-serif}.icon-role-panel>header small,.icon-catalog-panel>header small{color:var(--text-muted);font-size:9px}.icon-role-list{max-height:calc(100dvh - 184px);overflow:auto;padding:9px;scrollbar-width:thin}.icon-role-list .icon-library-record{margin-bottom:7px;border-radius:12px}.icon-role-list .icon-library-record.is-selected{border-color:var(--brand-blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-blue) 18%,transparent)}.icon-role-select{width:100%;min-height:88px;display:grid;grid-template-columns:62px minmax(0,1fr);gap:11px;align-items:center;padding:10px;border:0;background:transparent;color:var(--brand-light-sand);text-align:left;cursor:pointer}.icon-role-select:disabled{cursor:default}.icon-role-select .icon-library-primary-preview{width:62px;height:62px;border-radius:10px}.icon-role-select .icon-library-primary-preview img{width:52px;height:52px}.icon-role-select .icon-library-copy{display:grid;gap:3px}.icon-role-select .icon-library-copy>span{color:var(--brand-blue);font:700 7px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}.icon-role-select .icon-library-copy strong{font:650 12px Manrope,sans-serif}.icon-role-select .icon-library-copy small{color:var(--text-muted);font-size:8px;line-height:1.35}.icon-role-select .icon-library-copy em{color:var(--brand-sand);font: 7px/1.35 Manrope,sans-serif}.icon-role-select .icon-library-status{grid-column:1/-1}.icon-role-list .icon-library-actions{padding:0 10px 10px}.icon-role-list .icon-library-actions .design-button{min-height:38px;font-size:8px}.icon-catalog-panel .icon-library-toolbar{position:sticky;top:86px;margin:9px}.icon-catalog-records{padding:0 9px 9px}.icon-catalog-records.is-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:9px}.icon-catalog-card{min-width:0;display:grid;grid-template-rows:auto 1fr auto;gap:11px;padding:13px;border:1px solid color-mix(in srgb,var(--brand-blue) 18%,transparent);border-radius:14px;background:color-mix(in srgb,var(--brand-navy) 90%,#000)}.icon-catalog-card:hover,.icon-catalog-card.is-current{border-color:color-mix(in srgb,var(--brand-blue) 65%,transparent)}.icon-catalog-art{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid #d5dce0;border-radius:11px;background:repeating-conic-gradient(#fff 0 25%,#e8edf0 0 50%) 50%/16px 16px}.icon-catalog-art img{width:72%;height:72%;object-fit:contain}.icon-catalog-copy{min-width:0}.icon-catalog-copy>span{color:var(--brand-blue);font:700 7px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase}.icon-catalog-copy h3,.icon-catalog-copy>strong{display:block;margin:6px 0 4px;font:650 14px Manrope,sans-serif}.icon-catalog-copy p,.icon-family-variation-count{display:block;min-height:2.7em;margin:0;color:var(--text-muted);font-size:9px;line-height:1.45}.icon-catalog-copy small{display:block;margin-top:7px;color:#82c99b;font-size:8px;line-height:1.4}.icon-catalog-copy small.is-used{color:#efbd72}.icon-catalog-card>.design-button{width:100%;min-height:42px;padding-inline:10px;font-size:8px}.icon-family-open{width:100%;color:inherit;text-align:left;cursor:pointer;transition:border-color .16s,transform .16s,background .16s}.icon-family-open:hover,.icon-family-open:focus-visible{border-color:var(--brand-blue);background:color-mix(in srgb,var(--brand-blue) 15%,var(--brand-navy));transform:translateY(-1px);outline:0}.icon-family-open:disabled{cursor:default}.icon-family-card .icon-catalog-art,.icon-family-card .icon-catalog-copy{pointer-events:none}.icon-catalog-more{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 10px 18px}.icon-catalog-more small{color:var(--text-muted);font-size:9px}.icon-variation-layer{position:fixed;z-index:112;inset:0;display:grid;place-items:center;overflow:auto;padding:24px;background:#02070be6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.icon-variation-panel{width:min(1040px,100%);max-height:min(88dvh,900px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid color-mix(in srgb,var(--brand-blue) 44%,transparent);border-radius:22px;background:color-mix(in srgb,var(--brand-navy) 97%,#000);box-shadow:0 30px 100px #000b}.icon-variation-panel>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid color-mix(in srgb,var(--brand-blue) 18%,transparent)}.icon-variation-panel>header h2{margin:5px 0;font:650 24px/1.05 Manrope,sans-serif}.icon-variation-panel>header p:last-child{max-width:640px;margin:0;color:var(--text-muted);font-size:10px}.icon-variation-panel>header button{width:46px;min-width:46px;min-height:46px;border:1px solid color-mix(in srgb,var(--brand-blue) 30%,transparent);background:transparent;color:var(--brand-light-sand);cursor:pointer}.icon-variation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;overflow:auto;padding:16px}.icon-variation-card{min-width:0;display:grid;grid-template-rows:auto 1fr auto;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--brand-blue) 20%,transparent);border-radius:14px;background:color-mix(in srgb,var(--brand-navy) 90%,#000);color:inherit;text-align:left;cursor:pointer;transition:border-color .16s,transform .16s,background .16s}.icon-variation-card:hover,.icon-variation-card:focus-visible{border-color:var(--brand-blue);background:color-mix(in srgb,var(--brand-blue) 15%,var(--brand-navy));transform:translateY(-1px);outline:0}.icon-variation-card.is-current{border-color:var(--brand-blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-blue) 17%,transparent)}.icon-variation-art{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid #d5dce0;border-radius:11px;background:repeating-conic-gradient(#fff 0 25%,#e8edf0 0 50%) 50%/16px 16px}.icon-variation-art img{width:72%;height:72%;object-fit:contain}.icon-variation-card strong{display:block;font:650 13px Manrope,sans-serif}.icon-variation-card small{display:block;margin-top:3px;color:var(--text-muted);font-size:8px}.icon-variation-copy>span{display:block;min-height:2.6em;margin:8px 0 0;color:#82c99b;font-size:8px;line-height:1.35}.icon-variation-copy>span.is-used{color:#efbd72}.icon-variation-card .design-button{width:100%;min-height:40px;font-size:8px}.icon-catalog-records.is-list{display:grid;gap:7px}.icon-catalog-records.is-list .icon-catalog-card{grid-template-columns:76px minmax(0,1fr) auto;grid-template-rows:auto;align-items:center}.icon-catalog-records.is-list .icon-catalog-art{width:76px}.icon-catalog-records.is-list .icon-catalog-copy p{min-height:0}.icon-catalog-records.is-list .icon-catalog-card>.design-button{width:auto;min-width:144px}@media(max-width:980px){.icon-ui-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.icon-system-workspace{grid-template-columns:1fr}.icon-role-panel{position:static;max-height:none}.icon-role-list{max-height:390px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.icon-role-list .icon-library-record{margin:0}}@media(max-width:640px){.icon-ui-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.icon-ui-role-grid .icon-library-record{padding:10px}.icon-change-layer{align-items:end;padding:0}.icon-change-panel{height:95dvh;border-radius:20px 20px 0 0}.icon-change-panel>header{position:relative;align-items:flex-start;flex-wrap:wrap;padding:12px 64px 12px 12px}.icon-change-title .icon-library-primary-preview{width:54px;height:54px;flex-basis:54px}.icon-change-title .icon-library-primary-preview img{width:46px;height:46px}.icon-change-title h2{font-size:18px}.icon-change-title p:last-child{display:none}.icon-change-header-actions{width:100%;justify-content:flex-start}.icon-change-header-actions>[data-icon-change-close]{position:absolute;top:12px;right:12px}.icon-assignment-target{position:static;grid-template-columns:1fr;gap:10px}.icon-role-list{grid-template-columns:1fr;max-height:340px}.icon-catalog-records.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-catalog-card{padding:10px}.icon-catalog-copy p{min-height:0}.icon-catalog-records.is-list .icon-catalog-card{grid-template-columns:62px minmax(0,1fr)}.icon-catalog-records.is-list .icon-catalog-art{width:62px}.icon-catalog-records.is-list .icon-catalog-card>.design-button{grid-column:1/-1;width:100%}.icon-library-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-variation-layer{align-items:end;padding:0}.icon-variation-panel{max-height:94dvh;border-radius:20px 20px 0 0}.icon-variation-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}}