/* Source module: complex-dialog.css */ .preset-stage { height:calc(100% - 46px);padding:14px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.18); } .preset-window { width:1280px;height:574px;display:flex;flex-direction:column;background:rgba(4,5,5,.82); } .preset-window > .window-titlebar { flex:0 0 31px; } .preset-body-shell { flex:1;min-height:0;padding:9px;display:flex;flex-direction:column;gap:8px;background:rgba(4,5,5,.82); } .preset-intro { flex:0 0 68px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.45;color:#b7a467; } .preset-intro.dialog-content-well { min-height:68px; } .preset-main { flex:1;min-height:0;display:grid;grid-template-columns:.46fr .54fr;gap:10px; } .preset-column { min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid #30332f;background:#000; } .preset-section-head { flex:0 0 32px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #504329;background:#171916;color:#d2ba6f;font-size:13px; } .preset-row { flex:0 0 33px;padding:0 9px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;border-bottom:1px solid #272823;background:#090a09;color:#a9965e; } .preset-row:nth-child(3) { background:#1d1e1c; } .preset-row.selected { color:#f1d46d;box-shadow:inset 0 0 0 1px #3d99d0;background:#07121b; } .preset-radio { width:14px;height:14px;image-rendering:auto; } .preset-row-actions { display:flex;gap:5px; } .preset-row-actions img { max-width:13px;max-height:13px;image-rendering:pixelated; } .preset-row-action { appearance:none;width:20px;height:20px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;cursor:pointer; } .preset-row-action img { filter:brightness(1);transform:translateY(0); } .preset-row-action:hover img,.preset-row-action:focus-visible img,.preset-row-action:active img,.preset-row-action[aria-pressed="true"] img { filter:brightness(1.28); } .preset-row-action:focus-visible { outline:1px solid rgba(225,204,135,.72);outline-offset:-2px; } .preset-row-action:active img { transform:translateY(1px); } .preset-row.is-renaming .preset-name { color:#fff0a5;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px; } .preset-row.is-demo-deleted { opacity:.46; } .preset-row.is-demo-deleted .preset-name { text-decoration:line-through; } .preset-add { appearance:none;flex:0 0 35px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-bottom:1px solid #242520;color:#d5b04c;background:#030403;font:inherit;cursor:pointer; } .preset-add:hover,.preset-add:focus-visible,.preset-add:active { color:#ffe28a;background:#11130f;outline:none; } .preset-add:active { transform:translateY(1px); } .preset-add img,.button-glyph { max-width:12px;max-height:12px;image-rendering:pixelated; } .preset-spacer { flex:1;background:#020302; } .preset-actions { flex:0 0 auto;padding:9px 0 8px;display:grid;gap:5px;justify-content:center;border-top:1px solid #292a26;background:#030403; } .preset-actions .btn-shell { padding:2px;border-radius:0; } .preset-actions .dnf-btn { width:270px;height:28px; } .preset-separator { height:1px;margin:3px -38px;background:#2b2d29; } .show-all { appearance:none;padding:2px 3px;display:flex;align-items:center;gap:5px;border:0;background:none;color:inherit;font:inherit;cursor:pointer; } .show-all:hover,.show-all:focus-visible,.show-all:active { color:#f1dc91;outline:none; } .show-all:active { transform:translateY(1px); } .show-all img { image-rendering:pixelated; } .preset-diff-scroll { flex:1;min-height:0;display:grid;grid-template-columns:1fr 15px;background:#020403; } .preset-diff-list { min-width:0;padding:4px 9px;overflow:hidden; } .preset-group-title { height:28px;display:flex;align-items:center;border-bottom:1px solid #26333a;color:#ba9d51;font-size:13px; } .diff-row { height:28px;display:grid;grid-template-columns:1fr 64px 28px 64px;align-items:center;border-bottom:1px solid #222c30;color:#b49f67; } .diff-row em { color:#777b77;font-style:normal;text-align:center; } .diff-row b { color:#747a76;font-weight:400;text-align:center; } .diff-row strong { color:var(--selected);font-weight:500;text-align:center; } .diff-row.muted strong { color:#888b84; } .compact-scroll { width:15px;height:100%; } .preset-footer { flex:0 0 42px;position:relative;justify-content:center; } .preset-footer .dialog-status { position:absolute;left:112px;max-width:270px;overflow:hidden;text-overflow:ellipsis; } .preset-footer .back-action { position:absolute;left:8px; } .footer-actions { display:flex;gap:8px; } .preset-footer .dnf-btn { min-width:78px; } .anatomy { display:grid; grid-template-columns:120px 1fr; gap:18px; align-items:center; } .asset-tile { min-height:78px;display:flex;align-items:center;justify-content:center;background:#262726;border:1px dashed #5f5e58; } .asset-tile img { image-rendering:pixelated; } .anatomy-list { display:grid;gap:7px; } .anatomy-line { display:grid;grid-template-columns:76px 1fr;gap:9px;color:var(--text-3);font-size:11px; } .anatomy-line strong { color:var(--gold);font-weight:500; } .slice-demo { position:relative; height:64px; border:5px solid transparent; border-radius:2px; background: linear-gradient(180deg, #1f355e 0%, #1d2f53 55%, #1a2849 100%) padding-box, linear-gradient(180deg, #684f2d 0%, #483423 100%) border-box; } .slice-demo .cut { position:absolute;top:-6px;bottom:-6px;width:1px;border-left:1px dashed var(--focus); } .slice-demo .cut.left { left:7px; }.slice-demo .cut.right { right:7px; } .slice-demo .slice-label { position:absolute;top:69px;color:var(--text-3);font-size:9px; } .nine-grid { display:grid;grid-template-columns:22px 1fr 22px;grid-template-rows:22px 76px 22px;width:260px;height:120px; } .nine-grid > div { border:1px dashed rgba(75,167,211,.55);background:linear-gradient(#242b31,#0b0e10); } .nine-grid .center { background:linear-gradient(#15191c,#090a0b); } .callout-list { margin:0;padding:0;list-style:none;display:grid;gap:9px;color:var(--text-2);font-size:12px; } .callout-list li { display:flex;align-items:flex-start;gap:8px; } .callout-list li::before { content:"";width:5px;height:5px;margin-top:6px;background:var(--selected);box-shadow:0 0 6px rgba(218,164,29,.4); } .footer-note { position:absolute;left:46px;right:46px;bottom:20px;display:flex;justify-content:space-between;color:#767773;font-size:10px;letter-spacing:.4px; } .token-label { color:var(--text-3);font:10px/1.35 Consolas,monospace; }