:root {
            color-scheme: light;
            --page: #ffffff;
            --panel: #ffffff;
            --section: #f8fafb;
            --line: #dfe5ea;
            --input-line: #c9d1d8;
            --text: #333333;
            --text-soft: #414b56;
            --muted: #6f7c87;
            --link: #2067b0;
            --control-bg: #e1e6e7;
            --control-bg-active: #ced3d4;
            --control-border: #bec3c4;
            --control-text: #656767;
            --control-text-active: #2c2d2e;
            --green: #00b263;
            --red: #d93025;
            --yellow: #f5c542;
            --orange: #f2994a;
            --blue: #2fc6f6;
            --shadow-menu: 0 10px 28px rgba(0, 0, 0, .18);
            --font: "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
        }

        .dropdown-demo {
            position: relative;
            width: max-content;
            min-width: 220px;
            max-width: calc(100vw - 38px);
            padding: 12px 0;
            border-radius: 18px;
            background: #ffffff;
            box-shadow: var(--shadow-menu);
        }

        .dropdown-search {
            width: calc(100% - 38px);
            min-height: 34px;
            border: 1px solid var(--input-line);
            border-radius: 8px;
            margin: 0 19px;
            padding: 0 10px;
            color: #686868;
            font: inherit;
        }

        .dropdown-search:focus {
            outline: none;
            border-color: var(--link);
        }

        .dropdown-actions {
            display: flex;
            justify-content: space-between;
            gap: 8px;
            margin: 8px 19px 0;
        }

        .dropdown-actions button {
            border: 0;
            background: transparent;
            color: var(--link);
            cursor: default;
            font: inherit;
            font-size: 13px;
            padding: 4px 0;
        }

        .dropdown-item {
            display: flex;
            align-items: center;
            gap: 8px;
            min-width: 220px;
            min-height: 44px;
            padding: 0 19px;
            color: #686868;
            font-size: 15px;
            font-weight: 400;
            white-space: nowrap;
        }

        .dropdown-item:hover {
            background: #f7f7f7;
        }

        .checkbox-demo .dropdown-item:hover {
            background: transparent;
        }

        .check {
            width: 15px;
            height: 15px;
            margin: 0;
            accent-color: #2067b0;
        }

        .select-btn {
            display: inline-flex;
            align-items: center;
            gap: 5.5px;
            min-height: 34px;
            border: 1px solid transparent;
            border-radius: 8px;
            background: var(--control-bg);
            color: var(--control-text);
            padding: 0 15px;
            font-size: 14px;
            font-weight: 400;
            line-height: 1;
        }

        .select-btn.is-active {
            border-color: var(--control-border);
            background: var(--control-bg-active);
            color: var(--control-text-active);
        }

*{box-sizing:border-box}body{margin:0;background:#f8fafb;color:var(--text);font:14px/1.5 var(--font)}main{max-width:1080px;margin:0 auto;padding:32px}header{padding-bottom:24px}.brand{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:600}.mark{background:#333;color:white;width:28px;height:28px;border-radius:7px;text-align:center}.tag{font-size:10px;letter-spacing:1.2px;color:var(--muted);margin-left:12px}h1{font-size:28px;font-weight:500;line-height:1.2;margin:26px 0 10px}h2{font-size:19px;font-weight:500;margin:0 0 8px}h3{font-size:17px;font-weight:500;margin:0}p{margin:7px 0;color:var(--text-soft)}.muted,.hint{color:var(--muted);font-size:13px}#status{padding:13px 16px;border:1px solid var(--line);border-radius:8px;background:white}.success{color:#18744c}.error{color:#ae302b!important}#status.error{background:#fff4f2;border-color:#f2c7bf}.intro{padding:26px 0 20px}.entity{background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:14px;padding:22px}.entity-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.entity-id{font-size:11px;color:var(--muted);letter-spacing:.6px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field-label{font-size:13px;margin-bottom:7px;color:var(--muted)}.picker{position:relative;min-width:0}.select-btn{width:100%;min-height:42px;justify-content:space-between;font-family:inherit;cursor:pointer;line-height:1.3;text-align:left}.select-btn>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-btn:focus-visible{outline:2px solid var(--link);outline-offset:2px}.arrow{flex-shrink:0}.dropdown-demo{position:absolute;top:calc(100% + 7px);left:0;z-index:40;width:100%;min-width:220px}.options{max-height:260px;overflow:auto;margin-top:8px}.dropdown-item{border:0;background:transparent;font-family:inherit;width:100%;min-width:0;white-space:normal;text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:0;padding:9px 19px}.dropdown-item small{font-size:10px;color:var(--muted)}.dropdown-item[aria-selected=true]{background:#eef5fc;color:var(--link)}.dropdown-item:focus-visible{outline:2px solid var(--link);outline-offset:-2px}.empty{padding:0 19px;font-size:13px}.hint{margin-top:14px}.btn{border:1px solid transparent;border-radius:8px;padding:11px 18px;font:14px var(--font);cursor:pointer}.btn-black{background:#333;color:white}.btn-black:hover{background:#1f1f1f}.btn-gray{background:var(--control-bg);color:var(--control-text-active)}.btn:disabled{opacity:.45;cursor:default}footer{display:flex;align-items:center;gap:12px;padding:10px 0 26px;flex-wrap:wrap}#saved{font-size:13px;color:#18744c}.help{padding:22px 0;border-top:1px solid var(--line)}.help p{color:var(--muted);font-size:13px}[hidden]{display:none!important}@media(max-width:650px){main{padding:20px 16px}.field-row{grid-template-columns:1fr;gap:16px}.tag{display:none}h1{font-size:24px}.entity{padding:18px}}