@font-face{font-family:Montserrat;font-weight:400;font-style:normal;font-display:swap;src:url('assets/fonts/Montserrat-Regular.woff2') format('woff2')}
@font-face{font-family:Montserrat;font-weight:500;font-style:normal;font-display:swap;src:url('assets/fonts/Montserrat-Medium.woff2') format('woff2')}
@font-face{font-family:Montserrat;font-weight:600;font-style:normal;font-display:swap;src:url('assets/fonts/Montserrat-SemiBold.woff2') format('woff2')}
@font-face{font-family:Montserrat;font-weight:400;font-style:normal;font-display:swap;src:url('assets/fonts/Montserrat-Cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Montserrat;font-weight:500;font-style:normal;font-display:swap;src:url('assets/fonts/Montserrat-Cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Montserrat;font-weight:600;font-style:normal;font-display:swap;src:url('assets/fonts/Montserrat-Cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;padding-bottom:76px;min-height:100svh;display:flex;flex-direction:column;background:var(--an-color-workspace);color:var(--an-color-text);font:400 14px/1.57 var(--an-font-sans)}
button,input,select{font:inherit}
button,a,summary,select{-webkit-tap-highlight-color:transparent}
button,summary{cursor:pointer}
button{color:inherit}
a{color:var(--an-color-primary);text-underline-offset:4px}
:focus-visible{outline:2px solid var(--an-color-primary);outline-offset:2px}
::selection{background:var(--an-color-selected);color:var(--an-color-text)}
.icon{display:block;width:20px;height:20px;flex:none}
[data-icon]{display:inline-flex}
.start-layout{width:100%;padding:48px 16px 24px;margin-block:auto}
.start-card{width:100%;max-width:600px;margin-inline:auto;padding:32px;background:var(--an-color-surface);border-radius:16px;border:1px solid var(--an-color-border);text-align:center}
.brand{display:flex;justify-content:center;align-items:center;gap:8px;font-weight:600}
.brand [data-icon]{color:var(--an-color-primary)}
h1,h2,p{margin:0}
h1{font-size:18px;font-weight:600;line-height:1.44;text-wrap:balance}
.intro{max-width:460px;margin:8px auto 24px;text-wrap:pretty;color:var(--an-color-text-secondary)}
.button{min-height:36px;padding:7px 12px;border:1px solid transparent;border-radius:8px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:500;font-size:14px;line-height:20px;text-decoration:none}
.primary{background:var(--an-color-primary);color:var(--an-color-text-inverse)}
.primary:hover{background:var(--an-color-primary-hover)}
.primary:active{background:var(--an-color-primary-pressed)}
.neutral{background:var(--an-color-surface);border-color:var(--an-color-border);color:var(--an-color-text)}
.neutral:hover,.text-button:hover{background:var(--an-color-hover);color:var(--an-color-primary)}
.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:var(--an-color-primary);font-size:12px;font-weight:500;line-height:20px;text-decoration:underline}
.benefit-detail{display:flex;justify-content:center;gap:8px;color:var(--an-color-text-secondary);margin-top:4px}
.prototype-note{max-width:520px;margin:20px auto 0;text-align:center;font-size:12px;line-height:1.5;color:var(--an-color-text-secondary)}
.prototype-note .text-button{margin-top:4px}
.start-footer{position:fixed;right:24px;bottom:20px;z-index:2;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:4px;border-radius:8px;background:var(--an-color-workspace);font-size:12px;color:var(--an-color-text-secondary)}
select{height:36px;background:var(--an-color-surface);border:1px solid var(--an-color-border);border-radius:8px;padding:0 8px;color:var(--an-color-text);font-size:12px}
#draft-error{margin:24px 0 16px}
.recovery-actions{display:flex;flex-wrap:wrap;gap:8px;margin:-8px 0 16px;text-align:left}
#retry-file{margin-top:8px}
button:disabled{opacity:.55;cursor:wait}
dialog{width:480px;max-width:calc(100% - 32px);padding:20px;border:0;border-radius:16px;color:var(--an-color-text);background:var(--an-color-surface);box-shadow:var(--an-shadow-large)}
dialog::backdrop{background:var(--an-color-backdrop)}
dialog h2{font-size:18px;font-weight:600;line-height:1.44}
dialog p{margin-top:12px;color:var(--an-color-text-secondary)}
.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
.danger{background:var(--an-color-danger);color:white}
.danger:hover{filter:brightness(.92)}
@media(max-width:600px){.start-layout{padding-top:24px}.start-card{padding:24px 20px}.start-footer{right:16px}}
