/* Shared editor shell. Public menu, flipbook and knitting readers keep their designs. */
body[data-workspace-polish] { --accent:#345b76; --soft:#edf2f6; }
body[data-workspace-polish][data-theme=money] { --accent:#52618b; --soft:#eff1f7; }
body[data-workspace-polish][data-theme=images] { --accent:#345e87; --soft:#edf3f8; }
body[data-workspace-polish][data-theme=internet] { --accent:#28665b; --soft:#edf5f2; }
body[data-workspace-polish][data-theme=writing] { --accent:#805946; --soft:#f5efeb; }
body[data-workspace-polish][data-theme=travel] { --accent:#306675; --soft:#edf4f5; }
body[data-workspace-polish] main > .toolintro {
  display:block; min-height:0; padding:26px 32px; margin-bottom:24px;
  background:#fff; border:1px solid #dce3e9; border-radius:14px; box-shadow:none;
}
body[data-workspace-polish] .toolintro :is(.toolart,.toolkicker) { display:none; }
body[data-workspace-polish] .toolintro .toolintrocopy { width:100%; max-width:850px; }
body[data-workspace-polish] .toolintro .back { margin:0 0 14px; font-size:13px; }
body[data-workspace-polish] .toolintro h1 {
  font-size:clamp(28px,3.2vw,40px); letter-spacing:-1.2px; line-height:1.18;
  max-width:900px; margin:0 0 10px;
}
body[data-workspace-polish] .toolintro h1 > span { display:none; }
body[data-workspace-polish] .toolintro p { max-width:75ch; font-size:15px; margin:0; }
body[data-workspace-polish] main > .workspace {
  padding:28px 32px; border:1px solid #dce3e9; border-radius:14px; box-shadow:none;
}
body[data-workspace-polish] .workspace .sectionhead { gap:16px; flex-wrap:wrap; margin-bottom:24px; }
body[data-workspace-polish] .workspace .sectionhead h2 { font-size:24px; letter-spacing:-.5px; }
body[data-workspace-polish] .workspace .tag { border-radius:6px; background:#f0f3f6; color:#435469; }
body[data-workspace-polish] .workspace > form:not(#passwordform) {
  padding:24px; border:1px solid #e1e6ec; border-radius:10px; background:#f8fafb;
}
body[data-workspace-polish] .workspace :is(input:not([type=file]):not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea) {
  min-height:46px; border:1px solid #aebbc9; border-radius:7px; padding:11px 13px;
  box-shadow:none; font-size:16px;
}
body[data-workspace-polish] .workspace select { padding-inline-end:44px; background-position:right 14px center; }
body[data-workspace-polish][dir=rtl] .workspace select,
html[dir=rtl] body[data-workspace-polish] .workspace select { padding-inline-start:13px; background-position:left 14px center; }
body[data-workspace-polish] .workspace textarea { min-height:160px; }
body[data-workspace-polish] .workspace .options { align-items:flex-end; row-gap:20px; }
body[data-workspace-polish] .workspace .inputrow { gap:12px; }
body[data-workspace-polish] .workspace :is(button:not(.help-trigger):not(.vt-help-button),a.download,.editor-link-button,.menu-link-button) {
  border-radius:7px; box-shadow:none; font-size:14px;
}
body[data-workspace-polish] .workspace :is(button[data-primary],form>button[data-primary],.inputrow button[data-primary]) {
  min-height:46px; padding:11px 17px;
}
body[data-workspace-polish] .workspace button:hover:not(:disabled) { box-shadow:none; transform:none; }
body[data-workspace-polish] .workspace .actions {
  display:flex; flex-wrap:wrap; gap:10px; align-items:center;
}
body[data-workspace-polish] .workspace .actions button { width:auto; min-height:44px; padding:10px 14px; }
body[data-workspace-polish] .workspace :is(.editor-panel,.knit-panel) { border-radius:10px; box-shadow:none; }
body[data-workspace-polish] .workspace .editor-tabs button[aria-selected=true] { background:var(--soft); color:var(--accent); border-bottom-color:var(--accent); }
body[data-workspace-polish] .workspace .empty { background:#f8fafb; border:1px solid #e1e6ec; border-radius:10px; }
body[data-workspace-polish] main > .toolhelp { background:#f8fafb; border-radius:14px; border-color:#dce3e9; }
body[data-workspace-polish] :is(.relatedcard,.worked-example) { border-radius:10px; box-shadow:none; }
body[data-workspace-polish] .worked-example { background:#f8fafb; border-color:#dce3e9; }
body[data-workspace-polish] #knitting-app :is(#knit-panel-chart,#knit-panel-writing,.knit-calculators,.knit-files-panel) {
  background:#f8fafb; border:1px solid #dce3e9; border-radius:10px;
}
body[data-workspace-polish] .knit-tabs { background:#f1f4f6; border-color:#dce3e9; border-radius:10px; }
body[data-workspace-polish] :is(.menu-start-note,.editor-note) { background:#f1f4f6; border-radius:8px; color:#435469; }
body[data-workspace-polish] .flip-empty-preview { background:#f1f4f6; border-radius:10px; }
body[data-workspace-polish] .workspace :is(.flip-editor-head,.menu-start) h2 { font-size:26px; line-height:1.25; letter-spacing:-.6px; }
body[data-workspace-polish] .workspace .flip-empty-preview h3 { font-size:22px; }
body[data-workspace-polish] .workspace :is(.flip-picker,.editor-empty-icon,.editor-icon-badge) { background:#edf2f6; color:#345b76; border-color:#c6d2dd; }
body[data-workspace-polish][data-extra=menu] .workspace { background:#fff; }
body[data-workspace-polish] .qr-start { padding:0; background:transparent; border:0; border-radius:0; }
body[data-workspace-polish] .qr-start-card { background:#fff; border:1px solid #dce3e9; border-radius:10px; box-shadow:none; }
body[data-workspace-polish] .qr-start-card:hover { background:#f8fafb; border-color:var(--accent); transform:none; }
body[data-workspace-polish] .qr-start-card .qr-start-icon { background:var(--soft); color:var(--accent); border-radius:7px; }
body[data-workspace-polish] .qr-start-icon svg { width:22px; height:22px; }
/* Small calculators use the available width for inputs and their result. */
body[data-workspace-polish] .workspace:has(> :is(#percentform,#convertform,#discountform,#splitform,#datesform)) {
  display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:24px;
}
body[data-workspace-polish] .workspace:has(> :is(#percentform,#convertform,#discountform,#splitform,#datesform)) > .sectionhead { grid-column:1/-1; margin:0; }
body[data-workspace-polish] .workspace > :is(#percentform,#convertform,#discountform,#splitform,#datesform) { max-width:none; margin:0; min-width:0; }
body[data-workspace-polish] .workspace > :is(#calcresult,#convertresult,#discountresult,#splitresult,#datesresult) {
  align-self:start; margin:0; padding:24px; min-width:0; border:1px solid #dce3e9;
  border-radius:10px; background:var(--soft); line-height:1.7;
}
@media(max-width:760px) {
  body[data-workspace-polish] main > :is(.toolintro,.workspace) { padding:22px 20px; }
  body[data-workspace-polish] .workspace:has(> :is(#percentform,#convertform,#discountform,#splitform,#datesform)) { grid-template-columns:minmax(0,1fr); gap:20px; }
}
@media(max-width:480px) {
  body[data-workspace-polish] main > :is(.toolintro,.workspace) { padding:20px 16px; border-radius:10px; }
  body[data-workspace-polish] .workspace > form:not(#passwordform) { padding:18px 14px; }
  body[data-workspace-polish] .toolintro h1 { letter-spacing:-.8px; }
  body[data-workspace-polish] .workspace .actions button { flex:1 1 140px; }
}
@media print {
  body[data-workspace-polish] main > .workspace { border:0; padding:0; }
}
@media screen {
  body[data-workspace-polish].knit-example-embed main > .workspace { padding:0; border:0; box-shadow:none; background:transparent; }
}
