:root {
    --yx-safe-bottom: env(safe-area-inset-bottom, 0px);
}

[data-appearance-key] {
    transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.yx-inspecting * { cursor: crosshair !important; }
.yx-inspector-target {
    outline: 3px solid #5b8cff !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 6px rgba(91, 140, 255, .22) !important;
}

.yx-appearance-shell {
    position: fixed; inset: 0; z-index: 100000; display: none;
    background: rgba(8, 10, 17, .76); backdrop-filter: blur(12px);
    color: #f8fafc; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
}
.yx-appearance-shell.is-open { display: flex; align-items: stretch; justify-content: center; }
.yx-appearance-panel {
    width: min(100%, 560px); height: 100%; background: #0f1320; display: flex; flex-direction: column;
    box-shadow: 0 0 50px rgba(0,0,0,.45); overflow: hidden;
}
.yx-appearance-head {
    display: grid; grid-template-columns: 72px 1fr 72px; align-items: center; gap: 8px;
    padding: max(14px, env(safe-area-inset-top)) 14px 12px; border-bottom: 1px solid rgba(255,255,255,.09);
    background: rgba(15,19,32,.96);
}
.yx-appearance-head h2 { margin: 0; text-align: center; font-size: 18px; }
.yx-appearance-head button, .yx-btn {
    appearance: none; border: 0; border-radius: 12px; padding: 9px 12px; color: #fff;
    background: #252b3d; font-size: 13px; cursor: pointer;
}
.yx-appearance-head .yx-save, .yx-btn-primary { background: #3977ff; }
.yx-btn-danger { background: #7f1d2d; }
.yx-btn-ghost { background: transparent; border: 1px solid rgba(255,255,255,.14); }
.yx-appearance-tabs {
    display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; padding: 8px;
    border-bottom: 1px solid rgba(255,255,255,.08); background: #111725;
}
.yx-appearance-tabs button { border: 0; color: #9ba7bd; background: transparent; padding: 9px 2px; font-size: 11px; border-radius: 9px; }
.yx-appearance-tabs button.is-active { color: #fff; background: #27314a; }
.yx-appearance-body { flex: 1; overflow: auto; padding: 14px 14px calc(24px + var(--yx-safe-bottom)); }
.yx-appearance-section { display: none; }
.yx-appearance-section.is-active { display: block; }
.yx-card { background: #171d2c; border: 1px solid rgba(255,255,255,.08); border-radius: 16px; padding: 14px; margin-bottom: 12px; }
.yx-card h3 { margin: 0 0 6px; font-size: 15px; }
.yx-card p { margin: 0 0 10px; color: #8e9ab0; font-size: 12px; line-height: 1.55; }
.yx-field { margin: 10px 0; }
.yx-field > label { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 6px; color: #cbd5e1; font-size: 12px; }
.yx-field input[type="text"], .yx-field input[type="url"], .yx-field input[type="number"], .yx-field select, .yx-field textarea {
    width: 100%; box-sizing: border-box; border: 1px solid rgba(255,255,255,.12); border-radius: 11px;
    background: #0b0f19; color: #fff; padding: 10px; font-size: 13px; outline: none;
}
.yx-field textarea { min-height: 100px; resize: vertical; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.yx-field input[type="range"] { width: 100%; accent-color: #3977ff; }
.yx-field input[type="color"] { width: 46px; height: 34px; border: 0; border-radius: 9px; background: transparent; padding: 0; }
.yx-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.yx-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.yx-chip-list { display: flex; gap: 7px; overflow-x: auto; padding-bottom: 4px; }
.yx-chip { white-space: nowrap; border: 1px solid rgba(255,255,255,.12); background: #111827; color: #cbd5e1; border-radius: 999px; padding: 8px 11px; font-size: 12px; }
.yx-chip.is-active { background: #2d5fd7; border-color: #5b8cff; color: white; }
.yx-component-list { max-height: 220px; overflow: auto; display: grid; gap: 6px; }
.yx-component-item { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px; border-radius: 10px; background: #101522; }
.yx-component-item button:first-child { flex: 1; text-align: left; background: transparent; color: #dce5f5; border: 0; font-size: 12px; }
.yx-component-item.is-active { outline: 1px solid #5b8cff; background: #17264a; }
.yx-preview-frame { width: 100%; height: 340px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: white; }
.yx-help { font-size: 11px; color: #7f8da5; line-height: 1.6; }
.yx-status { min-height: 18px; margin-top: 8px; color: #86efac; font-size: 12px; }
.yx-icon-preview { width: 76px; height: 76px; margin: 10px auto 14px; display: grid; place-items: center; overflow: hidden; background-position: center; background-repeat: no-repeat; color: #fff; font-size: 26px; }
.yx-icon-preview img, .yx-icon-preview svg { width: 100%; height: 100%; object-fit: contain; }

.yx-desktop-tray {
    position: fixed; left: 10px; right: 10px; bottom: calc(10px + var(--yx-safe-bottom)); z-index: 90000;
    max-height: 48vh; display: none; flex-direction: column; border-radius: 20px; overflow: hidden;
    background: rgba(16,20,31,.97); color: white; border: 1px solid rgba(255,255,255,.13); box-shadow: 0 20px 50px rgba(0,0,0,.45);
}
.yx-desktop-tray.is-open { display: flex; }
.yx-desktop-tray-head { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.1); }
.yx-desktop-tray-list { overflow: auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 12px; }
.yx-tray-item { border: 0; border-radius: 12px; min-height: 64px; background: #252c3d; color: #fff; padding: 7px 4px; font-size: 11px; }
.yx-tray-wrap { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.yx-tray-remove { border: 0; border-radius: 8px; background: #7f1d2d; color: #fff; padding: 5px; font-size: 10px; }
.yx-dynamic-page { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); grid-auto-rows: 52px; gap: 8px; padding: 28px 18px 150px; align-content: start; }
.yx-custom-widget { position: relative; min-height: 104px; border-radius: 16px; overflow: hidden; background: rgba(255,255,255,.1); }
.yx-custom-widget iframe, .yx-custom-widget img { width: 100%; height: 100%; border: 0; object-fit: cover; }

@media (min-width: 700px) {
    .yx-appearance-shell { padding: 22px; }
    .yx-appearance-panel { border-radius: 24px; height: calc(100vh - 44px); }
}

/* 简化版外观中心 */
.yx-ux-panel{background:#f6f7fb;color:#151820}.yx-ux-head{display:grid;grid-template-columns:64px 1fr 64px;align-items:center;padding:max(13px,env(safe-area-inset-top)) 14px 10px;background:rgba(255,255,255,.95);border-bottom:1px solid #e8eaf0;position:relative;z-index:2}.yx-ux-head h2{font-size:16px;text-align:center;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yx-ux-link,.yx-ux-save{min-width:44px;min-height:44px;border:0;background:transparent;font-size:14px;color:#424854}.yx-ux-save{color:#aeb4bf;font-weight:700}.yx-ux-save.is-dirty{color:#2d6df6}.yx-ux-advanced{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fff;border-bottom:1px solid #eceef3;cursor:pointer}.yx-ux-advanced span{display:flex;flex-direction:column}.yx-ux-advanced strong{font-size:13px}.yx-ux-advanced small{font-size:10px;color:#9299a5;margin-top:2px}.yx-ux-advanced input{position:absolute;opacity:0}.yx-ux-advanced i{width:45px;height:26px;border-radius:20px;background:#d5d8df;position:relative;transition:.2s}.yx-ux-advanced i:after{content:"";position:absolute;width:22px;height:22px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 2px 7px #0002;transition:.2s}.yx-ux-advanced input:checked+i{background:#3478f6}.yx-ux-advanced input:checked+i:after{transform:translateX(19px)}.yx-ux-body{flex:1;overflow:auto;padding:18px 16px calc(30px + var(--yx-safe-bottom));box-sizing:border-box}.yx-ux-intro{padding:4px 2px 15px}.yx-ux-intro h3,.yx-ux-section-title h3,.yx-ux-scope-head h3{margin:0 0 5px;font-size:20px}.yx-ux-intro p,.yx-ux-section-title p,.yx-ux-scope-head p{margin:0;color:#7d8591;font-size:12px;line-height:1.5}.yx-ux-home-grid{display:grid;gap:12px}.yx-ux-home-card{min-height:128px;padding:18px;text-align:left;border:1px solid #e8eaf0;border-radius:22px;background:#fff;box-shadow:0 8px 28px #28324b0b;display:grid;grid-template-columns:52px 1fr auto;grid-template-rows:auto auto;column-gap:14px;align-items:center;color:#171a21}.yx-ux-home-card>span{grid-row:1/3;width:52px;height:52px;border-radius:17px;background:#f1f4fa;display:grid;place-items:center;font-size:27px}.yx-ux-home-card strong{font-size:17px}.yx-ux-home-card small{font-size:11px;color:#7b8492;line-height:1.4}.yx-ux-home-card b{grid-column:3;grid-row:1/3;font-size:12px;color:#3977ef}.yx-ux-section-title,.yx-ux-scope-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.yx-ux-section-title h3,.yx-ux-scope-head h3{font-size:17px}.yx-ux-section-title button,.yx-ux-scope-head button{min-height:44px;border:0;border-radius:12px;padding:0 12px;background:#e8eefc;color:#2b64da}.yx-ux-phone-frame{width:min(100%,360px);height:440px;margin:auto;border:8px solid #17191f;border-radius:30px;overflow:hidden;background:#fff;box-shadow:0 18px 44px #11182722}.yx-ux-phone-frame iframe{width:100%;height:100%;border:0;background:#fff}.yx-ux-quick{display:flex;gap:8px;overflow:auto;padding:14px 0 4px;scrollbar-width:none}.yx-ux-quick button{flex:0 0 auto;min-height:44px;border:1px solid #e4e7ee;border-radius:14px;padding:0 14px;background:#fff;color:#323843}.yx-ux-add-widget,.yx-ux-page-css,.yx-ux-confirm{width:100%;min-height:48px;border:0;border-radius:15px;background:#2f73f6;color:#fff;font-weight:700;margin-top:13px}.yx-ux-note{font-size:11px;text-align:center;color:#9299a5;line-height:1.5}.yx-ux-segment{display:grid;grid-template-columns:1fr 1fr;background:#e8eaf0;border-radius:14px;padding:3px;margin-bottom:12px}.yx-ux-segment button{min-height:42px;border:0;border-radius:11px;background:transparent;color:#747c89}.yx-ux-segment button.is-active{background:#fff;color:#1b1f27;box-shadow:0 3px 12px #1112;font-weight:700}.yx-ux-role-grid,.yx-ux-app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 18px}.yx-ux-role-grid button,.yx-ux-app-grid button{min-width:0;min-height:86px;border:1px solid #e5e8ef;border-radius:16px;background:#fff;padding:9px 4px;color:#363b45;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.yx-ux-role-grid button.is-active{outline:2px solid #3b7bf3;background:#eff5ff}.yx-ux-role-grid i,.yx-ux-app-grid i{width:44px;height:44px;border-radius:14px;background:#edf0f6;display:grid;place-items:center;background-size:cover;background-position:center;font-style:normal;font-size:24px}.yx-ux-role-grid span,.yx-ux-app-grid span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.yx-ux-empty{padding:22px;text-align:center;border-radius:18px;background:#fff;margin:10px 0 16px}.yx-ux-empty>span{font-size:30px}.yx-ux-empty strong{display:block;margin-top:8px}.yx-ux-empty p{font-size:11px;color:#8c94a1}.yx-ux-chat-mock{width:min(100%,380px);height:440px;margin:auto;border-radius:28px;overflow:hidden;background:#edf0f5;box-shadow:0 16px 40px #1f29371a;display:flex;flex-direction:column}.yx-ux-chat-head{height:58px;flex:0 0 58px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.yx-ux-chat-head button{width:44px;height:44px;border:0;background:transparent;font-size:20px}.yx-ux-chat-list{flex:1;padding:20px 13px;display:flex;flex-direction:column;gap:15px;overflow:hidden}.yx-ux-msg{display:flex;align-items:flex-start;gap:8px}.yx-ux-msg.mine{justify-content:flex-end}.yx-ux-msg i{width:36px;height:36px;flex:0 0 36px;border-radius:9px;background:#8da3c6;color:#fff;display:grid;place-items:center;font-style:normal}.yx-ux-msg>div{max-width:72%;padding:10px 12px;border-radius:15px;background:#fff;font-size:12px;line-height:1.45}.yx-ux-msg.mine>div{background:#8ee778}.yx-ux-input{height:54px;flex:0 0 54px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 10px}.yx-ux-input span{flex:1;padding:9px;border-radius:9px;background:#f2f3f5;color:#a4a9b1;font-size:11px}.yx-ux-input button{height:36px;border:0;border-radius:10px;background:#edf1f6;padding:0 10px}.yx-ux-plus{height:76px;flex:0 0 76px;background:#f8f8fa;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.yx-ux-plus span{display:flex;flex-direction:column;align-items:center;font-size:20px}.yx-ux-plus small{font-size:9px;margin-top:5px;color:#6d7480}.yx-ux-chat-quick{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.yx-ux-chat-quick button{padding:0 5px}.yx-ux-app-grid{grid-template-columns:repeat(3,1fr)}.yx-ux-app-grid button{min-height:106px}.yx-ux-app-grid i{background:#f3f5f9}.yx-ux-bottom-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.yx-ux-bottom-actions button{min-height:44px;border:0;border-radius:12px;background:#fff;color:#525966;font-size:11px}.yx-ux-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.yx-ux-theme-grid button{border:1px solid #e5e8ef;border-radius:18px;background:#fff;padding:10px;text-align:left;color:#242832}.yx-ux-theme-grid i{display:block;height:82px;border-radius:12px;margin-bottom:10px}.yx-ux-theme-grid strong,.yx-ux-theme-grid small{display:block}.yx-ux-theme-grid small{color:#8b929e;font-size:10px;line-height:1.4;margin:4px 0 8px}.yx-ux-theme-grid span{font-size:11px;color:#3371e9}.yx-ux-menu-list{display:grid;gap:8px;margin-top:18px}.yx-ux-menu-list>button{min-height:62px;border:1px solid #e5e8ef;border-radius:16px;background:#fff;padding:10px 14px;display:flex;align-items:center;gap:11px;text-align:left;font-size:20px}.yx-ux-menu-list span{flex:1}.yx-ux-menu-list strong,.yx-ux-menu-list small{display:block;font-size:13px}.yx-ux-menu-list small{font-size:10px;color:#8b929e;margin-top:3px}.yx-ux-recent{margin-top:20px}.yx-ux-recent h3{font-size:14px}.yx-ux-recent button{min-height:40px;border:1px solid #e5e8ef;border-radius:12px;background:#fff;margin:0 7px 7px 0;padding:0 12px}.yx-ux-recent button.is-active{border-color:#3478f6;color:#2465dd}.yx-ux-tech{margin-top:15px;padding:12px;border-radius:14px;background:#fff;font-size:11px;color:#687181}.yx-ux-sheet{position:absolute;inset:0;z-index:15;display:none;align-items:flex-end;background:#11182755}.yx-ux-sheet.is-open{display:flex}.yx-ux-sheet-card{width:100%;max-height:min(78vh,720px);overflow:auto;background:#fff;border-radius:24px 24px 0 0;padding:8px 16px calc(18px + var(--yx-safe-bottom));box-sizing:border-box;box-shadow:0 -20px 50px #1113}.yx-ux-sheet-handle{width:42px;height:4px;border-radius:5px;background:#d6dae2;margin:0 auto 10px}.yx-ux-sheet-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-8px;background:#fff;padding:8px 0 12px;z-index:1}.yx-ux-sheet-head small{display:block;color:#9299a5;font-size:9px}.yx-ux-sheet-head h3{margin:3px 0 0;font-size:18px}.yx-ux-sheet-head button{min-width:58px;min-height:44px;border:0;border-radius:12px;background:#2f73f6;color:#fff}.yx-ux-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.yx-ux-control,.yx-ux-upload{min-height:72px;border:1px solid #e6e8ee;border-radius:15px;background:#f8f9fb;padding:11px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.yx-ux-control.wide,.yx-ux-upload.wide{grid-column:1/-1}.yx-ux-control>span{display:flex;justify-content:space-between;font-size:11px;color:#68717f}.yx-ux-control b{color:#2f6fe7}.yx-ux-control input:not([type=color]):not([type=range]),.yx-ux-control select,.yx-ux-control textarea{width:100%;border:0;background:transparent;color:#20242c;font-size:13px;outline:0;box-sizing:border-box}.yx-ux-control input[type=color]{width:100%;height:30px;border:0;background:transparent}.yx-ux-control input[type=range]{width:100%;accent-color:#3478f6}.yx-ux-upload{position:relative;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;align-items:center;justify-content:initial}.yx-ux-upload input{position:absolute;inset:0;opacity:0}.yx-ux-upload>span{grid-row:1/3;font-size:25px}.yx-ux-upload strong{font-size:12px}.yx-ux-upload small{font-size:9px;color:#8e96a3}.yx-ux-advanced-box{margin-top:12px;border:1px solid #e5e8ef;border-radius:15px;padding:11px}.yx-ux-advanced-box summary{font-weight:700;font-size:12px;cursor:pointer}.yx-ux-advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.yx-ux-advanced-grid label{padding:8px;border-radius:10px;background:#f6f7fa}.yx-ux-advanced-grid span,.yx-ux-code span{display:block;font-size:9px;color:#7d8693;margin-bottom:4px}.yx-ux-advanced-grid input,.yx-ux-code textarea{width:100%;border:0;background:transparent;outline:0;box-sizing:border-box}.yx-ux-code{display:block;margin-top:10px;padding:10px;border-radius:11px;background:#f2f4f8}.yx-ux-code textarea{min-height:90px;font:11px ui-monospace,monospace;resize:vertical}.yx-ux-advanced-box>button{min-height:42px;border:0;border-radius:11px;background:#e8eefc;color:#2863da;margin-top:8px}.yx-ux-sheet-actions{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:7px;margin-top:13px}.yx-ux-sheet-actions button{min-height:44px;border:0;border-radius:12px;background:#eef1f6;color:#555e6b}.yx-ux-error{min-height:16px;color:#d74455;font-size:10px;margin:8px 2px}.yx-ux-confirm{margin-bottom:5px}
.yx-ux-theme-preview{height:210px;border-radius:22px;padding:16px;margin-bottom:14px;box-sizing:border-box;background:linear-gradient(145deg,#e9edf4,#cad2df);display:flex;flex-direction:column;gap:10px;overflow:hidden}.yx-ux-theme-preview>div{align-self:stretch;text-align:center;padding:12px;border-radius:16px;background:#ffffffaa}.yx-ux-theme-preview>div b,.yx-ux-theme-preview>div small{display:block}.yx-ux-theme-preview>p{max-width:72%;margin:0;padding:8px 11px;border-radius:13px;background:#fff;font-size:10px}.yx-ux-theme-preview>p:nth-of-type(2){align-self:flex-end;background:#8ee778}.yx-ux-theme-preview footer{margin-top:auto;padding:10px;text-align:center;border-radius:15px;background:#ffffff99}
.yx-ux-desktop-preview{height:auto;min-height:0;position:relative;overflow:hidden}.yx-ux-desktop-preview iframe{position:absolute;left:8px;top:8px;max-width:none;max-height:none}.yx-ux-desktop-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;padding:14px 0 4px}.yx-ux-desktop-quick button{min-width:0;width:100%;padding:0 6px;white-space:normal;line-height:1.25}
@media(max-width:380px){.yx-ux-body{padding-left:12px;padding-right:12px}.yx-ux-phone-frame{height:390px}.yx-ux-home-card{padding:14px}.yx-ux-role-grid{grid-template-columns:repeat(3,1fr)}}
.yx-ux-desktop-mock{height:100%;box-sizing:border-box;padding:15px 12px 12px;background:linear-gradient(160deg,#141a29,#233a55);color:#fff;display:flex;flex-direction:column}.yx-ux-clock{height:86px;border-radius:20px;background:linear-gradient(120deg,#ffffff28,#9478ff66);display:flex;flex-direction:column;align-items:center;justify-content:center}.yx-ux-clock b{font-size:30px;font-weight:400}.yx-ux-clock small{margin-top:3px}.yx-ux-desktop-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:13px 8px;padding-top:16px;flex:1;align-content:start}.yx-ux-desktop-icons button{border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px}.yx-ux-desktop-icons i{width:48px;height:48px;border-radius:14px;background:#ffffff25;display:grid;place-items:center;font-style:normal;font-size:24px}.yx-ux-widget-mock{grid-column:3/5;grid-row:1/3;border:1px dashed #ffffff55;border-radius:18px;display:grid;place-items:center;text-align:center;font-size:10px;color:#ffffffaa}.yx-ux-dock-mock{height:62px;border-radius:20px;background:#ffffff24;display:flex;align-items:center;justify-content:center;font-size:22px}.yx-ux-dots{text-align:center;font-size:9px;padding:8px 0 0;color:#ffffffbb}
.yx-ux-desktop-mock{position:relative}.yx-ux-floating-mock{position:absolute;right:10px;bottom:92px;width:44px;height:44px;border:0;border-radius:50%;background:radial-gradient(circle,#fff 0 25%,#aaa 26% 45%,#444 46% 70%,#111 71%);box-shadow:0 4px 12px #0008}
@media(min-width:700px){.yx-ux-panel{border-radius:24px}.yx-ux-sheet{border-radius:24px}.yx-ux-sheet-card{border-radius:24px 24px 0 0}.yx-ux-body{padding-left:22px;padding-right:22px}}
.yx-ux-theme-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:5px;margin-bottom:7px}.yx-ux-theme-item button{margin:0;min-width:44px;padding:0 9px}.yx-ux-theme-item button:first-child{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yx-ux-theme-item button:last-child{color:#d74455}.yx-ux-desktop-actions{display:grid;grid-template-columns:1fr 112px;gap:8px}.yx-ux-page-manage{min-height:48px;margin-top:13px;border:1px solid #dce3ef;border-radius:15px;background:#fff;color:#2d65d4;font-weight:700}.yx-ux-page-list{display:grid;gap:8px}.yx-ux-page-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:5px;align-items:center;padding:8px;border:1px solid #e5e8ef;border-radius:13px}.yx-ux-page-row b{font-size:11px}.yx-ux-page-row input{min-width:0;border:0;border-radius:9px;background:#f2f4f7;padding:9px}.yx-ux-page-row button{min-width:44px;min-height:40px;border:0;border-radius:9px;background:#edf2fb;color:#3267cf;font-size:11px}.yx-ux-page-row button:last-child{color:#d74455}.yx-ux-page-row button:disabled{opacity:.35}.yx-ux-page-switch{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;margin:10px auto 0;max-width:300px}.yx-ux-page-switch button{height:40px;border:0;border-radius:12px;background:#fff;color:#2863da;font-size:22px}.yx-ux-page-switch button:disabled{opacity:.3}.yx-ux-page-switch span{text-align:center;font-size:11px;color:#697383}.yx-ux-widget-picker{margin-top:10px;padding:10px;border-radius:14px;background:#fff}.yx-ux-widget-picker summary{font-size:12px;font-weight:700}.yx-ux-widget-picker div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.yx-ux-widget-picker button{min-height:40px;border:0;border-radius:10px;background:#edf2fb;color:#3267cf;font-size:10px}.yx-ux-sheet-help{font-size:11px;color:#737d8b;line-height:1.5}.yx-ux-selector-directory details{margin-bottom:8px;border:1px solid #e5e8ef;border-radius:13px;padding:10px}.yx-ux-selector-directory summary{font-weight:700;font-size:13px}.yx-ux-selector-directory button{width:100%;min-height:48px;border:0;border-top:1px solid #eef0f4;background:#fff;text-align:left;padding:7px 2px;display:flex;flex-direction:column;gap:3px}.yx-ux-selector-directory code{font-size:9px;color:#6a7482;word-break:break-all}