.pattern-type h3{font-size:18px;margin-bottom:12px}.pattern-mode{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:#eee5f6;border-radius:12px}.pattern-mode button{min-height:48px;padding:9px 10px;border-radius:8px;font:inherit;font-size:16px;color:#705a84}.pattern-mode button[aria-pressed=true]{background:#fff;color:#64329d;box-shadow:0 2px 6px #36204b12;font-weight:600}.custom-dimensions{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);align-items:end;gap:9px}.custom-dimensions label{font-size:15px;color:#725a85}.custom-dimensions>span{align-self:center;margin-top:24px;color:#8b749c}.custom-dimensions input{width:100%;display:block;margin-top:7px;min-height:52px;border:1px solid #cdb9e2;border-radius:9px;padding:10px;font:inherit;font-size:21px;color:#342243;background:white}.custom-presets{display:flex;gap:8px;margin:5px 0 18px}.custom-presets button{flex:1;min-height:44px;padding:7px 4px;border:1px solid #ddd0e9;border-radius:8px;background:#fff;font:inherit;font-size:14px;color:#6d4e88}.shape-label{display:block;font-size:15px;margin-bottom:8px}#customShape{width:100%;min-height:48px;padding:9px 12px;font:inherit;font-size:16px;color:#392448;border:1px solid #cdb9e2;border-radius:10px;background:white}.size-estimate{font-size:14px;color:#70449a;background:#f1eafa;padding:11px 12px;border-radius:9px;margin:0 0 22px}.board-icon{border-radius:0!important}.canvas-scroll{aspect-ratio:auto;max-height:65vh;align-items:flex-start}.canvas-scroll canvas{aspect-ratio:auto!important;border-radius:0!important;height:auto}.crop-content canvas{height:auto!important;aspect-ratio:auto;max-height:190px;object-fit:contain}.photo-detail-note{font-size:14px;line-height:1.6;background:#f3edf9;padding:12px;border-radius:9px}.stats strong{font-size:clamp(20px,2vw,27px);overflow-wrap:anywhere}
.canvas-scroll canvas{width:min(calc(100% * var(--board-scale,1)),calc(60dvh * var(--pattern-ratio,1) * var(--board-scale,1)));max-width:calc(510px * var(--board-scale,1));margin-inline:auto}.canvas-scroll.zoomed canvas{width:var(--zoom-width);max-width:none}
#patternStyle{width:100%;min-height:48px;padding:9px 12px;font:inherit;font-size:16px;color:#392448;border:1px solid #cdb9e2;border-radius:10px;background:white}.size-quantity{display:flex;align-items:baseline;gap:12px;margin:-10px 0 22px;padding:10px 12px;background:#f1eafa;border-radius:9px;color:#70449a}.size-quantity strong{font-size:25px;color:#402459}.size-quantity span,.style-budget{font-size:14px}.style-budget{color:#725d83;margin-top:10px}
@media(max-width:900px){.pattern-type{margin-top:2px}.settings>.setting-section:first-of-type .hint{margin-top:10px}.canvas-scroll{max-height:65dvh}.framing-result p{font-size:14px}.photo-detail-note{font-size:14px}.stage-caption{font-size:12px}.board-stage-label{font-size:11px}.stats strong{font-size:clamp(21px,6vw,27px)}}
@media print{html,body,#printArea,.print-sheet{background:#fff!important}.mobile-action-bar,.mobile-steps,#processingOverlay,body>footer{display:none!important}#printArea .print-sheet{break-after:page;page-break-after:always}#printArea .print-sheet:last-child{break-after:auto;page-break-after:auto}#printArea .print-board{margin:3mm 0}#printArea h1{font-size:11pt;margin-bottom:2mm}#printArea p{font-size:8pt;margin-bottom:2mm;line-height:1.25}.print-sheet img{print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-legend .print-colors{grid-template-columns:repeat(3,1fr)}.print-scale{margin:2mm 0;height:2mm}}