@font-face{font-family:ZenPreview;src:url(/TypeFab/fonts/ZenKakuGothicNew-Regular.ttf)}@font-face{font-family:ShipporiPreview;src:url(/TypeFab/fonts/ShipporiMincho-Regular.ttf)}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:#253748;background:#f6f7f9;font-synthesis:none;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid transparent;background:transparent;color:inherit;border-radius:5px;cursor:pointer;padding:8px 11px;transition:background .15s,border-color .15s}button:hover{background:#e8edf1}button:focus-visible,a:focus-visible{outline:2px solid #3f85b7;outline-offset:2px}button:disabled{opacity:.35;cursor:default}input,select,textarea{color:#26394c;background:#fff;border:1px solid #dce1e7;border-radius:4px;padding:9px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:#4b8bb9;box-shadow:0 0 0 2px #4b8bb91a}input[type=checkbox]{width:13px;accent-color:#c7773b}input[type=number]{font-variant-numeric:tabular-nums}header{height:72px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid #dfe4e8;background:#fff;gap:35px}.brand{font-weight:730;font-size:25px;text-decoration:none;color:#23384a;display:flex;align-items:center;gap:10px;letter-spacing:-1px}.brand-mark{width:33px;height:35px;background:#263b4d;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:25px;letter-spacing:-5px;padding-right:6px;font-style:italic}.brand-mark span{color:#efa562}.beta{font-size:9px;letter-spacing:1px;font-weight:650;background:#f0f2f4;padding:4px 5px;border-radius:3px;margin-left:2px;color:#8b949c}.document-title{display:flex;flex-direction:column;gap:5px;border-left:1px solid #e3e7eb;padding-left:30px;font-size:12px}.document-title small{font-size:10px;color:#8c969f}.header-actions{margin-left:auto;display:flex;gap:7px;align-items:center}.primary{background:#c8793f;color:#fff;padding:11px 18px;font-weight:600;box-shadow:0 2px 3px #97633d14}.primary:hover{background:#b76a31}.workspace-tabs{display:flex;align-items:center;gap:30px;height:43px;background:#fff;padding:0 24px;border-bottom:1px solid #dce2e7}.workspace-title{font-size:9px;letter-spacing:1.6px;color:#8a939b;font-weight:600}.tab{align-self:stretch;display:flex;align-items:center;font-size:12px;padding:0 12px}.tab.active{border-bottom:2px solid #bc703d;color:#ab6130;font-weight:600}.subtle{color:#96a0a8;font-size:11px}.workspace-tabs>button{margin-left:auto;font-size:11px;color:#83909b}.toolbar{height:83px;background:#fcfcfd;border-bottom:1px solid #d8dfe5;display:flex;align-items:center;gap:15px;padding:9px 20px}.tool-group{display:flex;align-items:center;gap:5px;border-right:1px solid #e0e5e9;padding-right:18px}.tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:61px;height:61px;font-size:10px;padding:6px 9px}.tool-icon{font-size:24px;height:28px;line-height:28px;font-family:Arial,sans-serif}.tool.active{background:#e5edf3;color:#255c82;border-color:#c5d7e3}.tool[data-tool=bridge] .tool-icon{color:#c98145}.history{gap:0;padding-right:14px}.history button{font-size:24px;padding:8px}.preview-button{margin-left:auto;border:1px solid #cfd8e0;background:#fff;font-size:11px;padding:10px 15px;white-space:nowrap}.preview-button.active{background:#fff0e3;border-color:#d5a17b;color:#a75d2c}main{display:grid;grid-template-columns:225px minmax(350px,1fr) 260px;height:calc(100dvh - 232px);min-height:510px}.layers-panel,.inspector{background:#fcfcfd;overflow:auto}.layers-panel{display:flex;flex-direction:column;border-right:1px solid #d9e0e6}.panel-heading{height:48px;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #e6e9ed;font-size:12px;font-weight:600}.eyebrow{font-size:8px;letter-spacing:1.3px;color:#939da6;font-weight:600}.document-row{padding:20px 16px 12px;font-size:12px}.folder-icon{color:#9babb7;font-size:19px;padding:0 4px}.layer{width:100%;display:flex;align-items:center;gap:10px;padding:12px 12px 12px 27px;border-radius:0;font-size:11px;text-align:left;border-left:3px solid transparent}.layer>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-icon{font-size:17px;color:#879baa;width:18px;flex-shrink:0;text-align:center}.layer small{margin-left:auto;font-size:7px;letter-spacing:.5px;color:#a3adb5}.layer.selected{background:#eaf0f5;border-left-color:#4d86b0;color:#315f80}.bridge-layer .layer-icon{color:#c98345}.layer-actions{border-top:1px solid #e7eaed;margin:15px 14px;display:flex;justify-content:space-between;padding-top:8px;font-size:10px;color:#82909c}.left-bottom{margin-top:auto;padding:25px 24px 35px;border-top:1px solid #e5e9ec}.left-bottom h3{font-size:16px;font-weight:500;letter-spacing:.5px;margin:14px 0 9px}.left-bottom p{color:#98a1a9;font-size:11px;line-height:1.9}.text-link{padding:0;color:#b57546;font-size:11px;margin-top:10px}.empty-layers{font-size:11px;color:#929da6;line-height:2;padding:15px}.canvas-panel{position:relative;background:#edf0f3;display:flex;flex-direction:column;min-width:0;overflow:hidden}.canvas-top{height:48px;min-height:48px;display:flex;justify-content:space-between;padding:17px 22px;font-size:10px;color:#88949f}.green-dot{width:5px;height:5px;background:#69a190;border-radius:100%;display:inline-block;vertical-align:middle;margin-right:6px}#canvas-scroll{flex:1;overflow:auto;display:grid;place-items:center;padding:35px 50px 45px;min-height:0}#board-wrap{position:relative;flex-shrink:0;background:#fff;box-shadow:0 4px 18px #33455612,0 0 0 1px #d3dce4}#canvas{display:block;width:100%;height:100%;touch-action:none;overflow:hidden}.canvas-object{cursor:move}.origin-label{position:absolute;left:-22px;top:-17px;font-size:9px;color:#9ba9b5}.canvas-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 23px;height:52px;color:#8292a0;font-size:10px}.check{display:flex;align-items:center;gap:7px;font-size:11px;cursor:pointer}.zoom-controls{display:flex;gap:2px;align-items:center;border:1px solid #d9e0e6;background:#f8fafb;border-radius:5px}.zoom-controls button{padding:6px 11px;font-size:12px}.zoom-controls #zoom-reset{font-size:10px;min-width:50px}.axis b{color:#83a797;font-weight:400}.axis em{color:#c9857a;font-style:normal}.canvas-hint{text-align:center;color:#9ba5ae;font-size:10px;height:28px;min-height:28px;padding:2px 8px 8px}.inspector{border-left:1px solid #d9e0e6}.inspector section{padding:18px;border-bottom:1px solid #e3e7eb}.object-type{color:#a3aab1;font-size:8px;letter-spacing:1.4px}.inspector h3{font-size:14px;margin:10px 0 21px;font-weight:500;overflow-wrap:anywhere}.inspector h4{font-size:11px;font-weight:600;margin:0 0 13px;display:flex;align-items:center;gap:6px}.inspector h4>span:not(.check-icon){margin-left:auto;color:#a6afb6;font-size:10px;font-weight:400}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fields label,.full-label{font-size:10px;color:#929da7;display:flex;flex-direction:column;gap:6px}.fields input{font-size:12px;padding:8px;width:100%;min-width:0}.fields label:last-child:nth-child(odd){grid-column:1}textarea{resize:vertical;min-height:78px;line-height:1.7;font-size:13px}.full-label{margin-top:15px}select{font-size:11px}.font-preview{font-size:21px;padding:13px 0;text-align:center;color:#516373}.wide-button{width:100%;border:1px dashed #d0d8e0;font-size:10px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center}.wide-button small{font-size:8px;color:#abb3ba}.vertical-check{margin-top:16px;color:#70808d;font-size:10px}.note{font-size:10px;line-height:1.8;color:#aa805f}.cut-check p{font-size:10px;line-height:1.8;color:#929da7;margin:14px 0 0}.check-icon{color:#b57747;font-size:19px}.check-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8997a2;padding:7px 0}.check-row b{font-weight:500;color:#52697a}.check-row.warning b{background:#f9ecdd;color:#b17840;padding:2px 6px;border-radius:4px}.check-summary{font-size:10px;background:#f6efe5;color:#ac855a;padding:10px;line-height:1.7;border-radius:5px;margin-top:8px}.check-row.success b{color:#5c937e}.check-summary.warning{color:#b3453b;background:#fff0ec}.no-selection{color:#8795a1;line-height:1.8}.no-selection>span{font-size:30px}.no-selection p{font-size:11px}.no-selection h3{margin-bottom:12px}footer{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-top:1px solid #dbe1e7;background:#fff;color:#8c98a2;font-size:10px;gap:15px}#message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend{display:inline-block;vertical-align:middle;width:13px;height:2px;margin:0 4px 0 11px}.legend.cut{background:#cc5745}.legend.bridge{height:6px;background:#e6ab66}dialog{border:1px solid #d7e0e7;border-radius:12px;padding:38px;max-width:530px;color:#344b5c;box-shadow:0 30px 90px #20304033}dialog::backdrop{background:#25374860;backdrop-filter:blur(3px)}dialog h2{font-weight:500;font-size:27px;margin:16px 0 26px}.dialog-close{position:absolute;right:14px;top:10px;font-size:23px}dialog ol{padding-left:20px}dialog li{padding-left:8px;margin:22px 0;font-size:13px}dialog p{font-size:12px;line-height:1.9;color:#7d8d99}.help-note{padding:14px;background:#f6f2ec;border-radius:4px}dialog .primary{margin-top:10px}@media(min-width:1600px){main{grid-template-columns:250px minmax(350px,1fr) 285px}.toolbar{gap:25px}.tool{min-width:72px}}@media(max-width:1100px){main{grid-template-columns:175px minmax(300px,1fr) 235px}header{gap:15px;padding:0 15px}.document-title{padding-left:15px}.tool{min-width:49px;padding:6px;font-size:9px}.toolbar{gap:8px;padding:9px}.tool-group{padding-right:8px;gap:2px}.history{display:none}.layer{padding-left:13px}.layer small{display:none}.preview-button{padding:10px;font-size:10px}.workspace-title{display:none}.subtle{font-size:10px}}@media(max-width:800px){header{height:auto;min-height:65px;flex-wrap:wrap;padding:12px;gap:10px}.brand{font-size:21px}.brand-mark{height:29px;width:29px}.document-title{display:none}.header-actions{gap:0}.header-actions button{padding:9px;font-size:11px}.workspace-tabs{display:none}.toolbar{height:75px;overflow-x:auto;gap:8px}.tool{min-width:46px}.preview-button{margin:0}.tool-group{flex-shrink:0}main{grid-template-columns:minmax(300px,1fr) 215px;height:calc(100dvh - 174px);min-height:520px}.layers-panel{display:none}.inspector section{padding:13px}.panel-heading{padding:0 13px}.panel-heading .eyebrow{display:none}.canvas-top{padding:17px 10px}.canvas-bottom{padding:10px}.axis{display:none}.canvas-hint{font-size:9px}footer{font-size:9px;padding:0 10px}footer>span:last-child{display:none}}@media(max-width:520px){main{display:flex;flex-direction:column;height:auto}.canvas-panel{height:440px}.inspector{border-top:1px solid #dce2e7;display:block}.inspector #properties{display:grid;grid-template-columns:1fr 1fr}.inspector .board-settings,.inspector .cut-check{display:inline-block;width:49%;vertical-align:top}.canvas-top{font-size:9px}.brand .beta{display:none}header{gap:0}.header-actions button{font-size:10px;padding:8px}footer{position:sticky;bottom:0}#canvas-scroll{padding:25px 30px}.no-selection{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.layer-group{border-bottom:1px solid #e0e6ec;padding:5px 0}.layer-group.current{border-left:2px solid #bc7a49}.layer-header{display:flex;align-items:center;padding:3px 4px;gap:1px}.layer-header button{padding:5px;min-width:23px;font-size:11px}.layer-header input{font-size:11px;min-width:0;padding:6px 3px;border-color:transparent;background:transparent}.layer-header input:focus{background:#fff;border-color:#8caec8}.layer-order{display:flex;gap:1px;align-items:center;padding:0 9px 4px 25px}.layer-order button{font-size:10px;padding:3px 7px}.layer-order small{margin-left:auto;font-size:8px;color:#99a5ae}.document-row{display:flex;flex-wrap:wrap;align-items:center;padding:8px}.document-row .note{font-size:9px;margin-left:auto}.layer-group .layer{padding:9px 8px 9px 22px}.boolean-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.boolean-actions button{background:#edf2f5;border:1px solid #d3dee6;font-size:11px;padding:10px 5px}.boolean-actions button:hover{background:#dbe8f2}.resize-handle{cursor:nwse-resize;pointer-events:all}.resize-handle[data-resize="1,0"],.resize-handle[data-resize="0,1"]{cursor:nesw-resize}#item-auto-bridge{margin-top:12px;font-size:10px;white-space:normal}#layers{flex:1;overflow:auto;min-height:130px}.left-bottom{flex-shrink:0;padding-bottom:15px;padding-top:15px}.left-bottom p{display:none}@media(max-width:800px){.layers-panel{display:flex;max-height:230px;grid-column:1/-1;order:2}.layers-panel .left-bottom{display:none}main{display:grid;grid-template-columns:minmax(300px,1fr) 215px;height:auto;min-height:0}.canvas-panel{height:620px}.inspector{max-height:620px}.layers-panel .panel-heading{height:36px;min-height:36px}.layer-group{min-width:220px}#layers{display:flex;overflow:auto}.layer-group{flex:1}}@media(max-width:520px){main{display:flex;flex-direction:column}.canvas-panel{height:440px}.layers-panel{order:0;max-height:220px;min-height:140px}.inspector{max-height:none}.inspector #properties{display:block}.inspector #properties>section{padding:14px 20px}.layer-actions{margin:0 10px;padding:2px}.layer-order{padding-bottom:0}.layer-group .layer{padding:6px 12px}.left-bottom{display:none}}#canvas-scroll{display:block;padding:0;touch-action:none;overscroll-behavior:contain}#canvas-stage{display:grid;place-items:center;width:max-content;height:max-content;min-width:100%;min-height:100%;padding:45px 50px}#marquee[hidden]{display:none}.layer[draggable=true]{cursor:grab}.layer[draggable=true]:active{cursor:grabbing}.layer-group.drop-target{outline:2px solid #3788bb;outline-offset:-2px;background:#e6f1fa}.layer-group.drop-rejected{outline:2px solid #bd6551;outline-offset:-2px;background:#fff0ed}@media(max-width:520px){#canvas-scroll{padding:0}#canvas-stage{padding:30px}}.group-block{margin:1px 0 1px 12px;border-left:1px dashed #c4cfd8}.group-row{width:100%;display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:0;font-size:11px;text-align:left;color:#52697c}.group-row small{margin-left:auto;font-size:7px;letter-spacing:.5px;color:#a3adb5}.group-row.selected{background:#eaf0f5;color:#315f80}.layer-group .group-block .layer{padding-left:16px}.layer.found{outline:2px solid #bc7a49;outline-offset:-2px}.context-menu{position:fixed;z-index:50;min-width:232px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow-y:auto;padding:4px;background:#fff;border:1px solid #d5dde4;border-radius:7px;box-shadow:0 14px 36px #20304029,0 2px 6px #2030401a;font-size:12px}.context-menu button{display:flex;width:100%;align-items:center;gap:24px;padding:6px 10px;border-radius:4px;text-align:left}.context-menu button:hover:not(:disabled),.context-menu button:focus-visible{background:#eaf0f5;color:#315f80;outline:none}.context-menu kbd{margin-left:auto;font:inherit;font-size:11px;color:#8d9aa5}.context-menu hr{border:0;border-top:1px solid #e7eaed;margin:4px 6px}.context-menu .menu-title{padding:6px 10px 4px;font-size:10px;letter-spacing:.5px;color:#8d9aa5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warp-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:14px}.warp-presets button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 2px;border:1px solid #dbe3ea;background:#f7f9fb;color:#52697c;font-size:9px}.warp-presets svg{width:38px;height:28px}.warp-presets button.active{border-color:#c27a45;background:#fbf1e9;color:#a4602f}.warp-panel output{float:right;color:#a4602f;font-variant-numeric:tabular-nums}.warp-panel input[type=range]{width:100%;accent-color:#c27a45;padding:0;margin:8px 0 4px}.warp-panel h4 span{color:#a4602f}.warp-actions{display:flex;gap:6px;margin:12px 0}.warp-actions button{flex:1;border:1px solid #d3dee6;background:#edf2f5;font-size:11px}.wide-button.warp-done{justify-content:center;border:1px solid #c27a45;background:#c27a45;color:#fff;font-size:12px}.wide-button.warp-done:hover{background:#ad6936}.warp-point{cursor:move}.text-editor{position:fixed;z-index:40;width:min(420px,calc(100vw - 16px));padding:6px;background:#fff;border:1px solid #8caec8;border-radius:7px;box-shadow:0 10px 28px #20304029}.text-editor textarea{width:100%;min-height:56px;resize:vertical;font-size:15px;border:0;outline:none}.text-editor small{display:block;padding:2px 4px 0;font-size:10px;color:#8d9aa5}.path-node,.path-handle{cursor:move}.path-stats{font-size:11px;color:#52697c;margin:4px 0 12px}.node-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:14px}.node-actions button{border:1px solid #d3dee6;background:#edf2f5;font-size:11px;padding:7px 4px}.path-d small{display:block;font-size:9px;color:#8d9aa5;margin:2px 0 4px}.path-d textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;min-height:70px;max-height:180px}.rotate-handle{cursor:grab}.rotate-handle:active{cursor:grabbing}