.s2e-studio{width:100%;max-width:1180px;margin:22px auto;scroll-margin-top:70px;padding:23px;border:1px solid #e3c4c6;border-radius:18px;background:linear-gradient(145deg,#fffdf9,#fff4f1 55%,#f9e9ed);box-shadow:0 12px 32px #b17b8c18;min-width:0;color:#654555}
.s2e-studio *{box-sizing:border-box}
.s2e-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:17px}
.s2e-head h3{font-family:Georgia,serif;font-size:26px;color:#7b465e;margin:7px 0 8px}
.s2e-head p{margin:0;font-size:12px;line-height:1.65;color:#947480;max-width:720px}
.s2e-kicker{letter-spacing:1.5px;font-size:10px;color:#b1828e;font-weight:800}
.s2e-badge{white-space:nowrap;background:#eed4db;border:1px solid #dba8b8;color:#795165;border-radius:20px;padding:10px 14px;font-size:11px;font-weight:800}
.s2e-quick{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.45fr);gap:16px;align-items:end;padding:15px;background:#ffffffa8;border:1px solid #efdedb;border-radius:14px}
.s2e-quick label{display:grid;gap:9px;min-width:0}
.s2e-title{display:block;font-size:11px;font-weight:800;color:#825567;letter-spacing:.2px;margin-bottom:10px}
.s2e-quick select{width:100%;padding:11px 12px;border:1px solid #dec4c8;background:#fffefa;color:#765666;border-radius:9px;font-size:12px}
.s2e-colorrow{display:flex;flex-wrap:wrap;gap:7px}
.s2e-colorrow button{cursor:pointer;padding:4px;border-radius:50%;background:#fff;border:2px solid transparent;width:32px;height:32px;display:grid;place-items:center}
.s2e-colorrow button.active{border-color:#ba6b89;box-shadow:0 0 0 2px #f7dce5}
.s2e-colorrow span{width:22px;height:22px;display:block;border-radius:50%;border:1px solid #917b7b55}
.s2e-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 2px 12px}
.s2e-controls .s2e-title{margin:0}
.s2e-zoom{display:flex;flex-wrap:wrap;gap:6px}
.s2e-zoom button{background:#fff8f5;border:1px solid #e3c9c8;padding:9px 14px;color:#805f6b;font-size:11px;border-radius:8px;cursor:pointer;font-weight:700}
.s2e-zoom button.active{background:#e8b1c1;color:#623a51;border-color:#cf91a6}
.s2e-angle{font-size:10px;color:#ac8894}
.s2e-variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.s2e-variant{background:#fffdfb;border:1px solid #ecd4d1;border-radius:15px;padding:14px;display:grid;gap:11px;min-width:0}
.s2e-variant-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.s2e-variant-top h4{font-family:Georgia,serif;font-size:19px;margin:3px 0;color:#765063}
.s2e-variant-top small{font-size:10px;color:#ac8c93}
.s2e-letter{font-family:Georgia,serif;font-size:29px;font-style:italic;color:#dcabbc}
.s2e-picture{background:#fbf4ed;border:1px solid #ead7d1;border-radius:12px;min-height:355px;display:grid;place-items:center;overflow:hidden}
.s2e-art{width:100%;display:grid;place-items:center;overflow:hidden}
.s2e-art svg{width:100%;height:410px;display:block;filter:var(--s2e-light)}
.s2e-empty{min-height:355px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;padding:20px;color:#ac8391}
.s2e-empty>span{font-size:44px;color:#dfb6c1}
.s2e-empty strong{font-family:Georgia,serif;font-size:18px}
.s2e-empty small{font-size:11px;line-height:1.6;max-width:240px}
.s2e-short{display:flex;justify-content:space-between;gap:5px;flex-wrap:wrap;font-size:11px;color:#8e6a79;min-height:18px}
.s2e-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.s2e-actions button{min-width:0;font-size:11px;padding:10px 7px}
.s2e-actions button:disabled,.s2e-diff-head button:disabled{cursor:not-allowed;opacity:.48}
.s2e-diff{background:#fffaf9;border:1px solid #eed6d8;border-radius:14px;padding:16px;margin-top:16px}
.s2e-diff-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:13px}
.s2e-diff-head h4{margin:0;color:#7e4a61;font-family:Georgia,serif;font-size:19px}
.s2e-diff-head button{font-size:11px}
.s2e-prompt,.s2e-disclaimer,.s2e-note{font-size:11px;color:#9c7b88;line-height:1.65;margin:0}
.s2e-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11px;color:#83596e;margin-bottom:12px}
.s2e-summary strong{color:#a45277}
.s2e-tablewrap{width:100%;overflow-x:auto;border-radius:9px;border:1px solid #ead7d6}
.s2e-tablewrap table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px;color:#775768}
.s2e-tablewrap th,.s2e-tablewrap td{padding:10px;text-align:left;border-bottom:1px solid #f2e6e1;overflow-wrap:anywhere}
.s2e-tablewrap thead th{background:#f7e7e9;color:#7b4c60}
.s2e-tablewrap tr.s2e-different{background:#fff1f3}
.s2e-tablewrap tr.s2e-same{background:#fffdfb}
.s2e-tablewrap tr:last-child td,.s2e-tablewrap tr:last-child th{border-bottom:0}
.s2e-disclaimer{margin-top:11px}
.s2e-note{margin-top:12px}
@media(max-width:950px){.s2e-studio{padding:16px}.s2e-art svg{height:330px}.s2e-picture,.s2e-empty{min-height:300px}.s2e-quick{grid-template-columns:1fr}}
@media(max-width:680px){.s2e-variants{grid-template-columns:1fr}.s2e-head h3{font-size:21px}.s2e-head{flex-wrap:wrap}.s2e-art svg{height:360px}.s2e-controls{display:grid}.s2e-angle{line-height:1.5}.s2e-diff{padding:10px}}
@media(max-width:430px){.s2e-studio{padding:11px}.s2e-art svg{height:320px}.s2e-quick{padding:11px}.s2e-tablewrap th,.s2e-tablewrap td{padding:8px 5px;font-size:10px}}
