@font-face{font-family:Nunito Sans;font-weight:400;font-display:swap;src:url(./NunitoSans-Regular-BNXTN3l8.ttf)format("truetype")}@font-face{font-family:Nunito Sans;font-weight:600;font-display:swap;src:url(./NunitoSans-SemiBold-k8OUPwwP.ttf)format("truetype")}@font-face{font-family:Nunito Sans;font-weight:700;font-display:swap;src:url(./NunitoSans-Bold-C1KCS0oq.ttf)format("truetype")}@font-face{font-family:Nunito Sans;font-weight:800;font-display:swap;src:url(./NunitoSans-ExtraBold-BM5Tr_Lt.ttf)format("truetype")}:root{--white:#fff;--light-grey:#f8f8f8;--grey:#eaeaea;--black:#222;--black50:#22222280;--black40:#2226;--black8:#22222214;--accent:#ead9ff;--accent2:#7c25e5;--yellow:#fff9cc;--red:#de1e1e;--red-bg:#ffe9e9;--r-s:10px;--r-m:16px;--r-b:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--black);background:var(--light-grey);font-family:Nunito Sans,system-ui,sans-serif;font-size:14px}button,input,select,textarea{font:inherit;color:inherit}.app{flex-direction:column;height:100%;display:flex}.topbar{background:var(--white);border-bottom:1px solid var(--grey);flex-wrap:wrap;align-items:center;gap:24px;padding:10px 20px;display:flex}.logo{white-space:nowrap;align-items:center;gap:6px;font-size:16px;display:flex}.logo img{width:auto;height:24px;display:block}.logo span{color:var(--black50);font-weight:600}.tabs{gap:4px;display:flex}.tab{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 14px;font-weight:600}.tab:hover{background:var(--light-grey)}.tab.active{background:var(--accent);color:var(--accent2)}.mode{color:var(--black50);text-align:right;max-width:360px;margin-left:auto;font-size:12px}.mode b{color:var(--black)}.body{flex:1;min-height:0;display:flex}.page{flex:1;padding:20px;overflow:auto}.page-narrow{max-width:980px;margin:0 auto}.btn{border:1px solid var(--grey);background:var(--white);border-radius:var(--r-s);cursor:pointer;white-space:nowrap;padding:7px 14px;font-weight:600}.btn:hover:not(:disabled){border-color:var(--black40)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent2);border-color:var(--accent2);color:var(--white)}.btn.primary:hover:not(:disabled){background:#6a1cc9}.btn.danger{color:var(--red)}.btn.small{border-radius:8px;padding:3px 9px;font-size:12px}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--light-grey)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.sidebar{background:var(--white);border-right:1px solid var(--grey);flex-direction:column;flex-shrink:0;width:260px;min-height:0;display:flex}.sidebar h3{text-transform:uppercase;letter-spacing:.04em;color:var(--black50);margin:16px 16px 8px;font-size:12px}.topic-filters{flex-direction:column;gap:6px;padding:0 12px 8px;display:flex}.topic-filters .input,.topic-filters .select{padding:6px 8px;font-size:13px}label.check{color:var(--black50);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.card-table .c-topic{width:150px}.topic-list{flex:1;padding:0 8px;overflow:auto}.topic-item{text-align:left;border-radius:var(--r-s);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.topic-item:hover{background:var(--light-grey)}.topic-item.active{background:var(--accent)}.topic-item .emoji{text-align:center;width:24px;font-size:18px}.topic-item .name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.topic-item .count{color:var(--black50);font-size:12px}.dot-err{background:var(--red);border-radius:50%;flex-shrink:0;width:8px;height:8px}.sidebar-block{border-top:1px solid var(--grey);max-height:40%;padding-bottom:12px;overflow:auto}.cat-row{align-items:center;gap:6px;padding:3px 16px;display:flex}.cat-row .cat-name{text-overflow:ellipsis;flex:1;overflow:hidden}.cat-row .count{color:var(--black50);font-size:12px}.workspace{flex:1;min-width:0;min-height:0;display:flex}.cards-pane{flex:1;min-width:0;padding:16px 20px;overflow:auto;container-type:inline-size}.push-right{margin-left:auto}@container (width<=720px){.card-table .c-desc{display:none}}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.topic-head{background:var(--white);border-radius:var(--r-m);flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:16px;padding:16px 20px;display:flex}.topic-head .f-emoji{width:70px}.topic-head .f-name{flex:2 220px}.topic-head .f-cat{flex:180px}.field{flex-direction:column;gap:8px;display:flex}label.field,.field>.label{color:var(--black50);font-size:12px;font-weight:600}label.field>span:first-child,.field>.label{letter-spacing:.01em}label.field>span.req:after{content:" *";color:var(--red)}.input,.select,.textarea{border:1px solid var(--grey);border-radius:var(--r-s);background:var(--white);color:var(--black);width:100%;padding:8px 10px;font-size:14px;font-weight:400}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--accent);border-color:var(--accent2)}.input::placeholder,.textarea::placeholder{color:#a8a8a8}.input.invalid,.textarea.invalid{border-color:var(--red);background:var(--red-bg)}.textarea{resize:vertical;min-height:64px;line-height:1.4}.input.emoji{text-align:center;padding:4px;font-size:22px}.search{max-width:280px}.chip-red{background:var(--red-bg);border-color:var(--red-bg);color:var(--red)}.chip-red:hover:not(:disabled){border-color:var(--red)}.card-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.card-table th.sortable:hover{color:var(--black)}.sort-mark{color:var(--accent2)}.card-table{table-layout:fixed;border-collapse:separate;border-spacing:0;background:var(--white);border-radius:var(--r-m);width:100%;overflow:hidden}.card-table th{text-align:left;color:var(--black50);border-bottom:1px solid var(--grey);padding:8px 10px;font-size:12px;font-weight:600}.card-table td{border-bottom:1px solid var(--light-grey);vertical-align:top;padding:8px 10px}.card-table tr.card-row{cursor:pointer}.card-table tr.card-row:hover td{background:var(--light-grey)}.card-table tr.card-row.active td{background:var(--accent)}.card-table .id{color:var(--black40);white-space:nowrap;font-size:12px}.card-table .title{font-weight:700}.card-table .sub{color:var(--black50)}.card-table .desc{color:var(--black50);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-table .c-id{width:90px}.card-table .c-title{width:32%}.card-table .c-img{width:140px}.card-table .c-notes{width:70px}.thumbs-mini{gap:3px;display:flex}.thumbs-mini img{object-fit:cover;background:var(--grey);border-radius:6px;width:28px;height:28px}.empty{text-align:center;color:var(--black50);background:var(--white);border-radius:var(--r-m);padding:40px}.editor-wrap{background:var(--white);border-left:1px solid var(--grey);flex-shrink:0;width:min(600px,44vw);display:flex;position:relative}@media (width<=1100px){.editor-wrap{width:440px}}.editor{flex-direction:column;flex:1;gap:24px;min-width:0;padding:20px 24px 48px;display:flex;overflow:auto}.editor>.row:first-child+.meta{margin-top:-18px}.resize-handle{cursor:col-resize;z-index:2;width:8px;position:absolute;top:0;bottom:0;left:-4px}.resize-handle:hover{background:var(--accent)}.editor h2{margin:0;font-size:18px}.editor .meta{color:var(--black40);font-size:12px}.hint{color:var(--black50);font-size:12px;font-weight:400}.hint.warn{color:#9a6a00}.note-row{align-items:flex-start;gap:8px;display:flex}.note-row .num{width:18px;color:var(--black40);text-align:right;flex-shrink:0;padding-top:9px;font-size:12px}.note-row .textarea{min-height:40px}.images{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.img-tile{border-radius:var(--r-s);background:var(--light-grey);aspect-ratio:1;border:1px solid var(--grey);cursor:grab;position:relative;overflow:hidden}.img-tile:active{cursor:grabbing}.img-tile.dragging{opacity:.35}.img-tile.drop-target{outline:3px solid var(--accent2);outline-offset:2px}.img-tile img{pointer-events:none}.img-tile .remove{cursor:pointer;opacity:0;background:#ffffffeb;border:0;border-radius:50%;width:24px;height:24px;padding:0;font-size:12px;line-height:24px;transition:opacity .15s;position:absolute;top:4px;right:4px}.img-tile:hover .remove,.img-tile .remove:focus-visible{opacity:1}.img-tile .remove:hover{color:var(--red)}.img-tile img{object-fit:cover;width:100%;height:100%;display:block}.img-tile .badge{background:var(--accent2);color:var(--white);border-radius:999px;padding:1px 6px;font-size:10px;position:absolute;top:4px;left:4px}.img-tile .name{color:var(--black50);text-overflow:ellipsis;white-space:nowrap;padding:18px 4px 2px;font-size:10px;display:none;position:absolute;top:0;left:0;right:0;overflow:hidden}.dropzone{border:2px dashed var(--grey);border-radius:var(--r-s);text-align:center;color:var(--black50);cursor:pointer;flex-direction:column;align-items:center;gap:12px;padding:18px 14px;font-size:13px;display:flex}.dropzone:hover{border-color:var(--black40)}.dz-buttons{justify-content:center}.dropzone.over{border-color:var(--accent2);background:var(--accent);color:var(--accent2)}.issues{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.issue{border-radius:8px;padding:6px 10px;font-size:13px}.issue.error{background:var(--red-bg)}.issue.warning{background:var(--yellow)}.issue b{font-weight:700}.issue.clickable{cursor:pointer;align-items:baseline;gap:6px;display:flex}.issue.clickable:hover{outline:1px solid}.issue.error.clickable:hover{outline-color:var(--red)}.issue .open-mark{white-space:nowrap;color:var(--accent2);margin-left:auto;padding-left:8px;font-size:12px;font-weight:600}.panel{background:var(--white);border-radius:var(--r-m);margin-bottom:14px;padding:16px 18px}.panel h2{margin:0 0 10px;font-size:18px}.panel h3{margin:14px 0 6px;font-size:14px}.muted{color:var(--black50)}.small{font-size:12px}.pill{background:var(--light-grey);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.pill.test{background:var(--yellow)}.pill.prod{background:var(--accent);color:var(--accent2)}.pill.current,.pill.added{color:#17702a;background:#e3f7e6}.pill.changed{background:var(--yellow);color:#7a5600}.pill.removed{background:var(--red-bg);color:var(--red)}.stats{flex-wrap:wrap;gap:18px;display:flex}.stat b{font-size:22px;display:block}.change-list{max-height:320px;margin:0;padding:0;font-size:13px;list-style:none;overflow:auto}.change-list li{border-bottom:1px solid var(--light-grey);padding:4px 0}.publish-what{margin:0 0 6px}.channels{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=900px){.channels{grid-template-columns:1fr}}.progress{background:var(--grey);border-radius:999px;height:6px;overflow:hidden}.progress>div{background:var(--accent2);height:100%;transition:width .2s}.version-table{border-collapse:collapse;width:100%}.version-table td,.version-table th{border-bottom:1px solid var(--light-grey);text-align:left;vertical-align:top;padding:8px 6px}.version-table th{color:var(--black50);font-size:12px;font-weight:600}.overlay{z-index:50;background:#22222259;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:var(--r-b);flex-direction:column;gap:12px;width:min(640px,100%);max-height:90vh;padding:20px 22px;display:flex;overflow:auto}.modal h2{margin:0;font-size:20px}.modal .actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.toast{background:var(--black);color:var(--white);z-index:60;border-radius:999px;max-width:90vw;padding:10px 18px;font-weight:600;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast.error{background:var(--red)}@media (width<=800px){.body{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--grey);width:100%;max-height:40vh}.workspace{flex-direction:column}.editor-wrap{border-left:0;border-top:1px solid var(--grey);width:100%!important}.resize-handle{display:none}.mode{text-align:left;margin-left:0}}.screen{max-width:480px;margin:96px auto;padding:0 16px}.screen h1{margin:32px 0 12px;font-size:24px}.screen p{margin:0 0 24px;font-size:16px;line-height:24px}.screen a.btn{text-decoration:none;display:inline-block}.ya-btn{color:#fff;background:#000;border-radius:12px;justify-content:center;align-items:center;gap:10px;height:52px;padding:0 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.ya-btn:hover{background:#262626}.ya-btn:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}