.s3b-atelier{max-width:1260px;width:100%;margin:20px auto;padding:22px;border:1px solid #eac8d0;border-radius:20px;background:linear-gradient(145deg,#fffaf8,#f9eef0 68%,#fff8ed);color:#805469;box-shadow:0 15px 34px #91627313;scroll-margin-top:80px;box-sizing:border-box}
.s3b-atelier *{box-sizing:border-box}
.s3b-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #ecd6da}
.s3b-head span{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#b87f93}
.s3b-head h3{font-family:Georgia,serif;font-size:28px;line-height:1.2;margin:8px 0;color:#7f465f;font-weight:500}
.s3b-head p{font-size:12px;color:#967682;line-height:1.65;margin:0}
.s3b-head>b{border:1px solid #e5afc1;background:#f1d7e0;color:#875168;border-radius:18px;padding:9px 13px;white-space:nowrap;font-size:11px}
.s3b-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:18px;margin-top:16px;min-width:0}
.s3b-view{background:#fffdfb;border:1px solid #eed7d8;padding:14px;border-radius:16px;min-width:0;display:flex;flex-direction:column;gap:9px;position:sticky;top:10px}
.s3b-viewtop{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#765163;font-size:12px}.s3b-viewtop span{font-size:10px;color:#ab8190}
.s3b-stage{min-width:0;min-height:540px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 20%,#fffefc,#f7ede8);border:1px solid #e9d2cc;border-radius:14px;overflow:hidden;touch-action:none;cursor:crosshair}
.s3b-stage svg{height:570px;width:100%;max-width:440px;display:block;touch-action:none;user-select:none}
.s3b-caption{font-size:11px;color:#a37c8b;text-align:center;background:#fdf2f5;padding:9px;border-radius:9px}
.s3b-viewactions{display:flex;gap:7px;flex-wrap:wrap}.s3b-viewactions button{flex:1;min-width:132px;line-height:1.35;font-size:11px;padding:11px 8px}
.s3b-controls{min-width:0;display:grid;gap:12px;align-content:start}
.s3b-section{background:#fffdfb;border:1px solid #eedadd;border-radius:15px;padding:14px;min-width:0}
.s3b-label{display:block;color:#855368;font-size:12px;font-weight:800;line-height:1.4;margin:3px 0 10px}.s3b-label:not(:first-child){margin-top:16px}
.s3b-zones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}
.s3b-zones button,.s3b-smallactions button,.s3b-reset-region{background:#fffaf8;color:#815468;border:1px solid #e7ccd3;border-radius:10px;padding:11px 8px;cursor:pointer;font-size:11px;font-weight:700}
.s3b-zones button.active,.s3b-tool.active,.s3b-mat.active{background:#f2d8e1;border-color:#c985a0;color:#733c55;box-shadow:0 0 0 1px #dba3b6}
.s3b-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.s3b-mat{display:grid;grid-template-rows:45px auto;gap:6px;padding:7px 6px;color:#865d6d;border:1px solid #e7d3d6;background:#fff9f7;border-radius:10px;cursor:pointer;min-width:0;font-size:10px;font-weight:700;text-align:center}
.s3b-fabric-chip{display:block;border:1px solid #e3ccd1;border-radius:6px;min-height:42px;background-color:#e7c8c2;background-size:100% 100%}
.s3b-satin{background:repeating-linear-gradient(125deg,#f1dce6,#fcf3f7 9px,#d5a4b8 23px,#fff1f2 29px)}
.s3b-silk{background:repeating-radial-gradient(ellipse at 18% 50%,#e4b8c8 0px,#f7e9ef 11px,#d6a5b7 17px,#f7e9ef 22px)}
.s3b-lace{background:radial-gradient(circle at 30% 30%,transparent 6px,#fff9fa 7px,#fff9fa 9px,transparent 10px),radial-gradient(circle at 75% 70%,transparent 6px,#fff9fa 7px,#fff9fa 9px,transparent 10px),#d5a5b8}
.s3b-tulle{background:repeating-linear-gradient(45deg,#fff9fa88 0 1px,transparent 1px 6px),repeating-linear-gradient(-45deg,#fff9fa88 0 1px,transparent 1px 6px),#dfcbd5}
.s3b-organza{background:linear-gradient(115deg,#fff9fdcc,#c4b2c7aa,#fff8fd99,#a78daabb)}
.s3b-wool{background:repeating-linear-gradient(35deg,#a68d95 0 2px,#eadbdc 2px 4px,#cebac2 4px 7px)}
.s3b-linen{background:repeating-linear-gradient(0deg,#eee6dfb0 0 2px,transparent 2px 6px),repeating-linear-gradient(90deg,#fff8f0ad 0 2px,transparent 2px 6px),#c9b4ad}
.s3b-velvet{background:linear-gradient(110deg,#6d425d,#c187ac 25%,#5d3950 48%,#b37d9b 77%,#674354)}
.s3b-jacquard{background:repeating-conic-gradient(#e7bfc4 0 25%,#a16d83 0 50%) 50%/22px 22px}
.s3b-colors{display:flex;flex-wrap:wrap;gap:8px}
.s3b-color{width:31px;height:31px;border:1px solid #e1ccd1;background:#fff;border-radius:50%;padding:4px;cursor:pointer}.s3b-color i{display:block;width:100%;height:100%;border-radius:50%;border:1px solid #c2b6b3}.s3b-color.active{outline:2px solid #b97390;outline-offset:2px}
.s3b-reset-region{display:block;margin-top:11px;padding:8px 11px;font-size:10px}
.s3b-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.s3b-tool{min-width:0;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;min-height:73px;padding:8px 2px;border:1px solid #e5d1d6;background:#fff9f7;color:#7c5165;border-radius:10px;cursor:pointer;font-size:10px;line-height:1.2}.s3b-tool span{font-size:25px;line-height:1.1;color:#b0718c}
.s3b-hint,.s3b-muted,.s3b-disclaimer{color:#997582;font-size:11px;line-height:1.65}.s3b-hint{margin:12px 0 0}.s3b-edits>strong{font-size:11px;color:#86546a;display:block;margin-bottom:9px}.s3b-edits label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#856274;margin:8px 0}.s3b-edits input[type=range]{width:62%;accent-color:#c6809b}.s3b-edits input[type=color]{width:70px;height:32px;background:#fffaf9;border:1px solid #ead4db;padding:2px;border-radius:9px}
.s3b-smallactions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.s3b-smallactions button:disabled{opacity:.45;cursor:not-allowed}
.s3b-disclaimer{border-top:1px dashed #e2ccd2;padding-top:12px;margin:15px 0 0}
@media(max-width:1100px){.s3b-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1fr)}.s3b-stage{min-height:420px}.s3b-stage svg{height:475px}.s3b-tools{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:790px){.s3b-atelier{padding:12px;margin:14px auto}.s3b-layout{grid-template-columns:1fr}.s3b-view{position:static}.s3b-stage{min-height:400px}.s3b-stage svg{height:475px;max-width:400px}.s3b-head h3{font-size:22px}.s3b-materials{grid-template-columns:repeat(3,minmax(0,1fr))}.s3b-tools{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:420px){.s3b-atelier{padding:9px;border-radius:12px}.s3b-head{gap:6px}.s3b-head>b{padding:7px 8px;font-size:9px}.s3b-head h3{font-size:19px}.s3b-view{padding:8px}.s3b-stage{min-height:310px}.s3b-stage svg{height:390px}.s3b-section{padding:10px}.s3b-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.s3b-materials{grid-template-columns:repeat(3,minmax(0,1fr))}.s3b-viewactions button{min-width:115px}}

.s3b-compare-add{border:1px solid #e7cbd2;background:#fff9f9;border-radius:13px;padding:13px;margin-top:12px;color:#7d5365;font-size:11px;line-height:1.6}.s3b-compare-add p{margin:5px 0;overflow-wrap:anywhere}.s3b-compare-add small{color:#ae8091}

.s3b-open{font-size:11px;white-space:normal;flex:1;min-width:160px}.s3b-atelier{scroll-margin-top:24px}