@font-face{font-family:Pretendard;src:url(/fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#253a30;background:#f5f6f2;font-synthesis:none;--ink:#253a30;--muted:#68756c;--green:#24684b;--line:#e1e6df;--mint:#edf5ee;font-size:14px;font-feature-settings:"ss01";font-variant-numeric:tabular-nums}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #78ab87;outline-offset:4px}input:focus,select:focus{outline:2px solid #438365;outline-offset:1px}::selection{background:#c7e1cb;color:#153f2b}input{caret-color:var(--green)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#bdc9bd;border-radius:10px}::-webkit-scrollbar-track{background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.1%;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:750;letter-spacing:-.04em}.brand-mark{display:block;width:32px;height:33px;position:relative}.brand-mark i{width:22px;height:27px;border:2px solid var(--green);border-radius:2px;position:absolute;transform:rotate(-7deg);left:1px;top:0;background:#fff}.brand-mark i+i{top:7px;left:10px;transform:rotate(8deg);background:#d9e8ce;mix-blend-mode:multiply}.brand-en{display:block;font-size:8px;font-weight:600;letter-spacing:.2em;color:var(--muted);margin-top:2px}.site-header nav{display:flex;align-items:center;gap:27px}.local-badge{display:flex;align-items:center;gap:7px;font-size:11px;color:#607461}.local-badge>span,.preview-live>span{width:5px;height:5px;border-radius:50%;background:#5e926a}.text-button{display:flex;align-items:center;gap:7px;font-size:12px;padding:10px 0;color:#536258}.text-button:hover{color:var(--green)}main{max-width:1540px;margin:0 auto;padding:35px 4.1% 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.page-heading h1{font-size:32px;font-weight:700;letter-spacing:-.038em;line-height:1.3}.page-heading p{font-size:13px;color:var(--muted);margin-top:9px;line-height:1.6}.workflow{display:flex;align-items:center;gap:13px;font-size:11px;white-space:nowrap;color:#6b766d}.workflow>span{display:flex;align-items:center;gap:6px}.workflow>span>span{border:1px solid #d2dacf;border-radius:50%;width:19px;height:19px;display:flex;align-items:center;justify-content:center;font-size:9px}.workflow .complete{color:#3e7453}.workflow .complete>span{background:#e3eee0;border-color:#e3eee0}.workflow .current{color:var(--green);font-weight:650}.workflow .current>span{color:#fff;background:var(--green);border-color:var(--green)}.workflow>svg{color:#acb6aa}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:25px;align-items:start}.settings-panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.setting-section{padding:22px;border-bottom:1px solid var(--line)}.setting-section:last-child{border-bottom:0}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title h2{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.section-title h2>span{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:650;background:#eef2eb;border-radius:50%;width:20px;height:20px;color:#58764d}.section-title>svg{color:#8a978b}.format-label{font-size:8px;letter-spacing:.035em;font-weight:550;color:#7d887e}.upload-box{width:100%;display:flex;flex-direction:column;align-items:center;padding:21px 6px 20px;border:1px dashed #b9cbb6;border-radius:8px;background:#f9fbf6;transition:background .15s,border-color .15s}.upload-box:hover{background:#eef5e9;border-color:#699968}.upload-icon{display:flex;align-items:center;justify-content:center;background:#edf3e6;border-radius:9px;color:#557d49;width:42px;height:42px;margin-bottom:12px}.upload-box strong{font-size:12px;font-weight:600}.upload-box>span:last-child{color:#73816d;font-size:10px;margin-top:7px}.file-detail{display:flex;align-items:center;gap:10px;padding-top:17px}.file-type{width:32px;height:35px;background:#edf3ee;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#5b8263;flex-shrink:0}.file-detail>div{min-width:0;flex:1}.file-detail strong{font-weight:550;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.file-detail>div>span{font-size:9px;color:#71806e;display:flex;align-items:center;margin-top:6px;gap:4px}.loaded-dot{width:4px;height:4px;border-radius:50%;background:#64936a;margin-left:auto}.example-row{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.example-row button{display:flex;align-items:center;gap:5px;color:#5e7860;font-size:10px;padding:3px 0}.example-row button:hover{text-decoration:underline;text-underline-offset:3px}.example-row a{color:#6c7c69;display:flex;align-items:center;padding:4px}.fixed-badge{font-size:9px;font-weight:600;background:#f1f4ed;border:1px solid #e2e8dd;border-radius:4px;padding:3px 7px;color:#637358}.field-title{font-size:11px;display:flex;align-items:center;justify-content:space-between;font-weight:550;margin-bottom:8px}.field-title>span{font-size:9px;font-weight:400;color:#7a8476}.segmented{display:flex;padding:3px;background:#f3f5f0;border:1px solid #e6eae2;border-radius:7px}.segmented button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:4px;height:33px;font-size:11px;color:#74816f;border:1px solid transparent}.segmented button.active{background:#fff;border-color:#d8e1d3;color:#3d6347;box-shadow:0 1px 3px #283c2510;font-weight:600}.page-icon{display:block;width:10px;height:14px;border:1.2px solid currentColor;border-radius:1.5px}.page-icon.landscape{width:14px;height:10px}.select-label{display:block;margin-top:17px;font-size:11px;font-weight:550;position:relative}.select-label select{display:block;width:100%;height:38px;margin-top:8px;border:1px solid #dfe5da;border-radius:6px;background:#fff;appearance:none;padding:0 29px 0 11px;color:#3a493b;font-size:11px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23748070' stroke-width='1.5' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}.select-label select:disabled{color:#83907d}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.number-field{display:block;min-width:0;font-size:11px;font-weight:550}.number-field>div{margin-top:8px;border:1px solid #dfe5da;border-radius:6px;height:37px;display:flex;align-items:center;background:#fff;overflow:hidden}.number-field input{width:100%;min-width:0;height:100%;padding:0 5px 0 11px;border:0;background:transparent;color:#334d38;font-size:12px;appearance:textfield;outline-offset:-2px}.number-field input::-webkit-inner-spin-button,.number-field input::-webkit-outer-spin-button{appearance:none;margin:0}.number-field>div>span{padding-right:10px;color:#87917f;font-size:10px;font-weight:400}.select-label+.number-field{margin-top:14px}.field-help{display:flex;gap:6px;color:#7c8975;font-size:10px;line-height:1.65;margin-top:12px}.field-help>svg{flex-shrink:0;margin-top:2px}.assembly-settings .section-title{margin-bottom:12px}.toggle-line{display:flex;align-items:center;gap:10px;min-height:37px;cursor:pointer;font-size:11px}.toggle-line>span:first-child{flex:1}.toggle-line strong{font-weight:500;display:block}.toggle-line small{display:block;font-size:9px;color:#7b8675;margin-top:5px}.toggle-line:has(small){padding-top:5px}.toggle-line input{position:absolute;width:1px;height:1px;opacity:0}.switch{width:29px;height:17px;border-radius:12px;background:#d8e0d3;position:relative;transition:background .15s;flex-shrink:0}.switch:after{position:absolute;content:"";width:11px;height:11px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .15s}.toggle-line input:checked+.switch{background:var(--green)}.toggle-line input:checked+.switch:after{transform:translate(12px)}.toggle-line input:focus-visible+.switch{outline:2px solid #438365;outline-offset:3px}.toggle-line.is-disabled{opacity:.5;cursor:not-allowed}.advanced{padding-top:15px;padding-bottom:15px}.disclosure{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;padding:0;color:#62735b}.disclosure>span{display:flex;align-items:center;gap:7px}.disclosure>svg{transition:transform .2s}.rotate{transform:rotate(180deg)}.advanced-content{padding-top:12px;font-size:11px}.advanced-content p{color:#71816a;line-height:1.8;margin-bottom:10px}.advanced-content label{display:flex;align-items:center;gap:7px;padding:4px 0;overflow-wrap:anywhere}.advanced-content input{accent-color:var(--green)}.required-hint{color:#a56031;font-size:9px;margin-left:8px}.dpi-field{display:flex;align-items:center;gap:4px;margin-top:9px;font-size:9px;color:#71806b}.dpi-field>.number-field{display:flex;align-items:center;gap:6px;margin-left:auto;width:132px;font-size:9px}.dpi-field>.number-field>div{width:90px;height:30px;margin:0}.dpi-field input{font-size:10px;padding-left:7px}.preview-section{min-width:0}.preview-header{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:#fff;height:57px;padding:0 21px}.preview-tabs{display:flex;gap:22px;align-items:stretch;height:100%}.preview-tabs button{display:flex;align-items:center;gap:7px;padding:0;font-size:12px;color:#84907f;border-bottom:2px solid transparent;margin-bottom:-1px}.preview-tabs button.active{color:#2d6242;border-bottom-color:#37794c;font-weight:650}.preview-live{display:flex;align-items:center;gap:5px;font-size:9px;color:#6d8265}.preview-live>span{width:4px;height:4px}.canvas-wrap{position:relative;border:1px solid #dfe5d9;border-bottom:0;background:#edf0e8;background-image:radial-gradient(#bdc8b5 .65px,transparent .65px);background-size:13px 13px}.canvas-info{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;font-size:10px;color:#73806b;background:#edf0e8cc}.canvas-info>span:first-child{display:flex;align-items:center;gap:6px}.canvas-scroll{height:505px;overflow:auto;overscroll-behavior:contain}.canvas-stage{min-height:100%;padding:17px 55px 32px;display:flex;justify-content:center;align-items:center;position:relative}.paper-grid{display:grid;gap:10px;align-self:center;flex-shrink:0;transition:transform .2s cubic-bezier(.16,1,.3,1)}.paper{display:block;width:100%;position:relative;padding:0;border:0;border-radius:1px;background:#fff;box-shadow:1px 3px 8px #3f4e3620;min-width:0;transition:box-shadow .16s}.paper:hover{box-shadow:1px 4px 12px #3f4e363d;outline:1px solid #85a17c}.paper>svg{display:block;width:100%;height:100%}.paper-label{position:absolute;top:10%;left:8%;font-size:9px;font-weight:600;line-height:1;color:#387c50;background:#eef5e9f0;border:1px solid #d8e6d2;padding:4px 6px;border-radius:3px}.paper.selected{outline:2px solid var(--green)}.canvas-bottom{height:44px;display:flex;align-items:center;justify-content:space-between;background:#edf0e8ee;padding:0 18px;font-size:9px;color:#74806c;gap:12px}.canvas-bottom>span{display:flex;align-items:center;gap:6px;white-space:nowrap}.legend-overlap{width:9px;height:9px;background:#cae3ca;border:1px solid #bad0b8;display:inline-block}.legend-trim{width:15px;height:0;display:inline-block;border-top:1px dashed #bc8f58;margin-left:7px}.desktop-only{font-size:8px;color:#7e8a76;margin-left:10px}.zoom-controls{display:flex;align-items:center;gap:5px;border:1px solid #d8e0d1;border-radius:5px;background:#fff;height:27px;padding:0 3px;color:#667b5b;flex-shrink:0}.zoom-controls button{width:23px;height:23px;padding:0;display:flex;align-items:center;justify-content:center}.zoom-controls>span{font-size:9px;min-width:31px;text-align:center}.zoom-controls i{height:12px;width:1px;background:#dce3d5;margin:0 1px}.output-panel{background:#fff;border:1px solid var(--line);border-radius:0 0 12px 12px;padding:23px 23px 17px}.output-summary{display:flex;justify-content:space-between;align-items:center;gap:20px}.page-count{display:flex;align-items:center;gap:15px}.stacked-pages{width:45px;height:50px;border-radius:8px;background:#f0f5ec;display:flex;align-items:center;justify-content:center;color:#577c49}.page-count>div>span{font-size:10px;color:#6a7b5e;display:block;margin-bottom:4px}.page-count strong{display:flex;align-items:center;font-size:28px;font-weight:650;letter-spacing:-.03em;gap:4px;line-height:1.1}.page-count strong small{font-size:13px;font-weight:500;letter-spacing:0;margin-top:8px;margin-left:1px}.grid-pill{font-size:9px;letter-spacing:0;font-weight:500;color:#607957;background:#f0f5ea;border-radius:4px;padding:5px 7px;margin-left:8px;margin-top:6px;white-space:nowrap}.output-summary dl{margin:0;display:flex;flex-direction:column;gap:9px;font-size:10px}.output-summary dl>div{display:flex;gap:22px;justify-content:space-between}.output-summary dt{color:#7d8874}.output-summary dd{margin:0;color:#51634b;font-weight:550;text-align:right}.output-summary dd span{font-weight:400;font-size:9px;color:#829075}.export-actions{display:grid;grid-template-columns:1fr 1.7fr;gap:10px;margin-top:23px}.primary-button,.secondary-button{border-radius:6px;display:flex;align-items:center;justify-content:center;gap:9px;height:44px;padding:0 16px;font-size:12px;font-weight:550;transition:background .15s,transform .15s}.primary-button{background:var(--green);color:#fff}.primary-button:hover:not(:disabled){background:#1a5139}.primary-button:active:not(:disabled){transform:translateY(1px)}.secondary-button{border:1px solid #dbe3d5;background:#fff;color:#546a4b}.secondary-button:hover:not(:disabled){background:#f3f7ee}.primary-button>svg:last-child:not(:first-child){margin-left:6px}.print-hint{display:flex;align-items:center;justify-content:center;gap:4px;font-size:9px;color:#7d8974;margin-top:12px}.print-hint strong{font-weight:550;color:#5c7151}.assembly-tip{display:flex;align-items:center;gap:15px;margin-top:19px;background:#eff3e8;border:1px solid #dee6d5;padding:22px 23px;border-radius:10px}.tip-icon{color:#6f875f;align-self:flex-start;margin-top:1px}.assembly-tip h3{font-size:12px;font-weight:650;color:#4a6440}.assembly-tip p{font-size:10px;line-height:1.7;margin-top:7px;color:#718066}.assembly-tip button{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:550;color:#4e7041;padding:0;margin-top:10px}.assembly-tip button:hover{gap:11px}.assembly-diagram{display:flex;margin-left:auto;position:relative;flex-shrink:0;padding-right:4px;transform:rotate(-6deg)}.assembly-diagram>div{width:42px;height:55px;border:1px solid #a6b99a;background:#fff;position:relative;font-size:8px;font-weight:600;padding:7px 5px;color:#6c865c;box-shadow:1px 2px 4px #34432a12}.assembly-diagram>div+div{margin-left:-8px;transform:translateY(3px);background:#f9fcf3}.assembly-diagram>div>span{position:absolute;right:3px;top:23px;color:#82a16d;font-size:12px}.assembly-diagram>div+div>span{left:3px;right:auto;top:20px}.diagram-tape{display:block;position:absolute;width:13px;height:27px;top:17px;left:31px;background:#e4d7a375;transform:rotate(5deg)}.file-warnings{margin-top:14px;border:1px solid var(--line);border-radius:7px;background:#fafbf7;padding:0 15px;color:#68785f}.file-warnings summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;padding:12px 0;font-size:10px}.file-warnings summary::-webkit-details-marker{display:none}.file-warnings summary>span{font-size:9px;background:#ebf0e4;border-radius:3px;padding:2px 5px}.file-warnings summary>svg:last-child{margin-left:auto}.file-warnings ul{font-size:11px;line-height:1.85;padding:0 10px 13px 17px;margin:0}.file-warnings li+li{margin-top:6px}footer{border-top:1px solid #e3e7dc;margin-top:30px;padding:20px 0 22px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7c8975;gap:15px}footer>span{display:flex;align-items:center;gap:6px}.footer-brand{font-weight:650;letter-spacing:-.02em;font-size:11px;margin-left:15px;color:#6e8063}.alert{display:flex;align-items:flex-start;gap:10px;padding:14px 17px;margin-bottom:20px;border-radius:7px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.alert>svg{flex-shrink:0;margin-top:1px}.alert>span{flex:1;min-width:0}.alert>button{padding:0;display:flex;margin-top:2px}.alert.error{background:#fff0e9;color:#954923;border:1px solid #edc9b5}.alert.success{background:#e9f4e9;color:#35673e;border:1px solid #c8dfc4}.loading-overlay{position:absolute;inset:0;background:#f7faf2ee;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;z-index:3;color:var(--green);padding:30px;text-align:center}.loading-overlay strong{max-width:340px;font-size:13px;line-height:1.8}.loading-overlay>span{font-size:11px;color:#6c8060}.loading-overlay button{border:1px solid #b7cbb0;padding:7px 12px;border-radius:5px;font-size:11px}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.original-paper{width:100%;max-width:650px;padding:15px;background:#fff;box-shadow:1px 3px 8px #3f4e3620;transition:transform .2s}.original-paper img{display:block;max-width:100%;height:auto;width:100%}.canvas-empty{text-align:center;color:#71806a;padding:40px 20px}.canvas-empty>svg{color:#8c9e82;margin-bottom:20px}.canvas-empty h3{font-size:16px;color:#4e6846;margin-bottom:10px}.canvas-empty p{font-size:12px;line-height:1.9}.canvas-empty .primary-button{margin:20px auto}.drop-overlay{position:fixed;inset:0;z-index:50;background:#f0f7eafa;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;outline:2px dashed #548349;outline-offset:-25px;color:var(--green)}.drop-overlay>*{pointer-events:none}.drop-overlay strong{font-size:26px}.drop-overlay>span{color:#7c9370}.inline-warning{font-size:11px;color:#9e633a;text-align:center;margin-top:12px}.resolution{font-size:10px;text-align:center;color:#6d8162;margin-top:9px}.resolution.low{color:#9a6b32}dialog{border:0;border-radius:16px;padding:0;max-width:min(600px,calc(100vw - 32px));width:600px;max-height:88vh;box-shadow:3px 16px 60px #122b2040;color:var(--ink);background:#fff}dialog::backdrop{background:#12281f70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-body{padding:35px;position:relative}.dialog-close{position:absolute;top:20px;right:20px;display:flex;padding:4px;color:#71806b;border-radius:4px}.dialog-close:hover{background:#eff4e9}.dialog-icon{display:flex;align-items:center;justify-content:center;width:47px;height:47px;border-radius:12px;background:#eff5e9;color:#5c8550;margin-bottom:18px}.dialog-body h2{font-size:23px;letter-spacing:-.035em;padding-right:17px}.dialog-intro{font-size:12px;color:#78866f;line-height:1.8;margin-top:11px}.guide-steps{list-style:none;padding:0;margin:25px 0;display:flex;flex-direction:column;gap:23px}.guide-steps>li{display:flex;gap:15px}.guide-steps>li>span{flex-shrink:0;width:25px;height:25px;background:#edf4e5;color:#548045;border-radius:50%;font-size:12px;font-weight:650;display:flex;align-items:center;justify-content:center}.guide-steps h3{font-size:13px;padding-top:3px}.guide-steps p{font-size:12px;color:#6d7d64;line-height:1.85;margin-top:7px}.guide-map{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:160px;margin-top:12px}.guide-map>span{height:35px;border:1px solid #cddac5;background:#fbfcf8;display:flex;align-items:center;justify-content:center;color:#5d7b4f;font-size:11px}.guide-map>span.first{background:#e7f0df}.guide-note{display:flex;align-items:flex-start;gap:9px;background:#f1f5eb;border-radius:7px;padding:14px;font-size:11px;line-height:1.8;color:#6c805f;margin:20px 0}.guide-note>svg{flex-shrink:0;margin-top:2px}.full{width:100%}.support-body h3{font-size:14px;margin:26px 0 9px}.support-body>p:not(.dialog-intro){font-size:12px;line-height:1.9;color:#68765f;margin-top:8px}.source-links{display:flex;gap:20px;margin-top:25px}.source-links a{font-size:11px;display:flex;gap:5px;align-items:center;color:var(--green);text-decoration:underline;text-underline-offset:3px}.tile-dialog{width:430px;background:#eff3e9;padding:0 20px 18px;border-radius:12px}.detail-header{display:flex;align-items:center;gap:12px;padding:20px 0}.detail-header h2{font-size:17px;font-weight:650}.detail-header>span{font-size:11px;color:#6c8061}.detail-header>button{margin-left:auto;display:flex;padding:0}.detail-paper{max-height:68vh;max-width:100%;width:300px;margin:auto}.detail-paper .paper{cursor:default;max-height:65vh}.detail-paper .paper-label{display:none}.detail-note{font-size:10px;line-height:1.7;text-align:center;color:#74846b;margin-top:15px}@media(min-width:1450px){.canvas-scroll{height:560px}.canvas-stage{padding-left:75px;padding-right:75px}.paper-grid{gap:12px}}@media(max-width:1180px){.site-header{padding:0 28px}.site-header nav{gap:18px}main{padding:28px 28px 0}.workspace{grid-template-columns:275px minmax(0,1fr);gap:20px}.setting-section{padding:20px}.page-heading h1{font-size:28px}.workflow{font-size:10px;gap:8px}.canvas-stage{padding:20px 30px 30px}.canvas-scroll{height:465px}.preview-header{padding:0 16px}.preview-tabs{gap:16px}.preview-live{display:none}.canvas-bottom{padding:0 12px}.desktop-only,.assembly-diagram{display:none}.output-panel{padding:20px 17px 17px}.output-summary{gap:12px}.output-summary dl>div{gap:14px}.page-count{gap:10px}.stacked-pages{width:36px;height:44px}.grid-pill{margin-left:4px;font-size:8px;padding:4px 5px}.page-count strong{font-size:25px}.assembly-tip{padding:20px;gap:12px}.print-hint{font-size:8px}.export-actions{grid-template-columns:1fr 1.4fr}}@media(max-width:900px){.local-badge{display:none}.page-heading{align-items:flex-start}.page-heading h1{font-size:27px}.workflow{display:none}.workspace{grid-template-columns:255px minmax(0,1fr);gap:16px}.setting-section{padding:17px}.canvas-stage{padding:18px 20px 26px}.canvas-scroll{height:400px}.canvas-info{font-size:9px;padding:0 12px}.paper-grid{gap:6px}.paper-label{font-size:7px;padding:3px 4px}.output-summary{flex-direction:column;align-items:stretch;gap:17px}.output-summary dl{border-top:1px solid var(--line);padding-top:12px}.output-summary dl>div{justify-content:space-between}.export-actions{grid-template-columns:1fr}.primary-button,.secondary-button{height:42px}.print-hint{flex-wrap:wrap;line-height:1.7}.canvas-bottom{align-items:center;gap:5px}.canvas-bottom>span{font-size:8px;gap:4px}.zoom-controls{gap:1px}.zoom-controls button{width:18px}.assembly-tip{padding:18px 15px;gap:10px}.assembly-tip p{font-size:10px}.tip-icon{display:none}footer>span:last-child{display:none}}@media(max-width:680px){.site-header{height:68px;padding:0 20px}.brand{font-size:20px;gap:10px}.brand-mark{transform:scale(.9);transform-origin:left center;width:29px}.brand-en{font-size:7px}.site-header nav{gap:15px}.text-button{font-size:11px;gap:5px}.text-button>svg:first-child{display:none}.text-button>svg:last-child:not(:first-child){display:none}main{padding:27px 16px 0}.page-heading{margin-bottom:22px}.page-heading h1{font-size:26px}.page-heading p{font-size:11px;line-height:1.8;margin-top:8px}.workspace{display:flex;flex-direction:column;gap:20px}.settings-panel,.preview-section{width:100%}.settings-panel{display:grid;grid-template-columns:1fr 1fr;align-items:start}.file-section{grid-column:1/-1;padding:20px;border-bottom:1px solid var(--line)}.upload-box{padding:14px 10px}.upload-icon{width:34px;height:34px;margin-bottom:8px}.upload-box strong{font-size:12px}.file-detail{padding-top:14px}.file-detail strong{font-size:12px}.file-detail>div>span{font-size:10px}.example-row button{font-size:10px}.settings-panel>.setting-section:not(.file-section){border-bottom:0;padding:20px 15px}.settings-panel>.setting-section:nth-child(2){border-right:1px solid var(--line)}.section-title{margin-bottom:17px}.section-title h2{font-size:12px;gap:6px}.section-title h2>span{width:18px;height:18px;font-size:9px}.section-title>svg{display:none}.select-label{font-size:10px}.select-label select{font-size:10px;padding-left:8px}.field-title{font-size:10px;gap:3px}.field-title>span{font-size:8px}.segmented button{font-size:10px;height:30px;gap:5px}.number-field{font-size:10px}.number-field input{padding-left:8px;font-size:11px}.number-field>div>span{padding-right:7px;font-size:9px}.two-fields{gap:8px;margin-top:15px}.field-help{font-size:9px;gap:5px}.toggle-line{font-size:10px;gap:6px;min-height:39px}.toggle-line small{font-size:9px;line-height:1.6}.switch{width:27px;height:16px}.switch:after{height:10px;width:10px}.toggle-line input:checked+.switch:after{transform:translate(11px)}.settings-panel>.advanced{grid-column:1/-1;border-top:1px solid var(--line);padding:14px 20px!important}.assembly-settings .section-title{margin-bottom:14px}.format-label{font-size:8px}.preview-header{height:53px;padding:0 15px}.preview-tabs{gap:20px}.preview-tabs button{font-size:11px}.canvas-scroll{height:420px}.canvas-stage{padding:18px 22px 28px}.paper-grid{gap:7px}.canvas-bottom{height:42px;padding:0 12px}.canvas-bottom>span{font-size:9px}.zoom-controls button{width:20px}.paper-label{font-size:8px}.output-panel{padding:20px 18px 16px}.output-summary{flex-direction:row;align-items:center;gap:18px}.output-summary dl{border:0;padding:0;font-size:9px}.output-summary dl>div{gap:12px}.page-count strong{font-size:27px}.page-count>div>span{font-size:9px}.stacked-pages{display:none}.grid-pill{font-size:8px;margin-left:4px}.export-actions{grid-template-columns:1fr 1.5fr;gap:8px;margin-top:20px}.primary-button,.secondary-button{font-size:11px;padding:0 10px;gap:7px}.print-hint{font-size:8px;gap:3px;margin-top:12px}.assembly-tip{padding:20px}.tip-icon{display:block}.assembly-tip h3{font-size:12px}.assembly-tip p,.assembly-tip button{font-size:10px}.assembly-diagram{display:flex;transform:scale(.8) rotate(-6deg);margin-right:-10px;margin-left:0}.assembly-tip>div:nth-child(2){flex:1}.assembly-tip p{max-width:230px}.file-warnings{margin-top:13px}.file-warnings summary{font-size:10px}.dialog-body{padding:28px 24px}.dialog-body h2{font-size:22px;padding-top:10px}.dialog-intro{font-size:11px}.guide-steps{gap:23px}.guide-steps>li{gap:12px}.guide-steps p{font-size:11px}.guide-steps h3{font-size:12px}.source-links{gap:15px}.source-links a{font-size:10px}.tile-dialog{max-width:calc(100vw - 40px)}.detail-paper{width:270px}.alert{font-size:11px;padding:12px}footer{margin-top:25px;padding:18px 0;font-size:9px}footer>span{align-items:flex-start;line-height:1.7}footer svg{flex-shrink:0}.dpi-field{flex-wrap:wrap}.dpi-field>.number-field{margin-left:0;margin-top:5px;width:100%;justify-content:space-between}.required-hint{font-size:8px;margin-left:4px}}@media(max-width:380px){main{padding:24px 12px 0}.site-header{padding:0 16px}.site-header nav{gap:10px}.text-button{font-size:10px}.page-heading h1{font-size:24px}.settings-panel>.setting-section:not(.file-section){padding:18px 12px}.output-summary{gap:10px}.grid-pill{display:none}.output-summary dl{font-size:8px}.canvas-stage{padding:15px 14px 25px}.assembly-diagram,.tip-icon{display:none}.print-hint{font-size:8px}.zoom-controls{height:25px}.canvas-bottom>span{font-size:8px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}}.paper-grid{gap:8px}.canvas-stage{padding:25px 25px 33px}.paper-label{font-size:9px}.format-label,.upload-box>span:last-child,.file-detail>div>span,.field-title>span,.number-field>div>span,.field-help,.toggle-line small,.canvas-info,.canvas-bottom,.desktop-only,.page-count>div>span,.output-summary dt,.output-summary dd span,.print-hint,.assembly-tip p,footer,.resolution,.dialog-intro,.detail-note,.file-warnings{color:#5c7057}.compatibility-note{display:flex;align-items:flex-start;gap:8px;background:#fff3e7;color:#8d542f;padding:13px 15px;margin-top:14px;border-radius:7px;font-size:11px;line-height:1.7}.compatibility-note>svg{flex-shrink:0;margin-top:2px}@media(max-width:680px){.paper-label{font-size:7px;padding:3px 4px}.canvas-stage{padding:25px 25px 33px}}