.project-intro{padding-top:28px}.project-intro h1{font-size:clamp(29px,4.3vw,53px);line-height:1.2}.project-lead{max-width:820px;color:var(--muted);margin:0 0 30px;font-size:16px;line-height:1.7}.project-stage{background-color:#e6e9dc;background-image:linear-gradient(#9aab8d24 1px,#0000 1px),linear-gradient(90deg,#9aab8d24 1px,#0000 1px);background-size:16px 16px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-width:0;min-height:560px;padding:28px;display:flex}.project-stage>svg,.project-stage>.svg-preview{max-width:100%;max-height:560px;display:block}.svg-preview svg{width:auto;max-width:100%;height:auto;max-height:560px;display:block}.project-stage canvas{object-fit:contain;max-width:100%;max-height:520px;display:block}.project-stage.dragging{outline:4px solid var(--orange);outline-offset:-4px}.project-stage .upload-main{color:#f2f5de;text-align:left;background:#1a3b30;border:1px solid #17382c;min-width:230px;padding:16px 22px;font-size:15px;box-shadow:4px 4px #b4c5a8}.project-stage .upload-main span{float:right;color:var(--lime)}.project-stage>p{color:#607253;text-align:center;margin:0;font-size:12px;line-height:1.6}.project-stage .empty-symbol{color:#b87850;font:80px/1 Fraunces,serif}.project-hidden-file{opacity:0;width:1px;height:1px;position:absolute}.project-controls .control-heading{margin-top:16px}.project-controls .control-heading:first-child{margin-top:0}.project-controls input[type=number],.project-controls input[type=text],.project-controls textarea{color:#eff7ee;background:#213c38;border:1px solid #47605a;width:100%;min-width:0;margin:10px 0 4px;padding:10px;font-size:13px}.project-controls input[type=color]{background:0 0;border:1px solid #82967b;width:45px;height:28px;padding:0}.project-controls .check-label{align-items:center;gap:8px;margin:15px 0;font-size:12px;display:flex}.project-controls .check-label input{accent-color:var(--lime)}.project-field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.project-field-pair label{color:#b5c9bc;flex-direction:column;font-size:11px;display:flex}.project-controls .download-primary{background:var(--lime);width:100%;margin-bottom:7px;display:block}.project-controls .download-secondary{background:#b8d0b9;width:100%;margin-top:7px;display:block}.project-summary{background:#c7cebc;border:1px solid #c7cebc;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:35px;display:grid}.project-summary>article{background:#edf0e2;padding:22px}.project-summary small,.project-summary strong,.project-summary span{display:block}.project-summary small{color:#64735d;font:9px/1.5 DM Mono,monospace}.project-summary strong{margin:9px 0;font:29px/1.4 Fraunces,Georgia,serif}.project-summary span{color:#64735d;font-size:11px;line-height:1.5}.project-note{color:var(--muted);margin:18px 0;font-size:12px;line-height:1.7}.project-guide p,.project-guide li{color:var(--muted);font-size:15px;line-height:1.8}.project-guide h2{font-size:40px}.project-guide a,.project-note a{color:#28715d}.project-guide li{margin-bottom:10px}.project-table-wrap{border:1px solid var(--line);margin-top:22px;overflow:auto}.project-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px}.project-table th,.project-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;padding:12px}.project-table th{background:#e9eadd}.project-table small{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.5;display:block}.project-table th:first-child{width:65px}.project-pagination{justify-content:space-between;align-items:center;gap:10px;margin-top:15px;font:10px DM Mono,monospace;display:flex}.project-pagination button,.project-light-button{color:#31533e;background:#e8eedb;border:1px solid #bac8ab;padding:9px 12px;font-size:11px}.project-pagination button:disabled{opacity:.45;cursor:not-allowed}.project-print-dialog{background:var(--paper);width:min(960px,100% - 24px);height:90vh;max-height:90vh;color:var(--ink);border:1px solid #a3b392;padding:16px}.project-print-dialog::backdrop{background:#102324ad}.project-print-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.project-print-heading h2{font-size:25px}.project-print-heading button{color:#fff;background:#1b3b30;border:0;padding:9px 12px;font-size:12px}.project-print-dialog>p{color:var(--muted);font-size:11px;line-height:1.5}.project-print-dialog iframe{background:#fff;border:1px solid #d8d4c9;width:100%;height:calc(100% - 95px);display:block}.project-print-dialog .project-print-heading h2{margin:0}.project-mini-key{background:#c9d1bf;border:1px solid #c9d1bf;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:24px 0;display:grid}.project-mini-key article{background:#f8f6ed;align-items:center;gap:10px;min-width:0;padding:13px;display:flex}.project-mini-key i{border:1px solid #192d2d26;flex:0 0 28px;height:28px}.project-mini-key b{font-size:12px}.project-mini-key small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.project-mini-key strong{margin-left:auto;font:14px DM Mono,monospace}.project-section-title{margin:35px 0 12px;font-size:32px}.banner-word{flex-wrap:wrap;justify-content:center;gap:18px;width:100%;display:flex}.banner-word button{color:#284734;background:#f8f5e9;border:2px solid #b8c7aa;max-width:110px;padding:8px}.banner-word button[aria-pressed=true]{border-color:#ba523a;box-shadow:3px 3px #d6b8a3}.banner-word svg{width:73px;height:145px;display:block}.banner-word b{margin-top:7px;font:14px DM Mono,monospace;display:block}.banner-alphabet{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.banner-alphabet button{color:#284734;background:#e9eedc;border:1px solid #bdc9af;width:36px;padding:10px 0;font:12px DM Mono,monospace}.banner-alphabet button[aria-pressed=true]{color:#fff;background:#193e31}.banner-steps{padding:0;list-style:none}.banner-steps li{border-bottom:1px solid #d5d9c9;align-items:center;gap:16px;padding:14px 0;font-size:13px;display:flex}.banner-steps svg{width:42px;height:84px}.banner-steps b{display:block}.banner-steps small{color:var(--muted);margin-top:5px;display:block}.pattern-filter{background:#e8eedb;border:1px solid #bdc8ad;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:24px;padding:20px;display:flex}.pattern-filter label{flex:1;min-width:170px;font-size:12px}.pattern-filter input,.pattern-filter select{color:#233c30;background:#fbfaf2;border:1px solid #a9b79b;width:100%;margin:8px 0 0;padding:10px;display:block}.pattern-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.pattern-card{border:1px solid var(--line);text-align:center;background:#faf8ed;flex-direction:column;align-items:center;padding:20px 14px;display:flex}.pattern-card svg{width:68px;height:135px}.pattern-card h2{margin:16px 0 8px;font:19px/1.3 Fraunces,Georgia,serif}.pattern-card code{overflow-wrap:anywhere;font-size:10px}.pattern-card p{color:var(--muted);font-size:11px;line-height:1.6}.pattern-card small{color:#637156;font-size:10px;line-height:1.6}.circle-canvas{background:#fbfaf3}.circle-canvas svg{image-rendering:pixelated}.circle-row-table td:nth-child(2){font-family:DM Mono,monospace}.filet-text-input{resize:vertical;min-height:70px}@media (max-width:1000px){.pattern-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.project-mini-key{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.project-stage{min-height:400px;padding:20px}.project-stage .svg-preview svg{max-height:400px}.project-summary{grid-template-columns:1fr}.project-summary article{padding:18px}.pattern-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.project-section-title{font-size:29px}.project-print-heading h2{font-size:21px}}@media (max-width:480px){.project-intro h1{font-size:28px}.project-lead{font-size:14px}.project-mini-key{grid-template-columns:1fr}.project-table th,.project-table td{padding:9px 6px;font-size:11px}.project-table th:first-child{width:40px}.project-table small{font-size:9px}.project-pagination{gap:5px;font-size:8px}.project-pagination button{padding:9px 7px;font-size:10px}.pattern-card{padding:16px 9px}.pattern-card h2{font-size:17px}.project-print-dialog iframe{height:calc(100% - 120px)}.banner-word{gap:10px}.banner-word svg{width:60px;height:120px}}.banner-gap{width:34px}.banner-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.banner-steps article{background:#faf8ed;border:1px solid #cbd2bd;align-items:center;gap:15px;min-width:0;padding:20px;display:flex}.banner-steps article>div:first-child{flex:0 0 42px}.banner-steps strong{margin:6px 0;font-size:15px;display:block}.banner-steps p{color:var(--muted);margin:5px 0;font-size:11px;line-height:1.6}.pattern-card h3{font-size:12px;line-height:1.6}.pattern-filter>button{color:#fff;background:#234a39;border:0;min-height:40px;padding:12px}.filet-row-table th:first-child{width:100px}.filet-row-table th:nth-child(2){width:auto}.filet-row-table th:last-child{width:150px}.project-mini-key strong{font:13px/1.5 Arial,sans-serif}.project-mini-key div{overflow-wrap:anywhere;min-width:0}@media (max-width:1000px){.banner-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.banner-steps{grid-template-columns:1fr}.filet-row-table th:first-child{width:60px}.filet-row-table th:last-child{width:80px}}