.slicer-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,5vw,72px);align-items:center;margin-block:-12px 64px;padding:clamp(22px,4vw,42px);border:1px solid #ffffffc9;border-radius:28px;background:radial-gradient(ellipse at 90% 5%,#e8bfac66,transparent 60%),linear-gradient(140deg,#ffffffa8,#fff6f07a);box-shadow:0 18px 55px #83543b0b;backdrop-filter:blur(20px)}.slicer-intro{min-inline-size:0}.slicer-kicker{display:inline-flex;align-items:center;gap:8px;color:#9a674d;font-size:12px;margin-block-end:16px}.slicer-kicker i{inline-size:7px;block-size:7px;border-radius:50%;background:#d69d7e;box-shadow:0 0 0 5px #e8bfac33}.slicer-intro h2{font-size:clamp(26px,3vw,39px);line-height:1.65;letter-spacing:-1px;color:#563e32;margin-block-end:14px}.slicer-intro p{max-inline-size:390px;color:#8b7467;font-size:14px;line-height:2}.slicer-chips{display:flex;gap:7px;flex-wrap:wrap;margin-block:20px 26px}.slicer-chips span{padding:4px 10px;border:1px solid #ddc6b984;border-radius:999px;background:#ffffff72;font-size:10px;color:#947b6d}.slicer-steps{padding:0;margin:0;list-style:none;display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#ab9284}.slicer-steps li{display:flex;align-items:center;gap:7px}.slicer-steps b{font:10px Arial,sans-serif;border:1px solid #ddc6b9;border-radius:50%;inline-size:24px;block-size:24px;display:grid;place-items:center}.slicer-steps .active{color:#85563c}.slicer-steps .active b{background:#e8bfac88;border-color:#dba88c}.slicer-card{min-inline-size:0;border:1px solid #ffffffd9;border-radius:22px;padding:22px;background:#ffffff9c;box-shadow:0 12px 35px #69442d08;overflow:hidden}.slicer-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-block-end:16px;font-size:13px;color:#765846}.slicer-connection{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#a7968b}.slicer-connection i{inline-size:6px;block-size:6px;background:#b6aaa1;border-radius:50%;flex:none}.slicer-connection.online i{background:#71a185;box-shadow:0 0 0 3px #71a18515}.slicer-drop{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;border:1.5px dashed #d5b29c;border-radius:18px;background:#fff9f570;padding:20px 18px;margin:0;cursor:pointer;transition:background .2s,border-color .2s;min-inline-size:0;overflow:hidden}.slicer-drop:hover,.slicer-drop.dragging,.slicer-drop.selected{background:#e8bfac24;border-color:#b88060}.slicer-input{position:absolute;inline-size:1px;block-size:1px;clip-path:inset(50%);opacity:0;padding:0;border:0;overflow:hidden}.slicer-drop:focus-within{outline:3px solid #d5a486;outline-offset:3px}.slicer-model-icon{display:grid;place-items:center;inline-size:70px;block-size:70px;border-radius:20px;background:linear-gradient(135deg,#eed3c3a6,#ffffffb0);border:1px solid #fff;box-shadow:inset 0 0 12px #ffffff94;margin-block-end:14px;color:#aa7a5c;transform:rotate(-5deg)}.slicer-model-icon svg{inline-size:51px;block-size:51px;transform:rotate(5deg)}.slicer-drop strong{font-size:14px;font-weight:600;max-inline-size:100%;overflow-wrap:anywhere}.slicer-drop small{font-size:11px;color:#aa9385;font-weight:400;margin-block-start:3px}.slicer-browse{display:inline-flex;background:#fff9;border:1px solid #e7d6ca;border-radius:999px;padding:5px 16px;font-size:11px;color:#88654f;margin-block-start:12px}.slicer-drop.disabled{cursor:wait;opacity:.7}.slicer-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:end;margin-block-start:15px}.slicer-settings label{font-size:11px;margin:0;color:#a18878}.slicer-settings select{padding:9px 10px;font-size:12px;min-block-size:44px;margin-block-start:5px}.slicer-settings button{inline-size:100%;min-block-size:44px;gap:9px;justify-content:center;padding:10px;font-size:12px;white-space:normal}.slicer-settings button span{font:18px Arial,sans-serif}.slicer-state{font-size:11px;line-height:1.9;color:#a28b7b;margin-block-start:14px;overflow-wrap:anywhere}.slicer-state.error{color:#a05949}.slicer-login{color:#976749;text-decoration:underline}.slicer-footnote{font-size:10px;line-height:1.8;color:#b3a093;margin:16px 0 0;border-block-start:1px solid #ead9cd90;padding-block-start:12px}.slicer-pending{display:flex;align-items:center;gap:12px;margin-block-start:12px}.slicer-progress{height:5px;flex:1;background:#ebd9cc8a;border-radius:999px;overflow:hidden}.slicer-progress span{display:block;height:100%;inline-size:35%;border-radius:inherit;background:linear-gradient(90deg,#e8bfac,#c79470);animation:slice-wait 1.7s ease-in-out infinite}.slicer-pending button{flex:none;font-size:11px}.slicer-result{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-block-start:18px;border-block-start:1px solid #ead9cd;padding-block-start:18px}.slicer-result small{display:block;font-size:10px;color:#aa9384}.slicer-result b{display:block;font-size:19px;color:#785641;font-weight:600;margin-block-start:3px}.slicer-result .slicer-price{grid-column:1/-1;background:#e8bfac33;border:1px solid #e4c9b780;border-radius:14px;padding:12px 16px}.slicer-price b{font-size:25px}.slicer-result p,.slicer-result button{grid-column:1/-1;margin:0;font-size:10px;color:#9f8472}.slicer-result button{justify-self:start;font-size:11px}html[dir=ltr] .slicer-intro h2{line-height:1.25;font-size:clamp(26px,3vw,38px)}@keyframes slice-wait{0%,100%{transform:translateX(-70%)}50%{transform:translateX(250%)}}@media(prefers-reduced-motion:reduce){.slicer-progress span{animation:none;inline-size:100%;opacity:.65}}@media(max-width:900px){.slicer-section{gap:26px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:24px}.slicer-intro h2{font-size:27px}.slicer-card{padding:18px}.slicer-settings{grid-template-columns:1fr}.slicer-intro p{font-size:13px}.slicer-steps{gap:10px}.slicer-card-head{flex-wrap:wrap}.slicer-chips{margin-block:16px 20px}}@media(max-width:650px){.slicer-section{grid-template-columns:minmax(0,1fr);padding:22px 16px;margin-block:0 38px;gap:22px;border-radius:24px}.slicer-intro h2{font-size:28px;margin-block-end:10px}.slicer-intro p{max-inline-size:none;margin-block-end:0}.slicer-kicker{margin-block-end:10px}.slicer-chips{margin-block:14px 18px}.slicer-card{padding:16px;border-radius:19px}.slicer-settings{grid-template-columns:1fr 1fr}.slicer-drop{padding:20px 14px}.slicer-connection{font-size:9px}.slicer-card-head{font-size:12px}}@media(max-width:380px){.slicer-settings{grid-template-columns:1fr}.slicer-section{padding:20px 12px}.slicer-steps{gap:8px;font-size:10px}.slicer-chips span{font-size:9px}}

/* Compact upload entry and focused calculation dialog. */
.slicer-add-card{display:grid;place-items:center;min-height:280px;width:100%;border:1.5px dashed #caa38b;border-radius:22px;background:linear-gradient(145deg,#ffffffb8,#f7e7dd96);color:#946f57;box-shadow:0 12px 32px #69442d08;transition:background .2s,border-color .2s}
.slicer-add-card span{font:300 88px/1 Arial,sans-serif}.slicer-add-card:hover{background:#f2dacbc9;border-color:#946f57}.slicer-add-card:focus-visible,.slicer-dialog-close:focus-visible{outline:3px solid #946f57;outline-offset:4px}
.slicer-dialog{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #fff;border-radius:24px;background:#fffaf7;color:#563e32;box-shadow:0 24px 90px #3f281f40;overflow:auto;overscroll-behavior:contain}
.slicer-dialog::backdrop{background:#33251f80;backdrop-filter:blur(5px)}.slicer-dialog-open{overflow:hidden}
.slicer-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:#fffaf7;border-bottom:1px solid #ead9cd}
.slicer-dialog-head h2{font-size:20px;margin:0}.slicer-dialog-close{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #ead9cd;border-radius:50%;background:#fff;font:28px/1 Arial,sans-serif;color:#765846}
.slicer-section.slicer-modal-content{display:block;margin:0;padding:20px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}.slicer-modal-content .slicer-card{padding:0;border:0;background:none;box-shadow:none;overflow:visible}
@media(max-width:650px){.slicer-add-card{min-height:220px}.slicer-add-card span{font-size:72px}.slicer-dialog-head{padding:14px 16px}.slicer-dialog-head h2{font-size:17px}.slicer-section.slicer-modal-content{padding:16px}}

/* Three favorites and a quiet upload tile at the left edge. */
.product-grid.popular-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.popular-grid .slicer-add-card{grid-column:4;grid-row:1;position:relative;isolation:isolate;min-height:0;height:100%;align-self:stretch;padding:28px;border:1px solid #e5cfc1;border-radius:22px;background:radial-gradient(circle at 30% 20%,#fff 0,transparent 52%),linear-gradient(145deg,#faf3ee,#edd6c7);box-shadow:inset 0 1px 0 #fff,0 8px 30px #835c4110;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.popular-grid .slicer-add-card::before{content:'';position:absolute;inset:12px;border:1px solid #ffffffb3;border-radius:16px;pointer-events:none}
.popular-grid .slicer-add-card span{display:grid;place-items:center;width:76px;height:76px;border:1px solid #ffffffc9;border-radius:50%;background:#ffffff70;color:#956c52;box-shadow:0 8px 24px #93654812;font:300 48px/1 Arial,sans-serif;transition:transform .2s,background .2s}
.popular-grid .slicer-add-card:hover{border-color:#c49b81;box-shadow:inset 0 1px 0 #fff,0 14px 34px #835c4120;transform:translateY(-3px)}.popular-grid .slicer-add-card:hover span{background:#fff9;transform:scale(1.06)}
html[dir=ltr] .popular-grid .slicer-add-card{grid-column:1}
@media(max-width:900px){.product-grid.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.popular-grid .slicer-add-card{grid-column:2;padding:20px}html[dir=ltr] .popular-grid .slicer-add-card{grid-column:1}}
@media(prefers-reduced-motion:reduce){.popular-grid .slicer-add-card,.popular-grid .slicer-add-card span{transition:none}.popular-grid .slicer-add-card:hover,.popular-grid .slicer-add-card:hover span{transform:none}}

.slicer-card-head [data-slice-reconnect]{font-size:10px;flex:none}.slicer-server-details{grid-column:1/-1;margin:0;display:grid;gap:9px;padding:12px;border:1px solid #ead9cd;border-radius:12px;font-size:11px}.slicer-server-details>div{display:flex;justify-content:space-between;gap:14px}.slicer-server-details dt{color:#a18878}.slicer-server-details dd{margin:0;overflow-wrap:anywhere;color:#765846;text-align:end}