2 lines
23 KiB
CSS
2 lines
23 KiB
CSS
|
.demo-shell[data-v-8ab948f9]{color:#142335;background:radial-gradient(circle at 12% 12%,#25ab6f38,#0000 28%),radial-gradient(circle at 86% 0,#2b7eee29,#0000 24%),linear-gradient(135deg,#f6f9f5 0%,#eef4f0 46%,#f8faf6 100%);height:100vh;overflow:hidden}.workspace[data-v-8ab948f9]{height:100%;padding:16px}.layout-shell[data-v-8ab948f9]{grid-template-columns:minmax(276px,320px) minmax(0,1fr);gap:16px;height:100%;display:grid}.control-panel[data-v-8ab948f9],.viewer-panel[data-v-8ab948f9]{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffb3;border:1px solid #ffffffb8;border-radius:28px;min-height:0;box-shadow:0 22px 60px #1223321a}.control-panel[data-v-8ab948f9]{z-index:3;flex-direction:column;gap:12px;padding:12px;display:flex;position:relative;overflow:visible}.brand-card[data-v-8ab948f9]{color:#fff;background:linear-gradient(135deg,#132a39f0,#115b41e6),radial-gradient(circle at 100% 0,#5effb661,#0000 42%);border-radius:22px;flex-direction:column;justify-content:space-between;min-height:144px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 36px #0e503b2e}.brand-orbit[data-v-8ab948f9]{border:1px solid #ffffff3d;border-radius:999px;width:138px;height:138px;position:absolute;top:-42px;right:-52px}.brand-orbit[data-v-8ab948f9]:before{content:"";border-radius:inherit;border:1px solid #ffffff2e;position:absolute;inset:28px}.brand-main[data-v-8ab948f9]{align-items:center;gap:12px;display:flex;position:relative}.brand-mark[data-v-8ab948f9]{background:#fffffff0;border-radius:17px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 12px 28px #0000002e}.brand-mark img[data-v-8ab948f9]{object-fit:contain;width:34px;height:34px}.brand-copy[data-v-8ab948f9]{flex-direction:column;gap:4px;min-width:0;display:flex}.brand-copy span[data-v-8ab948f9]{color:#ffffffb8;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}.brand-copy h1[data-v-8ab948f9]{letter-spacing:0;margin:0;font-size:27px;line-height:1}.brand-pill[data-v-8ab948f9]{color:#ffffffd1;letter-spacing:0;background:#ffffff24;border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;height:28px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.current-card[data-v-8ab948f9]{background:#ffffffc7;border-radius:20px;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:inset 0 0 0 1px #1423350f}.current-badge[data-v-8ab948f9]{color:#16804f;letter-spacing:0;background:#21a3661f;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:44px;font-size:12px;font-weight:800;display:inline-flex}.current-copy[data-v-8ab948f9]{flex-direction:column;gap:4px;min-width:0;display:flex}.current-copy span[data-v-8ab948f9]{color:#7c8b9a;font-size:12px}.current-copy strong[data-v-8ab948f9]{color:#142335;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.mode-switch[data-v-8ab948f9]{background:#1423350f;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;display:inline-grid}.mode-button[data-v-8ab948f9],.compact-field[data-v-8ab948f9],.primary-button[data-v-8ab948f9],.sample-trigger[data-v-8ab948f9],.sample-card[data-v-8ab948f9]{font:inherit}.mode-button[data-v-8ab948f9],.primary-button[data-v-8ab948f9],.sample-trigger[data-v-8ab948f9],.sample-card[data-v-8ab948f9]{cursor:pointer;border:0;transition:transform .18s,box-shadow .18s,background-color .18s,color .18s}.mode-button[data-v-8ab948f9]:hover,.primary-button[data-v-8ab948f9]:hover,.sample-trigger[data-v-8ab948f9]:hover,.sample-card[data-v-8ab948f9]:hover{transform:translateY(-1px)}.mode-button[data-v-8ab948f9]{color:#718193;background:0 0;border-radius:14px;min-height:40px;font-weight:700}.mode-button.active[data-v-8ab948f9]{color:#142335;background:#fff;box-shadow:0 8px 18px #12233714}.panel-body[data-v-8ab948f9]{flex-direction:column;flex:1;gap:14px;min-height:0;padding:2px 2px 4px;display:flex;position:relative;overflow:visible}.field-group[data-v-8ab948f9]{flex-direction
|