:root{--ink:#141923;--muted:#697386;--paper:#f6f3ee;--white:#fff;--teal:#0f8278;--leaf:#2f8f47;--lime:#bdfa20;--line:#dcdedb;--orange:#ff5b32}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}.topbar{height:57px;padding:0 max(24px,calc((100vw - 1440px)/2));display:flex;align-items:center;gap:24px;background:#101419;color:#fff}.topbar a{color:inherit;text-decoration:none;font-weight:800}.quote{margin-left:auto;padding:13px 20px;border-radius:999px;background:var(--teal)}.brandbar{height:70px;padding:0 max(24px,calc((100vw - 1320px)/2));display:flex;align-items:center;gap:13px;border-bottom:1px solid #ddd9d1;background:#f6f3ee;color:var(--ink)}.brandmark{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#151923;color:var(--lime);font:900 21px/1 Inter,"Segoe UI",Arial,sans-serif}.brandbar strong{font:850 18px/1.1 Inter,"Segoe UI",Arial,sans-serif}.brandbar strong i{color:var(--orange);font-style:normal}.brandbar .local{margin-left:auto;color:#7a837e;font-size:.78rem}.brandbar .local::first-letter{color:#6dd47e}.language-btn{min-width:0;margin:0;padding:10px 15px;border:1px solid #ffffff2b;border-radius:999px;background:#fff;color:var(--ink);font-size:.78rem;white-space:nowrap}main{max-width:1440px;margin:auto;padding:62px 28px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:46px}.eyebrow{color:var(--leaf);font-weight:900;letter-spacing:.18em}.hero h1{font-size:clamp(2.65rem,5.5vw,5.1rem);line-height:.94;margin:14px 0 0;max-width:920px}.hero>p{color:var(--muted);font-size:1.12rem;line-height:1.6}.workspace{display:grid;grid-template-columns:minmax(430px,.8fr) minmax(560px,1.2fr);gap:24px;align-items:start}.panel{background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 48px #1c2c3012}.controls{padding:28px}.section-title{display:flex;gap:14px;align-items:center;margin:6px 0 18px}.section-title.compact{margin:0}.section-title b{display:grid;place-items:center;min-width:44px;height:44px;border-radius:10px;background:var(--ink);color:#fff}.section-title h2{margin:0;font-size:1.35rem}.section-title p{margin:3px 0 0;color:var(--muted)}.preset-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 18px}.preset-row button{background:#eef2f2;color:var(--ink);padding:12px 8px}.grid{display:grid;gap:14px;margin-bottom:30px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}label{display:grid;gap:8px;font-size:.82rem;font-weight:900;letter-spacing:.04em}.check{display:flex;align-items:center;gap:10px;margin:0 0 16px;letter-spacing:0}.check input{width:auto}label span{display:grid;grid-template-columns:1fr auto;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;padding-right:12px;color:var(--muted);font-weight:500}input,select{width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px;font:inherit;font-size:1rem}label span input{border:0;border-radius:0}.actions{display:grid;grid-template-columns:.7fr .9fr .82fr .68fr;gap:9px;align-items:center;max-width:620px;margin-top:10px}button,.button-link{border:0;border-radius:11px;padding:11px 12px;background:var(--teal);color:#fff;font:inherit;font-size:.9rem;font-weight:900;line-height:1.15;cursor:pointer;text-align:center;text-decoration:none}button:hover,.button-link:hover{filter:brightness(.94)}.secondary{background:#eef2f2;color:var(--ink)}.preview{padding:24px;position:sticky;top:20px}.preview-head{display:flex;align-items:start;justify-content:space-between;gap:18px;flex-wrap:wrap}.preview-tools{display:flex;align-items:center;gap:10px;margin-left:auto}.preview-mode{display:inline-flex;padding:4px;border:1px solid #d8ddd9;border-radius:12px;background:#eef1ee}.preview-mode button{min-width:0;padding:9px 14px;border:0;border-radius:9px;background:transparent;color:#141923;font:800 14px/1.1 Inter,"Segoe UI",Arial,sans-serif;box-shadow:none}.preview-mode button.active{background:#141923;color:#fff}.pill{padding:10px 14px;border-radius:999px;background:#fff4d7;color:#795300;font-weight:900;white-space:nowrap}.pill.good{background:#e8f8f3;color:#087468}.pill.bad{background:#ffe8e3;color:#b32f17}.preview-stage{position:relative;margin-top:14px}canvas{display:block;width:100%;aspect-ratio:1.415;background:linear-gradient(145deg,#f7f8f6,#eceeea);border:1px solid var(--line);border-radius:18px;cursor:grab;touch-action:none}canvas:active{cursor:grabbing}.view-presets{position:absolute;z-index:5;right:18px;top:18px;display:flex;gap:5px}.view-presets button{min-width:0;padding:11px 12px;border:0;border-radius:5px;background:#252a34;color:#fff;font:800 10px/1 Inter,"Segoe UI",Arial,sans-serif;box-shadow:0 7px 16px #1113}.zoom-controls{position:absolute;z-index:7;right:14px;bottom:14px;display:grid;grid-template-columns:42px 78px 42px;gap:3px;padding:4px;border-radius:9px;background:#171b24eb;box-shadow:0 6px 14px #1114}.zoom-controls button{min-width:0;height:36px;padding:0;border:1px solid #fff5;border-radius:6px;background:#ffffff12;color:#fff;font:800 12px/1 Inter,"Segoe UI",Arial,sans-serif}.drag-hint{position:absolute;z-index:4;left:50%;bottom:16px;transform:translateX(-50%);padding:8px 14px;border-radius:999px;background:#fffc;color:#737c88;font-size:12px;white-space:nowrap;pointer-events:none}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:16px}.stats article{padding:16px;border-right:1px solid var(--line)}.stats article:last-child{border:0}.stats span{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.stats strong{display:block;margin-top:7px}.warnings{margin-top:14px}.warnings p{margin:0;padding:12px 14px;border-radius:12px;background:#fff4d7;color:#654b0a}.privacy{text-align:center;color:#8a929d;font-size:.78rem;margin:18px 0 0}@media(max-width:1180px){.workspace,.hero{grid-template-columns:1fr}.preview{position:static}.hero h1{font-size:4rem}}@media(max-width:760px){.brandbar strong{font-size:14px}.brandbar .local{display:none}.view-presets{right:8px;top:8px}.view-presets button{padding:9px 7px;font-size:8px}.drag-hint{display:none}.grid.three,.grid.two,.actions,.stats,.preset-row{grid-template-columns:1fr}.actions{max-width:none}.stats article{border-right:0;border-bottom:1px solid var(--line)}main{padding:38px 14px}.hero h1{font-size:3rem}.controls,.preview{padding:18px}}
.brandbar .local::first-letter{color:#35c96f}.actions{max-width:none}.svg-card input[type=file]{background:#fff}.pill.loading{background:#eef2f2;color:#697386}


/* v2.26.11 compact layer editor */
.layer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-5px 0 10px}
.layer-toolbar>span{color:var(--muted);font-size:.76rem;font-weight:900}
.compact-add{width:auto!important;padding:7px 10px!important;border-radius:9px!important;font-size:.76rem!important}
.layer-list{display:grid;gap:9px;margin-bottom:12px}
.layer-card{border:1px solid var(--line);border-radius:13px;background:#fafbf9;padding:11px}
.layer-card header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.layer-card header strong{font-size:.84rem}
.layer-card .remove{width:auto!important;min-width:0!important;padding:6px 9px!important;border-radius:999px!important;background:#fff0ec!important;color:#c63b20!important;font-size:.69rem!important}
.layer-grid{display:grid;grid-template-columns:minmax(120px,1.55fr) repeat(5,minmax(58px,.66fr)) minmax(48px,.48fr);gap:7px;align-items:end}
.layer-grid label{gap:4px;font-size:.66rem;letter-spacing:.01em;min-width:0}
.layer-grid input{padding:7px 6px!important;border-radius:8px!important;font-size:.76rem!important;height:34px!important}
.layer-grid label span{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;border-radius:8px!important;padding-right:6px!important}
.layer-grid label span input{border:0!important;padding:6px 4px!important;height:32px!important;text-align:center}
.layer-grid label span em{font-size:.61rem;font-style:normal;color:var(--muted)}
.layer-grid input[type=color]{width:43px!important;height:34px!important;padding:3px!important}
.layer-grid input[type=file]{padding:4px!important;font-size:.64rem!important}
.layer-grid small{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.62rem;font-weight:500}
.compact-global{grid-template-columns:minmax(120px,190px)!important;margin-bottom:15px!important}
.compact-global input[type=color]{height:36px;padding:3px}
@media(max-width:930px){.layer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.layer-grid .wide-field{grid-column:span 3}}
@media(max-width:560px){.layer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-grid .wide-field{grid-column:span 2}}


/* v2.26.11 layer editor — airy and consistent with the other builders */
.layer-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:-4px 0 12px;
}
.layer-toolbar>span{
  color:var(--muted);
  font-size:.78rem;
  font-weight:900;
}
.compact-add{
  width:auto!important;
  padding:9px 13px!important;
  border-radius:10px!important;
  font-size:.82rem!important;
}
.layer-list{
  display:grid;
  gap:12px;
  margin-bottom:14px;
}
.layer-card{
  border:1px solid var(--line);
  border-radius:14px;
  background:#fafbf9;
  padding:14px;
}
.layer-card header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.layer-card header strong{
  font-size:.92rem;
}
.layer-card .remove{
  width:auto!important;
  min-width:0!important;
  padding:8px 11px!important;
  border-radius:10px!important;
  background:#fff0ec!important;
  color:#c63b20!important;
  font-size:.76rem!important;
}
.layer-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px 12px;
  align-items:end;
}
.layer-grid .wide-field{
  grid-column:1 / -1;
}
.layer-grid label{
  gap:6px;
  font-size:.72rem;
  letter-spacing:.02em;
  min-width:0;
}
.layer-grid input{
  padding:10px 9px!important;
  border-radius:10px!important;
  font-size:.86rem!important;
  height:40px!important;
}
.layer-grid label span{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center;
  border-radius:10px!important;
  padding-right:9px!important;
}
.layer-grid label span input{
  border:0!important;
  padding:8px 7px!important;
  height:38px!important;
}
.layer-grid label span em{
  font-size:.69rem;
  font-style:normal;
  color:var(--muted);
}
.layer-grid input[type=color]{
  width:58px!important;
  height:40px!important;
  padding:4px!important;
}
.layer-grid input[type=file]{
  height:auto!important;
  min-height:40px;
  padding:7px!important;
  font-size:.74rem!important;
}
.layer-grid small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:.68rem;
  font-weight:500;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.compact-global{
  grid-template-columns:minmax(150px,220px)!important;
  margin-bottom:18px!important;
}
.compact-global input[type=color]{
  height:40px;
  padding:4px;
}
@media(max-width:720px){
  .layer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .layer-grid .wide-field{grid-column:1 / -1}
}
@media(max-width:480px){
  .layer-grid{grid-template-columns:1fr}
  .layer-grid .wide-field{grid-column:auto}
}

.edge-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:-10px 0 30px}
.edge-controls label{display:grid;gap:8px}
@media(max-width:700px){.edge-controls{grid-template-columns:1fr}}

/* v2.26.11 compact export controls */
.export-actions{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:9px!important;
  margin-top:16px;
}
.export-actions button,
.export-actions .button-link{
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:38px!important;
  padding:0 14px!important;
  border-radius:10px!important;
  font-size:.78rem!important;
  line-height:1!important;
  white-space:nowrap!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.export-actions #resetBtn{padding-left:12px!important;padding-right:12px!important}
.export-actions #download3mf{padding-left:15px!important;padding-right:15px!important}
.export-actions #orderLink{padding-left:14px!important;padding-right:14px!important}
@media(max-width:560px){
  .export-actions{gap:8px!important}
  .export-actions button,
  .export-actions .button-link{height:36px!important;padding:0 11px!important;font-size:.74rem!important}
}

/* v2.26.14 visible color swatches */
input[type=color]{
  width:64px;
  min-width:54px;
  height:42px;
  padding:4px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  cursor:pointer;
}
input[type=color]::-webkit-color-swatch-wrapper{padding:0}
input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}
input[type=color]::-moz-color-swatch{border:0;border-radius:6px}

/* v2.26.14 text/SVG sliders */
.layer-grid .slider-field{gap:6px}
.layer-grid input.layer-slider{
  width:100%!important;
  height:18px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  accent-color:var(--teal);
  cursor:pointer;
}
.layer-grid input[type=color]{
  width:58px!important;
  min-width:58px!important;
  height:40px!important;
  padding:4px!important;
}