:root{font-family:Yu Gothic,Meiryo,sans-serif;color:#293449;background:#f3f5fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;--blue: #2458cf;--ink: #293449;--muted: #68738b;--border: #dce1eb;--lilac: #ededfa}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,select,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.tile-overlay:focus-visible{outline:3px solid #88aaff;outline-offset:3px}button{-webkit-tap-highlight-color:transparent}button,input,select{transition:border-color .15s,background-color .15s,color .15s}button:disabled{opacity:.55}h1,h2,p{margin:0}svg{flex-shrink:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2368738b' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-header{height:83px;display:flex;justify-content:space-between;align-items:center;padding:0 38px;border-bottom:1px solid var(--border);background:#fff}.brand{display:flex;align-items:center;gap:13px}.brand-description{min-width:0}.brand-name{flex-shrink:0}.brand-mark{width:39px;height:39px}.brand-name{font-size:27px;font-weight:800;letter-spacing:.07em;line-height:1}.brand-description{margin-left:13px;padding-left:25px;border-left:1px solid #dce1eb;font-size:12px;font-weight:500;color:#657086}.local-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#758096}.local-dot{width:6px;height:6px;background:#5b7e70;border-radius:50%}.workbench{display:grid;grid-template-columns:340px minmax(0,1fr);max-width:1560px;min-height:calc(100vh - 83px);margin:0 auto}.control-rail{border-right:1px solid var(--border);background:#fff;padding:26px 26px 0;align-self:stretch}.rail-heading{padding-bottom:24px}.rail-heading h1{font-size:19px;font-weight:700;letter-spacing:.02em}.rail-heading p{font-size:11px;color:var(--muted);margin-top:7px}.settings-fieldset{padding:0;margin:0;min-width:0;border:0}.setting-section{padding:23px 0;border-top:1px solid var(--border)}.source-section{padding-top:0;border:0;padding-bottom:24px}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:16px}.step-number{width:21px;height:21px;color:var(--blue);background:var(--lilac);font-size:11px;font-weight:700;border-radius:50%;text-align:center;line-height:21px}.section-heading h2{font-size:13px;font-weight:700}.file-drop{width:100%;padding:17px 10px 15px;background:#f8f9fd;border:1px dashed #b9c7e0;border-radius:7px;display:flex;align-items:center;flex-direction:column}.file-drop:hover,.file-drop.is-dragging{border-color:var(--blue);background:#f0f4ff}.upload-glyph{display:flex;color:var(--blue);margin-bottom:8px}.file-drop strong{font-size:12px;font-weight:700}.file-drop>span:not(.upload-glyph){font-size:10px;margin-top:3px;color:var(--muted)}.file-drop small{font-size:9px;color:#7c869b;margin-top:11px}.source-info{display:flex;align-items:center;gap:8px;margin-top:12px;min-width:0}.source-info>svg{color:#8490a5}.source-info>div{flex:1;min-width:0}.source-info strong{display:block;max-width:224px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600}.source-info div span{display:block;font-size:9px;color:#7c869b;margin-top:3px}.source-ready{width:20px;height:20px;display:grid;place-items:center;color:#527862;background:#eef4ef;border-radius:50%}.page-select{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:14px}.page-select select{padding:7px 31px 7px 12px;border:1px solid var(--border);border-radius:5px;background-color:#fff}.preset-row{display:flex;gap:7px}.select-field{min-width:0;flex:1}.select-field select{width:100%;height:39px;padding:0 31px 0 11px;border:1px solid #d5dce8;border-radius:5px;background-color:#fff;font-size:11px;font-weight:500;color:var(--ink)}.icon-button{display:grid;place-items:center;width:39px;height:39px;border:1px solid #d5dce8;border-radius:5px;background:#fff;color:#69758c}.icon-button:hover{background:#f0f4ff;border-color:#a4b8e3;color:var(--blue)}.dimension-inputs{display:flex;align-items:flex-end;gap:8px;margin-top:13px}.number-field{flex:1;min-width:0;display:block}.number-field>span{display:block;color:#68738b;font-size:10px;margin-bottom:6px}.number-field>div{height:37px;display:flex;align-items:center;border:1px solid #d5dce8;border-radius:5px;background:#fff}.number-field input{min-width:0;width:100%;padding:0 9px;height:35px;border:0;background:transparent;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);border-radius:5px}.number-field div>span{color:#919aab;font-size:10px;padding-right:10px}.times{color:#8d97a9;margin-bottom:9px;font-size:14px}.fit-control{margin-top:17px}.fit-control>span{display:block;font-size:10px;color:#68738b;margin-bottom:7px}.segmented{display:flex;padding:3px;border-radius:6px;background:#eef1f7}.segmented button{border:0;background:transparent;color:#7c869b;white-space:nowrap;border-radius:4px;font-weight:500}.segmented button:hover{color:var(--blue)}.segmented button.active{background:#fff;box-shadow:0 1px 3px #29344912;color:var(--ink)}.segmented.compact{width:100%}.segmented.compact button{flex:1;padding:7px 4px;font-size:10px}.field-help{font-size:10px;color:#5f6d86;line-height:1.6;margin-top:7px}.paper-size-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.paper-size-options .custom-paper-button{grid-column:1 / -1}.custom-paper-fields{margin-top:12px}.b-paper-select{display:block;margin-top:12px}.b-paper-select>span{display:block;font-size:10px;color:#68738b;margin-bottom:6px}.scale-mode-control{margin:16px 0;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.scale-mode-control .check-field{margin-top:0}.scale-result{color:#2458cf;font-size:12px;line-height:1.8;margin-top:8px;font-weight:600}.paper-size-options button{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 6px;border:1px solid #d5dce8;border-radius:5px;background:#fff;font-size:12px;font-weight:600;color:#68738b}.paper-size-options button.active{border-color:var(--blue);background:#f4f6ff;color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.paper-size-options button:hover:not(.active){border-color:#8da5d4}.paper-size-icon{display:inline-block;width:12px;height:17px;border:1.3px solid currentColor}.paper-size-icon.size-A3{width:14px;height:20px}.paper-size-icon.size-Letter{width:13px;height:17px}.inline-select{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.inline-select>span{font-size:10px;color:#68738b}.inline-select select{font-size:10px;border:0;color:#4f5d76;padding:6px 29px 6px 0;background-color:#fff;background-position:right center}.spacing-fields{margin-top:9px;gap:12px}.overlap-explainer{display:flex;gap:12px;align-items:center;margin:13px 0 17px}.overlap-explainer svg{width:87px;height:31px}.overlap-explainer span{font-size:9px;color:#8992a4;line-height:1.6;max-width:160px}.check-field{display:flex;align-items:center;gap:8px;font-size:10px;color:#5c6880;margin-top:12px;cursor:pointer}.check-field input{margin:0;width:14px;height:14px;accent-color:var(--blue);cursor:pointer}.export-panel{position:sticky;bottom:0;z-index:3;margin:0 -26px;padding:18px 26px 19px;background:#fff;border-top:1px solid var(--border)}.export-button{width:100%;height:47px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:6px;background:var(--blue);color:#fff;font-weight:600;font-size:12px;box-shadow:0 3px 6px #2458cf1a}.export-button:hover:not(:disabled){background:#174ac0}.export-note{margin-top:9px;font-size:9px;text-align:center;color:#8290a6;min-height:17px;line-height:1.6}.export-progress{display:block;width:100%;height:4px;border:0;margin-top:6px;accent-color:var(--blue)}.field-error{color:#aa3b42;background:#fff2f2;border-radius:4px;padding:8px 9px;font-size:10px;line-height:1.7;margin:9px 0}.preview-workspace{min-width:0;padding:27px 34px 0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.preview-toolbar h2{font-size:14px;font-weight:700;letter-spacing:.01em}.preview-toolbar>div>span{display:block;font-size:10px;color:#929bad;margin-top:6px}.view-switch{flex-shrink:0;background:#e6eaf3}.view-switch button{padding:9px 14px;font-size:11px}.drafting-board{position:relative;border:1px solid #d8deeb;background-color:#edeff7;background-image:radial-gradient(#ccd3e3 1px,transparent 1px);background-size:16px 16px;height:650px;overflow:hidden;border-radius:8px}.board-ruler{position:absolute;z-index:1;background-color:#f6f7fb;border-color:#d8deeb;border-style:solid}.ruler-top{left:17px;top:0;height:18px;width:calc(100% - 17px);border-width:0 0 1px;background-image:repeating-linear-gradient(90deg,#c7cfdf 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,#aebad0 0 1px,transparent 1px 40px);background-size:100% 5px,100% 9px;background-position:left bottom;background-repeat:no-repeat}.ruler-left{top:18px;left:0;width:18px;height:calc(100% - 18px);border-width:0 1px 0 0;background-image:repeating-linear-gradient(0deg,#c7cfdf 0 1px,transparent 1px 8px),repeating-linear-gradient(0deg,#aebad0 0 1px,transparent 1px 40px);background-size:5px 100%,9px 100%;background-position:right top;background-repeat:no-repeat}.board-paper-zone{position:absolute;inset:18px 0 52px 18px;display:flex;align-items:center;justify-content:center;padding:37px 62px;container-type:size}.poster-mount,.sheet-mount{position:relative;aspect-ratio:var(--paper-ratio);width:min(100cqw,calc(100cqh * var(--paper-ratio)));height:auto;max-width:100%;max-height:100%;flex-shrink:0;filter:drop-shadow(0 10px 12px #29344918)}.poster-art,.single-sheet{display:block;width:100%;height:100%;background:#fff}.poster-art,.single-sheet{border:1px solid #d0d6e3}.dimension{position:absolute;color:#78859d;font-size:9px;font-weight:500;font-variant-numeric:tabular-nums;filter:none;letter-spacing:.01em}.dimension-top{top:-26px;left:50%;transform:translate(-50%);white-space:nowrap}.dimension-top:before,.dimension-top:after{content:"";height:1px;width:23px;position:absolute;background:#a8b6ce;top:50%}.dimension-top:before{right:calc(100% + 9px)}.dimension-top:after{left:calc(100% + 9px)}.dimension-side{left:-41px;top:50%;transform:translate(-50%,-50%) rotate(-90deg);white-space:nowrap}.tile-overlay{cursor:pointer}.tile-overlay:hover .tile-area{fill:#2458cf22}.tile-overlay:focus .tile-area{stroke-width:3px}.tile-badge{filter:drop-shadow(0 1px 2px #2934491f)}.board-legend{position:absolute;left:36px;right:18px;bottom:0;height:49px;display:flex;align-items:center;justify-content:center;gap:20px;color:#7a879d;font-size:9px}.board-legend>span{display:inline-flex;align-items:center;gap:7px}.legend-outline{width:13px;height:11px;border:1px dashed var(--blue)}.legend-overlap{width:13px;height:11px;background:#d1ddf4;border-left:2px solid #7d9bdd}.board-legend>strong{background:#2458cf;color:#fff;padding:4px 7px;border-radius:3px;font-size:10px}.sheet-position{color:#969fb0}.board-loading{position:absolute;inset:0;display:grid;place-items:center;background:#f3f5facf;color:var(--blue);font-size:13px;z-index:2}.preview-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px;text-align:center}.preview-empty .brand-mark{opacity:.4;width:62px;height:62px;margin-bottom:22px}.preview-empty>strong{font-size:14px;color:#68738b;font-weight:500}.preview-empty>span{font-size:11px;color:#8390a7;margin-top:10px;max-width:280px;line-height:1.8}.preview-result{display:flex;align-items:center;gap:16px;padding:17px 2px;border-bottom:1px solid var(--border);font-size:11px;font-variant-numeric:tabular-nums}.result-main{display:flex;align-items:baseline;gap:11px;margin-right:auto}.result-main>strong{font-size:15px;font-weight:700}.result-main>span{color:var(--blue);font-size:10px;font-weight:600}.result-size{color:#6d7b93}.result-paper{border-left:1px solid #d5dce8;padding-left:16px;color:#6d7b93}.result-paper-dim{margin-left:5px;font-size:9px;color:#9da5b5}.sheet-navigation{display:flex;align-items:flex-start;gap:16px;margin-top:16px}.sheet-navigation>span{font-size:10px;color:#8791a6;line-height:28px;white-space:nowrap}.sheet-buttons{display:flex;flex-wrap:wrap;gap:6px;max-height:96px;overflow:auto;padding:1px}.sheet-buttons button{min-width:32px;height:27px;padding:0 7px;border:1px solid #d5dce8;background:#f8f9fd;border-radius:4px;font-size:10px;color:#7b889e;font-weight:500}.sheet-buttons button.active{color:var(--blue);background:#e4eafa;border-color:#9bb1df}.sheet-buttons button:hover{border-color:var(--blue)}.large-sheet-navigation{min-width:0}.sheet-coordinate-fields{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.sheet-coordinate-fields label{display:flex;align-items:center;gap:6px;font-size:11px;color:#68738b}.sheet-coordinate-fields select{min-width:65px;padding:7px 24px 7px 8px;font-size:12px}.sheet-coordinate-fields>span{font-size:11px;color:#68738b;font-variant-numeric:tabular-nums}.sheet-page-controls{display:flex;gap:8px;margin-top:9px}.sheet-page-controls button{border:1px solid #d5dce8;border-radius:4px;padding:6px 12px;color:#4f5d76;background:#f8f9fd;font-size:11px}.resolution-note{font-size:10px;background:#fff9e9;color:#8b6c34;padding:10px 13px;border-radius:5px;margin-top:15px;line-height:1.7}.assembly-help{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;margin-top:24px;padding:17px 0 24px;border-top:1px solid var(--border)}.print-reminder{display:flex;align-items:center;gap:15px}.actual-size{font-size:29px;letter-spacing:-.055em;font-weight:700;color:#71829f;line-height:1}.actual-size>span{font-size:14px;padding-left:2px;letter-spacing:0}.print-reminder strong{font-size:11px;font-weight:600}.print-reminder p{font-size:11px;color:#5f6d86;margin-top:5px;line-height:1.7}.assembly-help details{flex-shrink:0}.assembly-help summary{display:flex;align-items:center;gap:8px;font-size:10px;color:#7285a8;list-style:none;padding:7px 0}.assembly-help summary::-webkit-details-marker{display:none}.assembly-help details[open] summary>svg{transform:rotate(90deg)}.assembly-instructions{position:absolute;top:calc(100% - 16px);left:0;width:100%;padding:18px 20px;background:#fff;border:1px solid #d5dce8;border-radius:6px;box-shadow:0 5px 14px #2934490d;z-index:4}.assembly-instructions p{font-size:11px;color:#6d7b93;line-height:1.9}.assembly-instructions p+p{margin-top:8px}.assembly-instructions strong{color:var(--ink);font-weight:600}.workspace-footer{display:flex;justify-content:space-between;padding:15px 0 19px;border-top:1px solid var(--border);color:#a1aab9;font-size:9px}.workspace-footer>span:last-child{font-size:10px;letter-spacing:.04em;font-weight:700}@media(min-width:1450px){.workbench{grid-template-columns:355px minmax(0,1fr)}.control-rail{padding-left:32px;padding-right:32px}.export-panel{margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px}.preview-workspace{padding-left:46px;padding-right:46px}.drafting-board{height:690px}}@media(max-width:1170px){.app-header{padding:0 27px}.workbench{grid-template-columns:310px minmax(0,1fr)}.control-rail{padding-left:22px;padding-right:22px}.export-panel{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}.preview-workspace{padding-left:24px;padding-right:24px}.drafting-board{height:620px}.board-paper-zone{padding:38px 40px}.poster-mount{max-width:92%}.preview-toolbar>div>span{font-size:9px}.view-switch button{padding:9px 11px}.preview-result{flex-wrap:wrap;gap:10px}.result-main{flex-basis:100%}.result-paper-dim{display:none}.assembly-help{align-items:flex-start;flex-direction:column;gap:8px}.assembly-help details{margin-left:68px}}@media(max-width:900px){.brand-description{margin-left:3px;padding-left:17px;font-size:10px}.local-note{font-size:9px}.workbench{grid-template-columns:285px minmax(0,1fr)}.control-rail{padding-left:18px;padding-right:18px}.export-panel{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.preview-workspace{padding-left:18px;padding-right:18px}.preview-toolbar{flex-direction:column;align-items:flex-start;gap:14px}.preview-toolbar .view-switch{align-self:flex-end}.drafting-board{height:580px}.board-paper-zone{padding:40px 32px 35px 38px}.dimension-side{left:-27px}.board-legend{gap:12px;font-size:8px}.sheet-position{display:none!important}.print-reminder{gap:10px}.print-reminder strong{font-size:10px}.sheet-navigation{gap:10px}}@media(max-width:720px){.app-header{height:70px;padding:0 20px}.brand{gap:10px}.brand-name{font-size:24px}.brand-mark{width:33px;height:33px}.brand-description{border:0;padding:0;font-size:10px;margin-left:7px;max-width:120px;line-height:1.7}.local-note{display:none}.workbench{display:flex;flex-direction:column}.control-rail{border-right:0;border-bottom:1px solid var(--border);padding:25px 22px 0}.rail-heading{padding-bottom:22px}.settings-fieldset{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.source-section{grid-column:1/-1}.file-drop{padding:13px}.file-drop .upload-glyph{margin-bottom:6px}.source-info strong{max-width:none}.setting-section:not(.source-section){padding-top:22px;padding-bottom:24px}.section-heading{margin-bottom:14px}.export-panel{position:static;margin:0 -22px;padding:16px 22px}.export-note{margin-top:8px}.preview-workspace{padding:25px 22px 0}.preview-toolbar{flex-direction:row;align-items:center;gap:10px}.preview-toolbar>div>span{display:none}.preview-toolbar h2{font-size:12px}.view-switch button{padding:8px 10px;font-size:10px}.drafting-board{height:640px}.board-paper-zone{padding:45px 43px 38px 48px}.poster-mount{max-width:90%}.dimension-side{left:-34px}.preview-result{flex-wrap:nowrap;gap:13px}.result-main{flex-basis:auto;gap:9px}.result-main>strong{font-size:13px}.result-size{font-size:9px}.result-paper{font-size:9px;padding-left:12px}.assembly-help{flex-direction:row;align-items:center}.assembly-help details{margin:0}}@media(max-width:490px){.settings-fieldset{display:block}.brand-description{font-size:9px;max-width:none;margin-left:12px}.control-rail{padding-top:23px}.rail-heading h1{font-size:17px}.rail-heading p{font-size:10px}.file-drop{padding:17px}.section-heading h2{font-size:13px}.select-field select{font-size:12px}.number-field input{font-size:14px}.number-field>span{font-size:11px}.segmented.compact button{font-size:11px}.inline-select>span,.inline-select select{font-size:11px}.check-field{font-size:11px;margin-top:15px}.check-field input{width:15px;height:15px}.overlap-explainer span{font-size:10px;max-width:none}.preview-workspace{padding:22px 16px 0}.drafting-board{height:490px}.board-paper-zone{padding:34px 29px 30px 42px}.poster-mount{max-width:100%}.dimension-side{left:-25px;font-size:8px}.dimension-top{font-size:8px;top:-22px}.preview-result{flex-wrap:wrap;gap:9px;padding:15px 0}.result-main{flex-basis:100%}.result-main>strong{font-size:14px}.result-main>span{font-size:10px}.result-size,.result-paper{font-size:10px}.result-paper-dim{display:inline;font-size:9px}.assembly-help{flex-direction:column;align-items:flex-start;gap:8px;margin-top:22px}.assembly-help details{margin-left:65px}.print-reminder strong{font-size:10px}.print-reminder p{max-width:250px}.board-legend{left:26px;font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}