@font-face{font-family:Noto Sans JP;src:url(./NotoSansJP-RBjn05Td.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:"Noto Serif JP";src:url(./NotoSerifJP-DiETomSb.ttf) format("truetype");font-weight:100 900;font-display:swap}:root{font-family:Noto Sans JP,sans-serif;color:#273b34;background:#f6f7f5;font-synthesis:none;font-size:12px;font-weight:400;--green: #347b66;--line: #e5e9e4;--muted: #8c9891}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#fff;color:inherit;border-radius:7px;padding:8px 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .15s}button:hover{background:#edf4ef;border-color:#c3d6c9}button:disabled{opacity:.4;cursor:default}input,textarea,select{color:inherit;border:1px solid #dfe5df;border-radius:6px;padding:8px;background:#fff;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #94c2ae;outline-offset:1px}textarea{resize:vertical}button.active{background:#e7f2eb;color:#287253;border-color:#b6d3c0}h2,h3,h4,p{margin:0}h3{font-size:12px;font-weight:600;margin:22px 0 12px}small{font-size:10px}.hidden{display:none}.app{height:100dvh;min-width:1000px;overflow:hidden;display:flex;flex-direction:column}.app-header{height:72px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:324px}.brand-mark{width:34px;height:34px;background:#397e68;border-radius:11px;color:#fff;font:700 28px Georgia;position:relative;line-height:29px;text-align:center}.brand-mark span{font-size:13px;position:absolute;right:2px;top:0;color:#bed8c3}.brand strong{font-size:20px;letter-spacing:-.6px}.brand strong span{font-weight:400}.brand-badge{font-size:7px;letter-spacing:1.1px;background:#eff4ef;border-radius:4px;padding:5px 7px;color:#6d8979;margin-left:7px}.title-area{display:flex;align-items:center;justify-content:center;flex:1;gap:3px}.title-area input{border:none;text-align:center;max-width:240px;font-size:12px;background:transparent}.header-actions{display:flex;align-items:center;gap:9px}.header-actions>button{white-space:nowrap}.primary{background:var(--green);border-color:var(--green);color:#fff;font-weight:500;padding:10px 16px}.primary:hover{background:#296953;border-color:#296953}.avatar{width:29px;height:29px;border-radius:50%;background:#edeee6;color:#777f5b;display:grid;place-items:center;margin-left:7px;font-family:Georgia}.icon-button{padding:7px;border:0;background:transparent;width:32px;height:32px}.divider{height:21px;width:1px;background:var(--line);margin:0 7px}.workspace{display:flex;min-height:0;flex:1}.nav-rail{width:76px;background:#fff;border-right:1px solid var(--line);padding-top:18px;display:flex;flex-direction:column;flex-shrink:0}.nav-rail button{border:0;border-radius:0;background:transparent;flex-direction:column;gap:7px;height:76px;padding:9px 0;color:#7a8780;position:relative}.nav-rail button span{font-size:10px}.nav-rail button.active{color:#347b66;background:#f0f6f1}.nav-rail button.active:before{content:"";position:absolute;left:0;top:22px;width:3px;height:30px;border-radius:2px;background:var(--green)}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;margin-bottom:12px}.library-panel{width:265px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:23px 19px;overflow:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.panel-heading h2{font-size:16px;font-weight:600}.tiny-label{font-size:7px;letter-spacing:1.5px;color:#9ca69e}.welcome-art{height:169px;border-radius:10px;background:#e9eee4;position:relative;overflow:hidden;padding:22px 18px}.welcome-art>span{position:relative;z-index:1;font-family:Georgia,serif;font-size:27px;line-height:1.13;color:#3b5c48}.welcome-art>small{display:block;position:relative;z-index:1;letter-spacing:2px;margin-top:12px;font-size:9px;color:#6e8370}.orb{position:absolute;border-radius:50%;background:#bfd1b4}.orb.one{width:147px;height:147px;right:-58px;top:56px}.orb.two{width:86px;height:86px;right:-9px;top:-32px;background:#d6c5a0}.wide-action{border:0;border-bottom:1px solid #edf0eb;border-radius:0;width:100%;padding:13px 0;justify-content:initial;gap:11px;text-align:left}.wide-action>span:nth-child(2){flex:1}.wide-action strong{font-size:11px;font-weight:500;display:block}.wide-action small{font-size:9px;display:block;color:#97a197;margin-top:5px}.action-icon{display:grid;place-items:center;width:35px;height:39px;border-radius:9px}.peach{background:#f6ece6;color:#b99578}.sage{background:#eaf1e8;color:#7b9774}.lavender{background:#edebf3;color:#9b90aa}.tip-card{border:1px solid #e9e9df;background:#fafaf5;padding:16px;border-radius:9px;margin-top:25px}.tip-card>span{font-size:8px;letter-spacing:1.4px;color:#9a9878}.tip-card p{font-size:11px;line-height:1.9;margin:11px 0;color:#6e7b68}.tip-card small{font-size:8px;color:#a2a895}.local-files{margin-top:26px;display:flex;gap:8px}.local-files button{font-size:9px;padding:6px 5px}.editor-main{min-width:260px;flex:1;display:flex;flex-direction:column;background:#f0f2ee;overflow:hidden}.context-toolbar{height:54px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 16px;flex-shrink:0;gap:8px}.context-toolbar button{font-size:10px;padding:6px 8px}.row{display:flex;align-items:center;gap:7px}.canvas-label{font-size:11px;color:#758377;white-space:nowrap}.canvas-label small{margin-left:16px;color:#a6afa6;font-size:9px}.selected-name{font-size:10px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage{flex:1;min-height:150px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:radial-gradient(#dbe1d8 .75px,transparent .75px);background-size:15px 15px;padding-top:24px;touch-action:none}.stage.panning{cursor:grab}.canvas-position{position:relative;flex-shrink:0;box-shadow:0 5px 20px #293b3313,0 0 0 1px #d9dfd5}.canvas-position canvas{display:block;background:repeating-conic-gradient(#eee,#eee 25%,#fff 0%,#fff 50%) 50%/18px 18px;touch-action:none}.canvas-caption{position:absolute;top:-28px;left:0;right:0;display:flex;justify-content:space-between;font-size:8px;color:#8e9b8e}.canvas-caption>span:first-child{display:flex;gap:9px}.canvas-caption b{font-weight:500}.empty-canvas{position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#c3ccc2;gap:12px;font-size:11px;letter-spacing:1px}.empty-canvas>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px dashed #d7dfd5;font-size:25px;font-weight:200}.selection-box{position:absolute;border:1.5px solid #4b967c;pointer-events:none}.selection-box.multi{border-style:dashed}.selection-box .corner,.resize-handle{width:9px;height:9px;background:#fff;border:1px solid #347b66;border-radius:2px;position:absolute;padding:0}.corner.tl{top:-5px;left:-5px}.corner.tr{top:-5px;right:-5px}.corner.bl{bottom:-5px;left:-5px}.resize-handle{bottom:-5px;right:-5px;pointer-events:auto;cursor:nwse-resize;touch-action:none}.rotate-handle{position:absolute;top:-32px;left:calc(50% - 11px);width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid #6f9e8a;padding:0;pointer-events:auto;cursor:grab;touch-action:none}.dimension-tag{position:absolute;bottom:-25px;left:calc(50% - 42px);width:84px;color:#fff;background:#347b66;border-radius:3px;text-align:center;font-size:9px;padding:3px}.guide{position:absolute;pointer-events:none;background:#d991bd}.guide.vertical{top:0;bottom:0;width:1px}.guide.horizontal{left:0;right:0;height:1px}.canvas-text-edit{position:absolute;background:#fffef8ee;border:1px dashed #3a9775;resize:none;padding:0;outline:0;transform-origin:center}.bottom-toolbar{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#f8f9f6;border-top:1px solid #e6ebe3;font-size:9px;gap:15px}.bottom-toolbar button{border:0;background:transparent;font-size:10px;padding:5px}.saved-dot{background:#8dac8e;width:5px;height:5px;border-radius:50%;flex-shrink:0}.status{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#92a18f}.snap{display:flex;align-items:center;gap:4px;color:#93a18f}.snap input{accent-color:var(--green);width:12px;height:12px}.zoom-value{width:43px}.pages-bar{height:76px;display:flex;align-items:center;padding:0 19px;gap:9px;background:#fff;border-top:1px solid var(--line);flex-shrink:0;overflow-x:auto}.page-chip{height:43px;white-space:nowrap;font-size:10px;gap:8px;border-color:#e4e8e1;background:#fafbf8}.page-chip>span{display:grid;place-items:center;width:20px;height:27px;border:1px solid #d8e2d8;background:#fff;font-size:8px}.page-chip small{font-size:8px;color:#96a18f}.page-chip.active{border-color:#91b8a0;background:#f0f7ef}.add-page{border-style:dashed;white-space:nowrap;font-size:10px;height:41px;background:#fafbf8;color:#8a9b85}.details-panel{width:260px;background:#fff;flex-shrink:0;border-left:1px solid var(--line);overflow:auto}.detail-tabs{display:flex;height:54px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.detail-tabs button{flex:1;border:0;border-radius:0;position:relative;font-size:11px;color:#8c978d}.detail-tabs button.active{color:#347b66;background:#fff}.detail-tabs button.active:after{content:"";height:2px;background:#347b66;position:absolute;bottom:0;left:28px;right:28px}.properties{padding:0 17px 25px}.property-title{padding:20px 0 17px}.property-title h3{margin:0 0 6px;font-size:12px}.property-title small{font-size:9px;color:#99a294;display:block;overflow:hidden;text-overflow:ellipsis}.properties details{border-top:1px solid #edf0e9;padding:13px 0}.properties summary{font-size:10px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.properties details:not([open]) summary{margin-bottom:0}.properties summary:after{content:"⌄";font-size:12px;color:#9cac99}.properties summary input{margin-left:auto;margin-right:8px;accent-color:var(--green)}.properties select{width:100%;font-size:10px;padding:8px 5px;margin:4px 0 13px}.number-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.number-grid label{font-size:9px;color:#929e8f}.number-grid input{display:block;width:100%;margin-top:6px;font-size:11px;padding:7px}.muted{color:#99a392;font-size:9px;line-height:1.9;margin:11px 0}.color{display:flex;align-items:center;gap:8px;font-size:10px;margin:10px 0}.color>span{flex:1;color:#7a8875}.color input{width:27px;height:26px;padding:2px;border-radius:5px}.color small{font-size:9px;color:#8b9784;min-width:57px}.check-label{display:flex;align-items:center;gap:6px;font-size:9px;color:#7d8c76;margin:12px 0}.check-label input{accent-color:var(--green);height:12px;width:12px}.keyboard-tip{border-top:1px solid var(--line);margin-top:6px;text-align:center;padding-top:32px;color:#b4bdb0}.keyboard-tip h4{font-size:10px;color:#8e9b84;margin:15px 0 8px}.keyboard-tip p{font-size:9px;line-height:2.2;color:#a1ab99}.slider{display:block;margin:13px 0}.slider>span{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7b8a76}.slider input[type=number]{width:47px;padding:3px 4px;text-align:right;font-size:9px;border:0;background:#f5f7f2}.slider input[type=range]{display:block;width:100%;height:3px;padding:0;border:0;margin:12px 0 0;accent-color:#5c9479}.text-button{border:0;padding:0;font-size:8px;color:#8caa90}.properties textarea{width:100%;min-height:85px;font-size:12px;margin-bottom:10px}.properties button{font-size:9px}.magic-button{width:100%;background:#eaf2eb;border-color:#cadccd;color:#508565;margin:5px 0 15px;padding:10px}.align-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:12px}.upload-button{width:100%;background:#397d66;color:#fff;border-color:#397d66;font-size:11px;padding:11px 7px}.drop-hint{border:1px dashed #d1dcd1;border-radius:8px;text-align:center;display:flex;align-items:center;flex-direction:column;padding:27px 8px;color:#95a690;gap:12px;margin-top:17px}.drop-hint strong{font-size:11px;font-weight:400}.drop-hint span{font-size:8px}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.asset-grid button{height:90px;padding:4px;background:#f4f6f0}.asset-grid img{max-width:100%;max-height:100%;object-fit:contain}.text-presets{display:flex;flex-direction:column;gap:12px;margin:20px 0}.text-presets button{min-height:80px;display:flex;flex-direction:column;background:#f8f9f4;border:0;font-size:17px}.text-presets b{font-size:23px}.text-presets small{font-size:9px;color:#9aa491}.text-presets .serif{font-family:"Noto Serif JP",serif}.text-presets .vertical-preset{font-size:13px;letter-spacing:3px;background:#f5f1e8}.shape-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.shape-grid button{height:94px;display:flex;flex-direction:column;border:1px solid #eef1e9;background:#f8faf4;color:#89a78f;gap:4px}.shape-grid svg{width:65px;height:51px;fill:currentColor}.shape-grid span{font-size:9px;color:#829078}.swatches{display:flex;gap:7px}.swatches button{width:30px;height:30px;border-radius:50%;padding:0;border:0}.layer-help{font-size:9px;color:#9ca594;padding:17px}.layer-row{display:flex;align-items:center;gap:5px;border:1px solid transparent;padding:9px 7px;cursor:pointer}.layer-row.selected{background:#edf5ec;border-color:#c5dec5}.layer-row input{width:80px;border:none;background:transparent;font-size:10px;padding:3px;flex:1}.layer-thumb{width:31px;height:32px;display:grid;place-items:center;background:#f0f3ea;border:1px solid #e3e8db;border-radius:4px;color:#8da384}.layer-thumb img{max-width:100%;max-height:100%;object-fit:contain}.layer-row button{padding:3px;border:none;background:transparent;color:#91a18b}.padded{padding:15px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1d33294d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:20}.modal{background:#fff;border:1px solid #e0e8de;border-radius:16px;padding:27px;width:560px;max-height:85vh;overflow:auto;box-shadow:0 20px 100px #14372333}.modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.modal header small{font-size:8px;color:#8ba489;letter-spacing:2px}.modal header h2{font-size:20px;font-weight:500;margin-top:9px}.modal header button{border:0;font-size:24px;color:#91a08b}.modal>p{font-size:11px;color:#8a9882;margin:14px 0}.modal label:not(.check-label){display:block;margin:15px 0;color:#70826a;font-size:10px}.modal label input:not([type=checkbox]),.modal label select{display:block;width:100%;margin-top:8px}.modal .error{color:#aa4d43;background:#fff0ea;padding:12px;border-radius:7px}.project-list{margin:20px 0;max-height:300px;overflow:auto}.project-list article{display:flex;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}.project-list article div{flex:1}.project-list article small{display:block;color:#92a08a;margin-top:5px;font-size:9px}.export-modal{width:410px}.export-modal>.primary{width:100%;margin-top:18px}.modal form>.primary{width:100%;margin-top:12px}@media(max-width:1250px){.brand{min-width:265px}.brand-badge{display:none}.library-panel{width:225px;padding:20px 15px}.details-panel{width:230px}.canvas-label small{display:none}.header-actions{gap:3px}.app-header{gap:12px;padding:0 16px}.context-toolbar{padding:0 9px}.status{max-width:180px}}@media(max-height:780px){.welcome-art{height:145px}.tip-card{margin-top:18px}.library-panel{padding-top:18px}.pages-bar,.app-header{height:62px}}.work-overlay{position:fixed;top:72px;right:0;bottom:0;left:0;background:#f4f7f1a8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:15;display:grid;place-items:center}.work-status{min-width:300px;background:#fff;border:1px solid #dce6d7;padding:32px;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:15px;color:#5d8767;box-shadow:0 10px 50px #304d3520}.work-status strong{font-size:13px}.work-status small{color:#9cae97}.canvas-text-edit{color:transparent;caret-color:#347b66;background:transparent;text-shadow:none}.canvas-text-edit::selection{background:#8bbfae55;color:transparent}.page-name{display:block;font-size:9px;color:#8d9a85;margin:0 0 15px}.page-name input{display:block;width:100%;margin-top:7px;font-size:10px}.cutout-notice{position:fixed;top:74px;left:50%;transform:translate(-50%);z-index:14;width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 110px);overflow:auto;display:flex;align-items:flex-start;gap:16px;padding:16px 18px;background:#f4faf6;border:1px solid #9ab9a5;border-radius:10px;box-shadow:0 8px 32px #132c2526}.cutout-notice.error{background:#fff7f4;border-color:#d6a292;color:#713728}.cutout-notice.cancelled{background:#f8f8f5;border-color:#c5c8be}.cutout-notice strong{font-size:14px}.cutout-notice p{margin:8px 0;overflow-wrap:anywhere;line-height:1.65}.cutout-notice .cutout-stage{font-size:11px;opacity:.85}.cutout-notice small{display:block}.cutout-notice button{flex-shrink:0}:root{--green:#7451d9;--line:#e7e8ed;--muted:#727582;color:#252632;background:#f0f1f4}.app-header{height:66px;gap:20px}.brand{min-width:260px}.brand-mark{background:var(--green)}.brand-badge{color:var(--green);background:#f0eafd}.primary,.upload-button{background:var(--green)}button:hover{background:#f0eafd;border-color:#d7c9f1}button.active{background:#f0eafd;color:var(--green);border-color:#d7c9f1}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b4a0ec;outline-offset:2px}input[type=range],input[type=checkbox]{accent-color:var(--green)}.nav-rail{width:78px;padding:17px 7px;gap:9px}.nav-rail button{height:63px;border-radius:8px;color:#454653}.nav-rail button.active{background:#f0eafd;color:var(--green)}.nav-rail button.active:before{display:none}.library-panel,.details-panel{width:302px;border-left:0;border-right:1px solid var(--line);background:#fff;flex-shrink:0}.details-panel{order:0}.library-panel{padding:23px 20px}.editor-heading{position:sticky;top:0;z-index:2;background:#fff;padding:19px 20px 12px;margin:0;border-bottom:1px solid var(--line)}.editor-heading h2{font-size:17px}.properties{padding:0 20px 25px}.property-title.object-title{padding:14px 0}.property-title.object-title h3{display:none}.property-title small{font-size:11px;color:var(--muted)}.properties summary{font-size:12px;font-weight:600}.properties small,.muted{font-size:11px;line-height:1.8;color:var(--muted)}.properties .slider{font-size:12px}.properties details{padding:17px 0}.context-toolbar{min-height:58px;height:auto;padding:10px 15px;gap:8px;flex-wrap:wrap}.context-toolbar>.row{flex-wrap:wrap;gap:5px}.context-toolbar button{font-size:11px;white-space:nowrap}.selected-name{font-size:10px;max-width:92px}.stage{background-color:#f0f1f4;background-image:radial-gradient(#cdd0d755 .8px,transparent .8px);background-size:14px 14px}.bottom-toolbar{background:#fafbfc}.status{max-width:280px}.details-panel .position-controls,.details-panel .cutout-controls,.details-panel .crop-controls,.details-panel .mask-controls,.details-panel .adjust-controls,.details-panel .effects-controls,.details-panel .style-controls{display:none}.details-panel[data-tool=position] .position-controls,.details-panel[data-tool=cutout] .cutout-controls,.details-panel[data-tool=crop] .crop-controls,.details-panel[data-tool=mask] .mask-controls,.details-panel[data-tool=adjust] .adjust-controls,.details-panel[data-tool=effects] .effects-controls,.details-panel[data-tool=style] .style-controls{display:block}.selected-preview{height:144px;background:#f0f1ec;border-radius:9px;overflow:hidden;margin-bottom:12px}.selected-preview img{width:100%;height:100%;object-fit:contain}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 22px}.tool-grid button{padding:15px;min-height:108px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:9px}.tool-grid svg{color:var(--green)}.tool-grid strong{font-size:12px}.tool-grid small{font-size:10px}.tool-grid .featured{background:#f0eafd;border-color:#f0eafd}.glow-suggestion{border:1px solid var(--line);padding:16px 12px;white-space:normal}.glow-suggestion strong{font-size:12px}.glow-suggestion small{font-size:10px}.cutout-controls>select,.cutout-controls>button{width:100%;margin:10px 0}.effects-presets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.effects-presets button{flex-direction:column;gap:8px;padding:0;overflow:hidden;font-size:11px}.preset-preview{display:flex;width:100%;height:80px;align-items:center;justify-content:center;background:#eeeaf5}.preset-preview i{display:block;width:35px;height:40px;background:#79658e;border-radius:40% 40% 12% 12%}.effects-presets button>span:last-child{padding:0 4px 9px}.effect-note{margin:12px 0}.effects-controls h3{font-size:13px}.effects-presets .selected{border-color:var(--green);background:#f0eafd;color:var(--green)}@media(max-width:1300px){.library-panel,.details-panel{width:275px}.brand{min-width:235px}.app-header{padding:0 16px;gap:12px}.context-toolbar{padding:8px}.status{max-width:210px}.selected-name{display:none}.context-toolbar button{padding:7px}}@media(max-width:1100px){.brand{min-width:190px}.brand-badge{display:none}.context-toolbar{gap:4px}.library-panel,.details-panel{width:260px}.bottom-toolbar{padding:0 12px}.status{max-width:150px}}.selection-box,.selection-box .corner,.resize-handle,.rotate-handle{border-color:var(--green)}.dimension-tag{background:var(--green)}.page-chip.active{background:#f5f0fe;border-color:#cbb8ed}.saved-dot{background:#8b71c6}.position-controls .row{flex-wrap:wrap}.position-controls .icon-button{width:auto;height:auto;font-size:11px}.position-controls .icon-button:after{content:attr(title)}.effects-presets button[aria-pressed=true]{border-color:var(--green);background:#f0eafd;color:var(--green)}.preset-preview img{width:65%;height:68px;object-fit:contain}.glow-suggestion{border-radius:9px}.page-name,.slider>span,.color>span{font-size:12px}.bottom-toolbar .status,.bottom-toolbar .snap{font-size:10px}.selection-box .corner{width:3px;height:3px;border:0;border-radius:50%;background:var(--green)}.corner.tl{left:-2px;top:-2px}.corner.tr{right:-2px;top:-2px}.corner.bl{left:-2px;bottom:-2px}.resize-handle{width:10px;height:10px}.project-panel{display:flex;flex-direction:column}.project-panel>.panel-heading{order:-2}.project-panel>.local-files{order:-1;display:flex;flex-direction:column;margin:0 0 20px}.project-panel>.local-files button{width:100%;font-size:12px;padding:12px}.project-panel>.welcome-art,.project-panel>.tip-card{display:none}