@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}:root{--sp-bg:#101518;--sp-panel:#1b2227;--sp-raised:#252e34;--sp-border:#39434a;--sp-text:#f1f3f4;--sp-muted:#a8b4bb;--sp-yellow:#f5cb4c;--sp-orange:#f18d4d;--sp-success:#41df91;--sp-error:#ff707b;--sp-map:#1c262a;--sp-map-building:#253137;--sp-map-building-edge:#34444a;--sp-map-road:#3b494f;--sp-map-road-edge:#526068;--sp-map-label:#b7c4ca;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--sp-text);background:var(--sp-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;font-size:14px;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}p,h1,h2{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}svg{flex-shrink:0}:focus-visible{outline:2px solid var(--sp-yellow);outline-offset:4px}::selection{color:var(--sp-bg);background:var(--sp-yellow)}h1{font-size:20px;font-weight:600;line-height:1.4}h1:focus{outline:none}h2{font-size:17px;font-weight:600;line-height:1.4}.eyebrow{color:var(--sp-muted);margin-bottom:8px;font-size:12px;font-weight:500}.intro{color:var(--sp-muted);margin-top:8px;font-size:14px;line-height:1.6}.full-width{width:100%}.button{border:1px solid var(--sp-yellow);background:var(--sp-yellow);max-width:100%;min-height:44px;color:var(--sp-bg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;line-height:1.4;display:inline-flex}.button:hover:not(:disabled){filter:brightness(1.06)}.button:active:not(:disabled){filter:brightness(.94)}.button--secondary{color:var(--sp-text);background:var(--sp-panel);border-color:var(--sp-border)}.button--secondary:hover:not(:disabled){background:var(--sp-raised);filter:none}.button--danger{color:var(--sp-bg);background:var(--sp-error);border-color:var(--sp-error)}.button:disabled{color:var(--sp-muted);background:var(--sp-raised);border-color:var(--sp-border);cursor:default}.icon-button{width:44px;height:44px;color:var(--sp-muted);background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{background:var(--sp-raised);color:var(--sp-text)}.text-button{min-height:44px;color:var(--sp-yellow);background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:8px 0;font-size:13px;font-weight:500;line-height:1.5;display:inline-flex}.text-button:hover:not(:disabled){text-decoration:underline}.text-button:disabled{color:var(--sp-muted)}.skip-link{z-index:10;background:var(--sp-yellow);color:var(--sp-bg);border-radius:8px;padding:12px 16px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:2;min-height:60px;padding:max(8px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));background:var(--sp-panel);border-bottom:1px solid var(--sp-border);align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{white-space:nowrap;border-radius:6px;align-items:center;gap:10px;min-height:44px;font-size:15px;font-weight:600;display:inline-flex}.brand-icon{width:30px;height:32px;color:var(--sp-orange);place-items:center;display:grid}.header-page{border-left:1px solid var(--sp-border);color:var(--sp-muted);margin-left:20px;padding-left:24px;font-size:13px}.header-account{border:1px solid var(--sp-border);background:var(--sp-raised);border-radius:8px;place-items:center;width:44px;height:44px;margin-left:auto;font-weight:600;display:grid}.header-account:hover{border-color:var(--sp-yellow)}.mobile-toggle{display:none}.shell-body{flex:1;min-width:0;display:flex}.desktop-navigation{top:calc(60px + max(0px, env(safe-area-inset-top) - 8px));width:224px;height:calc(100dvh - 60px - max(0px, env(safe-area-inset-top) - 8px));padding:20px 12px max(16px, env(safe-area-inset-bottom));border-right:1px solid var(--sp-border);background:var(--sp-panel);flex-direction:column;flex-shrink:0;gap:8px;display:flex;position:sticky;overflow-y:auto}.desktop-navigation[hidden]{display:none}.navigation-heading{color:var(--sp-muted);justify-content:space-between;align-items:center;padding:0 12px 8px;font-size:11px;font-weight:500;display:flex}nav{flex-direction:column;gap:4px;display:flex}.nav-link{min-height:44px;color:var(--sp-muted);border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.nav-link span{overflow-wrap:anywhere;min-width:0}.nav-link:hover{background:var(--sp-raised);color:var(--sp-text)}.nav-link.active{background:var(--sp-bg);color:var(--sp-yellow);border-color:var(--sp-yellow)}.nav-lock{color:var(--sp-muted);margin-left:auto}.navigation-account{gap:16px;margin-top:auto;padding:24px 4px 0;display:grid}.account-summary{align-items:flex-start;gap:10px;display:flex}.account-avatar{border:1px solid var(--sp-border);background:var(--sp-raised);border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:grid}.account-summary>div{min-width:0}.account-summary p{overflow-wrap:anywhere;font-size:12px;font-weight:500}.account-summary div>span{color:var(--sp-muted);overflow-wrap:anywhere;margin-top:4px;font-size:11px;display:block}.sign-out{justify-content:flex-start;font-size:13px}.navigation-note{color:var(--sp-muted);padding:0 8px;font-size:12px;line-height:1.6}.main-content{flex:1;min-width:0;display:flex}.auth-page{flex:1;min-width:0;padding:48px;display:flex}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(0,400px);align-items:center;gap:64px;width:100%;max-width:900px;margin:auto;padding:24px 0;display:grid}.auth-intro{max-width:340px}.auth-mark{width:56px;height:56px;color:var(--sp-orange);background:var(--sp-panel);border:1px solid var(--sp-border);border-radius:12px;place-items:center;margin-bottom:32px;display:grid}.auth-intro .eyebrow{margin-bottom:16px}.auth-intro h2{letter-spacing:-.6px;font-size:28px;line-height:1.35}.auth-intro>p:not(.eyebrow){color:var(--sp-muted);margin-top:16px;font-size:14px;line-height:1.8}.workflow-preview{color:var(--sp-muted);align-items:center;gap:12px;margin-top:32px;font-size:12px;display:flex}.workflow-preview svg{color:var(--sp-orange)}.auth-card{background:var(--sp-panel);border:1px solid var(--sp-border);border-radius:12px;min-width:0;padding:32px}.auth-card-heading{margin-bottom:24px}.google-mark{font-size:18px;font-weight:600;line-height:1}.auth-divider{color:var(--sp-muted);align-items:center;gap:12px;margin:24px 0;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--sp-border);flex:1;height:1px}.auth-card form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field label{font-size:13px;font-weight:500}.field-control{background:var(--sp-bg);border:1px solid var(--sp-border);border-radius:8px;align-items:center;display:flex}.field-control:focus-within{border-color:var(--sp-yellow);box-shadow:0 0 0 1px var(--sp-yellow)}.field-control input,.field-control textarea,.field-control select{width:100%;min-width:0;min-height:44px;color:var(--sp-text);background:0 0;border:0;border-radius:8px;outline:none;padding:12px;font-size:14px}.field-control--error{border-color:var(--sp-error)}.field-control--error:focus-within{border-color:var(--sp-error);box-shadow:0 0 0 1px var(--sp-error)}.field-control input:disabled,.field-control textarea:disabled{color:var(--sp-muted)}.field-control textarea{resize:vertical}.field-control select,.field-control select option{background:var(--sp-bg)}.field-control--select{position:relative}.field-control--select select{appearance:none;padding-right:40px}.select-chevron{color:var(--sp-muted);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle{width:44px;height:44px;margin-right:2px}.field-error{color:var(--sp-error);align-items:flex-start;gap:6px;font-size:12px;line-height:1.5;display:flex}.field-error svg{margin-top:2px}.field-hint{color:var(--sp-muted);font-size:11px;line-height:1.6}.reset-link{align-self:flex-end;margin-top:-8px}.auth-switch{color:var(--sp-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;margin-top:16px;font-size:12px;display:flex}.notice{background:var(--sp-bg);border:1px solid var(--sp-border);overflow-wrap:anywhere;border-radius:8px;align-items:flex-start;gap:8px;padding:12px;font-size:12px;line-height:1.6;display:flex}.notice svg{margin-top:1px}.notice--error{color:var(--sp-error)}.notice--success{color:var(--sp-success)}.notice--loading{color:var(--sp-muted)}.session-status{gap:16px;max-width:min(400px,100% - 32px);margin:auto;display:grid}.page-content{width:100%;max-width:1096px;margin:0 auto;padding:48px}.page-heading{margin-bottom:32px}.empty-state{text-align:center;border:1px solid var(--sp-border);background:var(--sp-panel);border-radius:12px;flex-direction:column;align-items:center;padding:64px 32px;display:flex}.empty-icon{border:1px solid var(--sp-border);background:var(--sp-bg);width:64px;height:64px;color:var(--sp-orange);border-radius:12px;place-items:center;margin-bottom:24px;display:grid}.empty-state>p{max-width:380px;color:var(--sp-muted);margin-top:12px;font-size:14px;line-height:1.7}.project-preview{color:var(--sp-muted);flex-wrap:wrap;justify-content:center;gap:24px;margin:32px 0;font-size:12px;display:flex}.project-preview>div{align-items:center;gap:8px;display:flex}.projects-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.projects-heading>div{min-width:0}.projects-heading>.button{flex-shrink:0}.projects-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,240px);gap:16px;margin-bottom:24px;display:grid}.projects-feedback{justify-items:start;gap:12px;margin-bottom:24px;display:grid}.projects-count{color:var(--sp-muted);font-variant-numeric:tabular-nums;margin-bottom:12px;font-size:12px}.projects-list{border:1px solid var(--sp-border);background:var(--sp-panel);border-radius:12px;margin:0;padding:0;list-style:none}.project-row{align-items:center;gap:24px;padding:20px 24px;display:flex}.project-row+.project-row{border-top:1px solid var(--sp-border)}.project-summary{flex:1;min-width:0}.project-summary h2,.project-title{overflow-wrap:anywhere}.project-summary p{color:var(--sp-muted);font-variant-numeric:tabular-nums;margin-top:8px;font-size:12px}.project-actions{flex-shrink:0;gap:8px;display:flex}.project-delete{color:var(--sp-error)}.projects-pagination{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:24px;display:grid}.projects-pagination>span{text-align:center;color:var(--sp-muted);font-variant-numeric:tabular-nums;font-size:12px}.project-back{gap:8px;margin-bottom:16px}.modal{border:1px solid var(--sp-border);background:var(--sp-panel);width:calc(100% - 32px);max-width:520px;max-height:calc(100dvh - 32px);color:var(--sp-text);border-radius:12px;margin:auto;padding:24px;overflow-y:auto}.modal::backdrop{background:#0009}.modal .intro{overflow-wrap:anywhere}.modal>.notice{margin-top:16px}.project-form{gap:16px;margin-top:24px;display:grid}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.project-form .modal-actions{margin-top:8px}.placeholder-label{border:1px solid var(--sp-border);min-height:24px;color:var(--sp-muted);border-radius:6px;align-items:center;padding:3px 8px;font-size:11px;font-weight:500;line-height:1.5;display:inline-flex}.settings-card{border:1px solid var(--sp-border);background:var(--sp-panel);border-radius:12px;margin-bottom:24px;padding:24px}.section-heading{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.section-heading>svg{color:var(--sp-muted)}.section-heading .placeholder-label{margin-left:auto}.account-details{margin:24px 0 0}.account-details>div{border-top:1px solid var(--sp-border);grid-template-columns:140px minmax(0,1fr);gap:16px;padding:16px 0;display:grid}.account-details dt{color:var(--sp-muted);font-size:13px}.account-details dd{overflow-wrap:anywhere;margin:0;font-size:13px}.mobile-navigation{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--sp-text);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0}.mobile-navigation::backdrop{background:#00000080}.mobile-navigation-content{width:min(304px,100% - 48px);min-height:100%;padding:max(12px, env(safe-area-inset-top)) 12px max(20px, env(safe-area-inset-bottom));background:var(--sp-panel);border-right:1px solid var(--sp-border);flex-direction:column;display:flex}.mobile-navigation .navigation-heading{padding-bottom:16px;font-size:13px}.mobile-navigation .nav-link{min-height:48px;font-size:14px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.auth-layout{grid-template-columns:minmax(0,400px);justify-content:center;max-width:400px}.auth-intro{display:none}.auth-page,.page-content{padding:32px}}@media (width<=600px){.app-header{padding-right:max(12px, env(safe-area-inset-right));padding-left:max(8px, env(safe-area-inset-left));gap:8px}.desktop-toggle,.desktop-navigation,.header-page{display:none}.mobile-toggle{display:inline-flex}.brand{gap:4px;font-size:14px}.auth-page,.page-content{padding:24px max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.auth-layout{padding:0}.auth-card{padding:24px}.field-control input,.field-control textarea,.field-control select{font-size:16px}.projects-heading{flex-direction:column;align-items:stretch;gap:16px}.projects-toolbar{grid-template-columns:minmax(0,1fr)}.project-row{padding:20px;display:block}.project-actions{margin-top:16px}.project-actions>.button{flex:1}.projects-pagination{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.projects-pagination>span{grid-area:1/1/auto/-1}.modal{max-height:calc(100dvh - max(16px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom)));padding:24px 20px}.modal-actions{flex-direction:column}.empty-state{padding:40px 24px}.page-heading{margin-bottom:24px}.settings-card{padding:20px}.section-heading{gap:8px}.section-heading .placeholder-label{margin-left:0}.account-details>div{grid-template-columns:minmax(0,1fr);gap:8px}.project-preview{flex-direction:column;gap:16px}.auth-switch{column-gap:4px}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.templates-list:empty{display:none}.template-filename{overflow-wrap:anywhere}.template-actions{flex-shrink:0;justify-items:end;gap:12px;display:grid}.template-status{color:var(--sp-muted);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:inline-flex}.template-status--ready{color:var(--sp-success)}.template-status--failed,.project-summary .template-error{color:var(--sp-error)}.template-progress{gap:12px;display:grid}.template-progress progress{width:100%;accent-color:var(--sp-yellow)}.field-control input[type=file]{min-width:0;padding:8px;font-size:13px}.field-control input[type=file]::file-selector-button{border:1px solid var(--sp-border);background:var(--sp-raised);color:var(--sp-text);font:inherit;cursor:pointer;border-radius:6px;margin-right:12px;padding:8px 12px}@media (width<=600px){.template-row{flex-direction:column;align-items:stretch;gap:16px}.template-actions{justify-content:space-between;align-items:center;display:flex}.field-control input[type=file]{font-size:16px}.field-control input[type=file]::file-selector-button{min-height:44px}}
