[hidden]{display:none!important}.blank-main{max-width:1000px;margin:auto;padding:60px 24px}.blank-main h1{font-size:clamp(32px,6vw,56px)}.blank-main h2,.blank-main h3{margin-top:32px}.blank-main input{width:100%;padding:16px;border:1px solid #c7c4bd;border-radius:8px;font:inherit}.blank-main label{display:block;font-weight:600;margin:24px 0 12px}.primary{background:#77736d;color:white;border:0;border-radius:8px;padding:15px 22px;font:inherit;cursor:pointer;margin:12px 0}.primary:disabled{opacity:.5}.helper{font-size:14px;line-height:1.7;color:#77736d}#blank-error{color:#a32929}#blank-image canvas{width:100%;height:auto;background:white;border:1px solid #ddd}.area-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.area-cards>div{padding:20px;background:#fbf9f4;border-radius:10px}.area-cards strong{display:block;font-size:22px;margin-top:8px}.estimate-table{width:100%;border-collapse:collapse}.estimate-table th,.estimate-table td{text-align:left;padding:14px 8px;border-bottom:1px solid #eeeae3}.blank-main details{padding:16px 0;border-bottom:1px solid #ddd}.blank-main summary{cursor:pointer;font-weight:600}.blank-main p{line-height:1.7}header nav{flex-wrap:wrap}@media(max-width:600px){.area-cards{grid-template-columns:1fr}.estimate-table{font-size:13px}.blank-main{padding:30px 16px}}
.blank-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(10rem, 1.4fr); gap: 12px; margin: 24px 0 12px; }
.blank-fields label { min-width: 0; margin: 0; }
.blank-fields input, .blank-fields select { display: block; box-sizing: border-box; width: 100%; margin-top: 8px; padding: 12px; border: 1px solid #aaa49b; border-radius: 8px; font: inherit; background: white; color: inherit; }
@media (max-width: 600px) { .blank-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.tool-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 20px 0;
}

.tool-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 60px;
  padding: 12px;
  border: 2px solid transparent;
  border-radius: 10px;
  font: inherit;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}

.tool-tab-draw { background: #fff000; color: #29231b; }
.tool-tab-paper { background: #bd1322; color: #fff; }
.tool-tab:hover { filter: brightness(.94); }
.tool-tab[aria-selected="true"] { border-color: currentColor; box-shadow: inset 0 -4px 0 currentColor; }
.tool-tab:focus-visible { outline: 3px solid #414141; outline-offset: 3px; }
.tool-tab svg { width: 24px; height: 24px; flex: none; }

@media (max-width: 600px) {
  .tool-tabs { gap: 8px; }
  .tool-tab { flex-direction: column; gap: 6px; padding: 10px 6px 12px; font-size: 13px; }
}