:root{--bg: #f8fafc;--surface: #ffffff;--border: #e2e8f0;--border-light: #f1f5f9;--text: #0f172a;--text-2: #475569;--text-3: #94a3b8;--accent: #2563eb;--accent-dark: #1d4ed8;--accent-light: #eff6ff;--success: #059669;--success-bg: #ecfdf5;--success-ring: #6ee7b7;--warn: #b45309;--warn-bg: #fffbeb;--warn-border: #fde68a;--danger: #dc2626;--danger-bg: #fef2f2;--danger-ring: #fca5a5;--header-h: 52px;--r: 6px;--r-lg: 10px;--shadow: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}.app{display:flex;flex-direction:column;min-height:100vh}.app__header{display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.app__brand{display:flex;align-items:center;gap:.5rem}.app__logo{color:var(--accent);flex-shrink:0}.app__name{font-size:.9375rem;font-weight:600;color:var(--text);letter-spacing:-.01em;margin:0}.app__privacy{display:flex;align-items:center;gap:.35rem;font-size:.725rem;font-weight:500;color:var(--success);background:var(--success-bg);padding:.2rem .6rem;border-radius:20px;border:1px solid var(--success-ring);line-height:1;white-space:nowrap}button{display:inline-flex;align-items:center;gap:.3rem;font:inherit;font-size:.8125rem;font-weight:500;padding:.375rem .75rem;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--text-2);cursor:pointer;transition:background .1s,border-color .1s,color .1s;white-space:nowrap;line-height:1.4}button:hover:not(:disabled){background:var(--border-light);border-color:#cbd5e1;color:var(--text)}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button:active:not(:disabled){transform:translateY(.5px)}button:disabled{opacity:.4;cursor:not-allowed}.viewer__openbtn{display:inline-flex;align-items:center;gap:.35rem;font-family:inherit;font-size:.8125rem;font-weight:500;padding:.375rem .85rem;border:1px solid var(--accent-dark);border-radius:var(--r);background:var(--accent);color:#fff;cursor:pointer;transition:background .1s,border-color .1s;white-space:nowrap;line-height:1.4;-webkit-user-select:none;user-select:none}.viewer__openbtn:hover{background:var(--accent-dark);border-color:#1e40af}.viewer__toolbar{display:flex;align-items:center;gap:.4rem;padding:.5rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0}.viewer__toolbarSep{width:1px;height:1.125rem;background:var(--border);margin:0 .1rem;flex-shrink:0}.viewer__status{margin-left:auto;font-size:.8125rem;color:var(--text-3);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer__error{color:var(--danger)}.viewer__dirty{font-size:.775rem;font-weight:600;color:var(--warn);white-space:nowrap}.viewer__body{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;flex:1}.viewer__pages{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.viewer__pageWrap{position:relative;box-shadow:var(--shadow),0 0 0 1px #0000000a;background:#fff;border-radius:2px}.viewer__page{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.viewer__empty{width:100%;max-width:26rem;margin:2.5rem auto 0;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.viewer__emptyDropzone{width:100%;padding:2.5rem 2rem;border:2px dashed var(--border);border-radius:var(--r-lg);background:var(--surface);display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.viewer__emptyTitle{margin:0;font-size:1rem;font-weight:600;color:var(--text)}.viewer__emptyDesc{margin:0;font-size:.8125rem;color:var(--text-2);line-height:1.5}.viewer__emptyFeatures{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem;font-size:.8rem;color:var(--text-2);align-self:stretch;padding:0 .5rem}.viewer__emptyFeatures li{display:flex;align-items:flex-start;gap:.5rem}.viewer__emptyFeatures li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:.45rem}.overlay{position:absolute;top:0;right:0;bottom:0;left:0}.overlay__run{position:absolute;margin:0;padding:0;border:1px solid transparent;border-radius:2px;background:transparent;cursor:pointer}.overlay__run:hover,.overlay__run:focus-visible{background:#2563eb1a;border-color:#2563eb66;outline:none}.overlay__run--selected,.overlay__run--selected:hover{background:#2563eb24;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.viewer__side{position:sticky;top:1.5rem;flex:0 0 17rem;display:flex;flex-direction:column;gap:.75rem;max-height:calc(100vh - 3rem);overflow:auto;scrollbar-width:none}.viewer__side::-webkit-scrollbar{display:none}.inspector{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1rem;box-shadow:var(--shadow)}.viewer__side .inspector{position:static;flex:initial;top:auto}.inspector__title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:0 0 .75rem}.inspector__empty{font-size:.8125rem;color:var(--text-2);margin:0;line-height:1.6}.inspector__text{font-size:.8125rem;color:var(--text-2);background:var(--border-light);border:1px solid var(--border);border-radius:var(--r);padding:.45rem .6rem;margin-bottom:.75rem;max-height:5rem;overflow:auto;word-break:break-word;font-style:italic}.inspector__edit{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.inspector__editLabel{font-size:.7rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.inspector__editInput{font:inherit;font-size:.8125rem;padding:.375rem .55rem;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--text);transition:border-color .1s,box-shadow .1s}.inspector__editInput:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.inspector__error{font-size:.775rem;color:var(--danger);margin:0}.inspector__note{font-size:.7rem;color:var(--text-3);margin:.5rem 0 0;line-height:1.5}.inspector__warn{font-size:.75rem;color:var(--warn);background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--r);padding:.4rem .5rem;margin:0;line-height:1.5}.inspector__grid{display:grid;grid-template-columns:auto 1fr;gap:.3rem .75rem;margin:.5rem 0 0;font-size:.8rem}.inspector__grid dt{color:var(--text-3)}.inspector__grid dd{margin:0;display:flex;align-items:center;gap:.35rem;word-break:break-word;color:var(--text-2)}.inspector__muted{color:var(--text-3)}.inspector__swatch{width:.85rem;height:.85rem;border-radius:3px;border:1px solid rgba(0,0,0,.12);display:inline-block;flex-shrink:0}.inspector__guard{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--r);padding:.55rem .65rem;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.inspector__guardText{font-size:.775rem;color:var(--warn);margin:0;line-height:1.5}.inspector__guardBtn{align-self:flex-start;font-size:.775rem;padding:.25rem .55rem;border-color:#d97706;color:#92400e}.inspector__guardBtn:hover:not(:disabled){background:#fef3c7}.inspector__notice{font-size:.775rem;color:var(--success);margin:0}.inspector__style{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.inspector__styleRow{display:flex;flex-direction:column;gap:.2rem;font-size:.7rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.inspector__styleControl{font:inherit;font-size:.8125rem;padding:.35rem .5rem;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--text);transition:border-color .1s,box-shadow .1s}.inspector__styleControl:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.inspector__styleGrid{display:flex;gap:.5rem}.inspector__styleGrid .inspector__styleRow{flex:1}.inspector__styleSize{width:100%}.inspector__styleSwatch{width:100%;height:2rem;padding:.1rem;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);cursor:pointer}.inspector__styleToggles{display:flex;gap:1rem;font-size:.8125rem;color:var(--text-2)}.inspector__styleToggles label{display:flex;align-items:center;gap:.35rem;cursor:pointer;-webkit-user-select:none;user-select:none}.forms{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1rem;box-shadow:var(--shadow)}.forms__title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:0 0 .25rem}.forms__hint{font-size:.775rem;color:var(--text-2);margin:0 0 .75rem;line-height:1.5}.forms__list{display:flex;flex-direction:column;gap:.65rem}.forms__field{display:flex;flex-direction:column;gap:.25rem}.forms__label{font-size:.8rem;font-weight:500;color:var(--text);display:flex;flex-direction:column;gap:.1rem}.forms__meta{font-size:.7rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-weight:400}.forms__input{font:inherit;font-size:.8125rem;padding:.35rem .5rem;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--text);transition:border-color .1s,box-shadow .1s}.forms__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.forms__checkbox{width:1rem;height:1rem;cursor:pointer;accent-color:var(--accent)}.forms__readonly{font-size:.8125rem;color:var(--text-3)}.forms__actions{margin-top:.5rem}.forms__error{font-size:.775rem;color:var(--danger);margin:.5rem 0 0}.forms__notice{font-size:.775rem;color:var(--success);margin:.5rem 0 0}.fonts{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1rem;box-shadow:var(--shadow)}.fonts__title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:0 0 .25rem}.fonts__hint{font-size:.775rem;color:var(--text-2);margin:0 0 .75rem;line-height:1.5}.fonts__add{display:inline-block}.fonts__list{list-style:none;margin:.65rem 0 0;padding:0;display:flex;flex-direction:column;gap:.3rem}.fonts__item{font-size:.775rem;color:var(--text-2);background:var(--border-light);border:1px solid var(--border);border-radius:var(--r);padding:.3rem .5rem;display:flex;align-items:center;gap:.4rem}.fonts__itemLabel{flex:1;min-width:0;word-break:break-word}.fonts__remove{flex:none;padding:.1rem .4rem;font-size:.75rem;line-height:1;color:var(--text-3);border-color:var(--border)}.fonts__remove:hover:not(:disabled){color:var(--danger);border-color:var(--danger-ring);background:var(--danger-bg)}@media(max-width:760px){.viewer__body{flex-direction:column;padding:1rem;gap:1rem;align-items:stretch}.viewer__side{position:static;flex:none;width:100%;max-height:none;overflow:visible}.viewer__pages{align-items:stretch}.viewer__pageWrap{max-width:100%;overflow:hidden}.viewer__pageWrap canvas{max-width:100%;height:auto!important}.app__privacy{font-size:.675rem;padding:.2rem .45rem}.viewer__toolbar{gap:.35rem;padding:.5rem 1rem}.viewer__empty{margin-top:1.5rem}}