@layer components{.mod-form{gap:14px;padding:8px 8px 4px;display:grid}.mod-form fieldset{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.mod-form legend,.mod-form .field>label{color:var(--text-2);margin-bottom:4px;font-size:13px;font-weight:600}.mod-opts{gap:6px;display:grid}.mod-opts.row{flex-wrap:wrap;display:flex}.mod-opt{border:1px solid var(--border);border-radius:var(--r-12);background:var(--card);min-height:44px;font-size:var(--fs-14);cursor:pointer;transition:border-color var(--t-fast);align-items:center;gap:10px;padding:8px 12px;display:flex}.mod-opts.row .mod-opt{flex:auto;justify-content:center}.mod-opt:hover{border-color:var(--border-2)}.mod-opt:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.mod-opt:has(input:disabled){opacity:.5;cursor:not-allowed}.mod-opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.mod-opt input{accent-color:var(--accent);margin:0}.mod-opt.danger:has(input:checked){border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.mod-hint{color:var(--text-3);font-size:12px}.mod-days{font-size:var(--fs-14);align-items:center;gap:8px;display:flex}.mod-days .input{width:96px}.mod-err{border-radius:var(--r-8);background:var(--danger-soft);color:var(--danger);font-size:var(--fs-14);padding:10px 12px}.mod-ok{font-size:var(--fs-14);color:var(--text-2);padding:4px 8px 8px}.mod-acts{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.mod-acts .grow-start{margin-right:auto}@media (max-width:767px){.mod-acts .btn{--h:44px;flex:1}}@media (max-width:479px){.mod-report-btn .lbl{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.mod-user-bar{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:8px;display:flex}.mod-menu{position:relative}.mod-menu-pop{z-index:70;border-radius:var(--r-12);background:var(--card);border:1px solid var(--border);min-width:180px;box-shadow:var(--sh-3);padding:6px;position:absolute;top:calc(100% + 6px);right:0}.mod-menu-pop button{border-radius:var(--r-8);width:100%;min-height:44px;font:inherit;font-size:var(--fs-14);color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;display:flex}.mod-menu-pop button:hover,.mod-menu-pop button:focus-visible{background:color-mix(in oklab, var(--text) 6%, transparent);outline:none}.mod-menu-pop button.danger{color:var(--danger)}.mod-menu-pop .i{width:18px;height:18px}.mod-flash{font-size:var(--fs-14);color:var(--text-2);text-align:right}.studio-page .mod-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.studio-page .mod-tabs a{border:1px solid var(--border);background:var(--card);height:40px;font-size:var(--fs-14);color:var(--text-2);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-weight:550;display:inline-flex}.studio-page .mod-tabs a[aria-current=page]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.studio-page .mod-tabs .num{font-variant-numeric:tabular-nums;font-size:12px}.studio-page .mod-items{margin:0;padding:0;list-style:none}.studio-page .mod-item{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:16px;display:grid}.studio-page .mod-item:last-child{border-bottom:0}.studio-page .mod-item .body{gap:6px;min-width:0;display:grid}.studio-page .mod-item .head{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.studio-page .mod-item .ttl{overflow-wrap:anywhere;font-size:15px;font-weight:600;line-height:1.45}.studio-page .mod-item a.ttl:hover{color:var(--accent-text)}.studio-page .mod-item .preview{font-size:var(--fs-14);color:var(--text-2);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.studio-page .mod-item .meta{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:12px;display:flex}.studio-page .mod-item .meta b{color:var(--text-2);font-weight:600}.studio-page .mod-item .hit{color:var(--warning);font-weight:600}.studio-page .mod-item .reports{border-radius:var(--r-8);background:var(--card-2);color:var(--text-2);gap:4px;margin:0;padding:8px 10px;font-size:13px;list-style:none;display:grid}.studio-page .mod-item .reports q{quotes:"“" "”";color:var(--text);overflow-wrap:anywhere}.studio-page .mod-item .side{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.studio-page .chip{white-space:nowrap;background:var(--card-2);height:22px;color:var(--text-2);border:1px solid var(--border);border-radius:6px;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.studio-page .chip.warn{background:var(--warning-soft);color:var(--warning);border-color:#0000}.studio-page .chip.bad{background:var(--danger-soft);color:var(--danger);border-color:#0000}.studio-page .chip.good{background:var(--success-soft);color:var(--success);border-color:#0000}.studio-page .chip.accent{background:var(--accent-soft);color:var(--accent-text);border-color:#0000}.studio-page .mod-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:8px 12px;padding:12px 16px;display:flex}.studio-page .mod-filters .field{flex:130px;gap:4px;min-width:0;display:grid}.studio-page .mod-filters .field.wide{flex:2 240px}.studio-page .mod-filters label{color:var(--text-3);font-size:12px;font-weight:600}.studio-page .mod-filters .acts{gap:8px;display:flex}.studio-page .mod-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 16px;padding:14px 16px;display:grid}.studio-page .mod-row:last-child{border-bottom:0}.studio-page .mod-row .who{gap:2px;min-width:0;display:grid}.studio-page .mod-row .who b{overflow-wrap:anywhere;font-size:15px;font-weight:600}.studio-page .mod-row .who small{color:var(--text-3);overflow-wrap:anywhere;font-size:12px}.studio-page .mod-row .chips{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.studio-page .mod-log{margin:0;padding:0;list-style:none}.studio-page .mod-log li{border-bottom:1px solid var(--border);font-size:var(--fs-14);grid-template-columns:140px minmax(0,1fr);gap:4px 16px;padding:12px 16px;display:grid}.studio-page .mod-log li:last-child{border-bottom:0}.studio-page .mod-log time{color:var(--text-3);font-variant-numeric:tabular-nums;padding-top:2px;font-size:12px}.studio-page .mod-log .what{gap:4px;min-width:0;display:grid}.studio-page .mod-log .line{overflow-wrap:anywhere}.studio-page .mod-log .line a{color:var(--accent-text)}.studio-page .mod-log .data{color:var(--text-3);overflow-wrap:anywhere;font-size:12px}.studio-page .mod-empty{text-align:center;font-size:var(--fs-14);color:var(--text-3);padding:40px 16px}.studio-page .mod-pager{border-top:1px solid var(--border);color:var(--text-3);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}@media (max-width:767px){.studio-page .mod-item{grid-template-columns:minmax(0,1fr);padding:14px 12px}.studio-page .mod-item .side{flex-direction:row;justify-content:flex-start;align-items:center}.studio-page .mod-item .side .btn{--h:44px}.studio-page .mod-row{grid-template-columns:minmax(0,1fr) auto;padding:12px}.studio-page .mod-row .chips{grid-column:1;justify-content:flex-start}.studio-page .mod-row>.btn{--h:44px;grid-area:1/2/span 2}.studio-page .mod-log li{grid-template-columns:minmax(0,1fr);padding:12px}.studio-page .mod-filters{padding:12px}.studio-page .mod-filters .acts{flex-basis:100%}.studio-page .mod-filters .acts .btn{--h:44px;flex:1}}}