.outline-app{--outline-line:#e2e8f0;--outline-accent:#3559d8;max-width:1000px;margin:24px auto;padding:24px;background:#fff;color:#172033;border:1px solid var(--outline-line);border-radius:16px;font:15px/1.5 system-ui,sans-serif;box-sizing:border-box}.outline-app *{box-sizing:border-box}.outline-app h2{margin:0;font-size:26px;color:inherit}.outline-app .ol-subtitle{margin:5px 0 18px;color:#526079}.outline-app button,.outline-app input,.outline-app select{font:inherit}.outline-app button{cursor:pointer;border:1px solid #cbd5e1;background:#fff;color:#24314b;padding:7px 10px;border-radius:7px;line-height:1.4;min-height:36px}.outline-app button:hover{background:#eef2ff}.outline-app button:disabled{opacity:.4;cursor:default}.outline-app button:focus-visible,.outline-app input:focus-visible,.outline-app select:focus-visible{outline:3px solid #6f8bea;outline-offset:2px}.outline-app .ol-primary{background:var(--outline-accent);color:white;border-color:var(--outline-accent)}.outline-app .ol-toolbar,.outline-app .ol-add{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.outline-app input[type=text],.outline-app input[type=search],.outline-app select{border:1px solid #cbd5e1;border-radius:7px;padding:8px;background:white;color:inherit;min-width:0}.outline-app .ol-add input,.outline-app input[type=search]{flex:1}.outline-app .ol-list{list-style:none!important;padding:0!important;margin:18px 0!important}.outline-app .ol-row{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--outline-line);padding:10px 0 10px calc(var(--depth)*22px);margin:0!important;flex-wrap:wrap}.outline-app .ol-text{flex:1;min-width:120px;border-color:transparent!important;background:transparent!important}.outline-app .ol-done .ol-text{text-decoration:line-through;color:#667085}.outline-app .ol-controls{display:flex;gap:4px}.outline-app .ol-controls button{padding:4px 8px}.outline-app .ol-priority{max-width:110px;font-size:13px}.outline-app .ol-high{border-left:3px solid #d65d21}.outline-app .ol-status{min-height:24px;color:#526079;margin:12px 0}.outline-app .ol-error{color:#b42318}.outline-app .ol-help{font-size:13px;color:#526079}.outline-app .ol-empty{padding:28px;text-align:center;background:#f7f9fd;border-radius:10px}.outline-app input[type=checkbox]{width:18px;height:18px;flex-shrink:0}.outline-app .ol-progress{font-size:13px;color:#526079}.outline-app .ol-filter{display:flex;align-items:center;gap:6px}.outline-app .ol-row[hidden]{display:none!important}@media(max-width:650px){.outline-app{padding:14px}.outline-app .ol-row{padding-left:calc(var(--depth)*12px)}.outline-app .ol-controls{width:100%;justify-content:flex-end}.outline-app .ol-text{min-width:90px}.outline-app .ol-priority{max-width:95px}.outline-app .ol-toolbar input{width:100%;flex-basis:100%}}