:root{font-family:Inter,'Noto Sans JP','Yu Gothic',Meiryo,sans-serif;color:#25292b;background:#f5f5f1;font-synthesis:none;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:default}button{border:0;background:none}a{color:inherit;text-decoration:none}button,input,textarea,select,a{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #ff754e}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #8eb130;outline-offset:1px}svg{flex-shrink:0}button{transition:background .15s,color .15s,box-shadow .15s}h1,h2,h3,p{margin:0}.app-shell{min-height:100vh}.topbar{height:76px;background:#fff;display:flex;align-items:center;padding:0 25px;border-bottom:1px solid #e7e8e2;gap:22px}.brand{display:flex;align-items:center;gap:9px;font-size:29px;font-weight:850;letter-spacing:-1.8px;min-width:271px}.brand-mark{width:31px;height:31px;background:#ff774f;border-radius:9px;display:grid;place-items:center;transform:rotate(-6deg)}.brand-mark span{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #fff;transform:translateX(1px)}.beta{align-self:center;border:1px solid #e5e6e0;font-size:8px;letter-spacing:1px;padding:3px 5px;border-radius:4px;margin-left:2px;color:#7b817d;font-weight:600}.project-name{display:flex;align-items:center;gap:7px;min-width:100px;flex:1}.project-name input{border:0;background:transparent;width:170px;font-weight:650;min-width:0;font-size:12px}.project-name>svg{color:#969a96}.save-status{display:flex;align-items:center;gap:5px;margin-left:10px;color:#92968f;font-size:10px;white-space:nowrap}.save-status.saved{color:#637c3a}.status-dot{height:5px;width:5px;border-radius:50%;background:#aaa}.header-actions{display:flex;align-items:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:0 15px;font-weight:650;font-size:12px;border-radius:7px;white-space:nowrap}.button.dark{background:#252b28;color:#fff;box-shadow:0 2px 2px #00000010}.button.dark:hover{background:#414c42}.button.subtle{background:#f7f8f5;border:1px solid #e6e9e1}.button.subtle:hover,.button.outline:hover{background:#f0f3e9}.button.outline{border:1px solid #dfe3d8;background:#fff}.full{width:100%}.login-button{font-size:11px;font-weight:650;padding:9px 3px}.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#f1eadd;font-size:12px;font-weight:700}.workspace{display:flex;min-height:calc(100vh - 76px)}.rail{flex:0 0 76px;background:#fff;border-right:1px solid #e7e8e2;display:flex;flex-direction:column;padding:21px 8px 16px;gap:10px}.rail button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:65px;border-radius:9px;color:#7e8580;font-size:9px;white-space:nowrap}.rail button:hover{background:#f5f6f1}.rail button.active{background:#f0f5df;color:#4b6330}.rail button.active:before{content:'';position:absolute;left:-8px;top:18px;width:3px;height:28px;border-radius:0 3px 3px 0;background:#789747}.rail-divider{height:1px;background:#ebeee5;margin:7px 10px}.rail .rail-help{margin-top:auto}.library{position:relative;display:flex;flex-direction:column;flex:0 0 253px;border-right:1px solid #e3e6dd;background:#fff;padding:27px 20px 0;max-height:calc(100vh - 76px);min-height:700px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e0e4d8 transparent}.library-heading{margin-bottom:22px}.eyebrow{font-size:8px;font-weight:650;color:#8b9287;letter-spacing:1.6px;display:block}.library h1{font-size:16px;letter-spacing:-.4px;margin-top:9px;font-weight:750}.search-box{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e7e9e1;border-radius:6px;color:#90978b;background:#fafbf8}.search-box input{width:100%;min-width:0;border:0;background:none;font-size:11px;outline:none}.search-box input::placeholder{color:#90978b}.category-list{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0 24px}.category-list button{font-size:10px;border-radius:5px;padding:6px 9px;color:#787f74;background:#f6f7f3}.category-list button.active{background:#2d3430;color:white}.category-list button:hover{box-shadow:inset 0 0 0 1px #a3b284}.section-label{font-size:11px;font-weight:650;margin-bottom:13px;display:flex;align-items:center;justify-content:space-between}.section-label>span{font-size:9px;color:#8b9184;font-weight:500}.template-list{display:grid;gap:18px}.template-card{text-align:left;width:100%;padding:0}.template-preview{position:relative;border-radius:6px;overflow:hidden;border:2px solid transparent;transition:transform .18s,box-shadow .18s}.template-preview canvas{display:block;width:100%;height:auto}.template-card:hover .template-preview{transform:translateY(-2px);box-shadow:0 5px 12px #23352520}.template-card.chosen .template-preview{border-color:#a5c86b;box-shadow:0 0 0 2px #eef5df}.template-check{position:absolute;bottom:7px;right:7px;display:grid;place-items:center;background:white;color:#4a642e;width:20px;height:20px;border-radius:50%}.template-caption{display:flex;align-items:center;justify-content:space-between;padding:7px 2px 0;font-size:10px;font-weight:550}.template-caption small{font-size:8px;color:#93998e;font-weight:400}.blank-button{border:1px dashed #d3dbca;display:flex;align-items:center;justify-content:center;gap:6px;margin:23px 0;padding:12px;font-size:11px;border-radius:6px;color:#6e7d60}.blank-button:hover{background:#f7faef}.library-footer{display:flex;gap:7px;align-items:center;padding:18px 0;margin-top:auto;border-top:1px solid #edf0e7;font-size:8px;white-space:nowrap;color:#8f9789}.green-dot{width:5px;height:5px;background:#95b35b;border-radius:50%}.editor-main{flex:1;min-width:0;background:#f5f5f1;display:flex;flex-direction:column}.editor-toolbar{height:61px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e7de;padding:0 25px;background:#fbfcf8}.toolbar-group{display:flex;align-items:center;gap:6px}.icon-button{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:#7d8678}.icon-button:not(:disabled):hover,.icon-button.selected-tool{background:#e9eddf;color:#596a4a}.toolbar-group>i,.text-style-buttons>i{height:19px;width:1px;background:#dfe4d5;margin:0 12px}.size-label{font-size:10px;font-weight:600;display:flex;align-items:center;gap:14px}.size-label>span{font-weight:400;font-size:9px;color:#92988b}.canvas-area{padding:37px 35px 0;flex:1;display:flex;flex-direction:column;justify-content:center;background-image:radial-gradient(#d4d9cb .65px,transparent .65px);background-size:12px 12px}.canvas-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:9px;color:#909987}.canvas-intro>span:first-child{font-size:8px;font-weight:650;letter-spacing:1.6px;display:flex;align-items:center;gap:6px}.tiny-youtube{font-size:7px;display:inline-flex;align-items:center;justify-content:center;background:#929b87;color:#f7f8f2;width:14px;height:10px;border-radius:3px}.canvas-stage{position:relative;width:100%;aspect-ratio:16/9;box-shadow:0 12px 28px #28371a1a,0 1px 3px #18231224;touch-action:none}.canvas-stage>canvas{display:block;width:100%;height:100%;cursor:default;touch-action:none}.selection-box{position:absolute;border:1.5px solid #657ee6;pointer-events:none}.selection-label{position:absolute;left:-1px;top:-19px;font-size:8px;background:#6c82df;color:white;padding:3px 6px;border-radius:3px 3px 0 0;line-height:12px;white-space:nowrap}.handle{position:absolute;width:7px;height:7px;background:white;border:1px solid #657ee6;border-radius:1px}.top-left{left:-4px;top:-4px}.top-right{right:-4px;top:-4px}.bottom-left{bottom:-4px;left:-4px}.bottom-right{right:-5px;bottom:-5px;width:9px;height:9px;pointer-events:auto;cursor:nwse-resize;padding:0}.canvas-footer{display:flex;align-items:center;gap:12px;font-size:9px;color:#8b9483;margin-top:17px}.canvas-footer>span:first-child{display:flex;align-items:center;gap:5px}.canvas-footer button{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:9px}.ratio-badge{border:1px solid #dfe4d5;border-radius:4px;padding:3px 5px;font-size:8px;background:#f8faf3}.creative-note{display:flex;align-items:center;justify-content:center;gap:12px;max-width:550px;width:100%;margin:47px auto 38px;background:#f0f2e9e8;border:1px solid #e3e7d8;border-radius:8px;padding:16px 20px}.note-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#e4eccf;color:#7e935d}.creative-note b{font-size:11px;font-weight:650;color:#667557}.creative-note p{font-size:9px;color:#959e8a;margin-top:4px;line-height:1.7}.layers-bar{margin:0 25px 0;padding:21px 0 25px;border-top:1px solid #e0e5d6}.layers-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:10px;font-weight:600}.layers-heading small{font-size:8px;font-weight:400;color:#939b89}.layer-chips{display:flex;gap:8px;flex-wrap:wrap}.layer-chips button{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e0e5d8;border-radius:6px;padding:10px 12px;font-size:9px;max-width:200px;white-space:nowrap;color:#79866c}.layer-chips button span{overflow:hidden;text-overflow:ellipsis}.layer-chips button.active{color:#526a33;border-color:#9eb875;background:#eef3e3}.layer-chips button:hover{border-color:#9eb875}.workspace-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 25px;border-top:1px solid #e4e7dd;font-size:8px;color:#a0a694;letter-spacing:.5px}.workspace-footer>span:last-child{display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:1.7px}.footer-spark{font-size:17px;color:#9fae8a}.inspector{display:flex;flex-direction:column;flex:0 0 246px;border-left:1px solid #e4e7dd;background:white;max-height:calc(100vh - 76px);min-height:700px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e0e4d8 transparent}.inspector-heading{height:61px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid #e8ebe2}.inspector-heading h2{font-size:12px;font-weight:650}.properties{padding:22px 19px}.field-label{display:block;font-size:10px;color:#737d69;font-weight:500}.field-label textarea{display:block;margin-top:9px;resize:vertical;min-height:99px;width:100%;border:1px solid #dfe4d6;border-radius:6px;background:#fbfcf9;font-size:12px;padding:11px;line-height:1.8;color:#4c5745}.font-name{border:1px solid #e3e7dc;display:flex;align-items:center;gap:8px;padding:10px;font-size:11px;border-radius:5px;margin-top:17px}.font-name small{font-size:8px;color:#a1a795;margin-left:auto}.range-field{display:block;margin-top:20px;font-size:10px;color:#7b8670}.range-field>span{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.range-field b{font-size:10px;color:#59634f;background:#f5f7ef;padding:3px 6px;border:1px solid #e6ebdc;border-radius:4px;font-weight:500}.range-field input{width:100%;accent-color:#7c925c;height:4px;display:block;margin:13px 0}.text-style-buttons{display:flex;align-items:center;border:1px solid #e3e8da;border-radius:5px;padding:3px;margin:17px 0 21px;justify-content:space-between}.text-style-buttons button{width:34px;height:28px;display:grid;place-items:center;border-radius:3px;color:#8d987d}.text-style-buttons button.active{background:#eaf0dd;color:#4c6730}.text-style-buttons i{margin:0 6px;height:15px}.color-field{display:flex;align-items:center;justify-content:space-between;margin:16px 0;font-size:10px;color:#7b8670;gap:4px}.color-field>div{display:flex;align-items:center;gap:7px;border:1px solid #e4e9db;border-radius:5px;padding:5px 7px;font-size:9px;color:#838d78}.color-field input{appearance:none;width:19px;height:19px;padding:0;border:0;background:none;cursor:pointer}.color-field input::-webkit-color-swatch-wrapper{padding:0}.color-field input::-webkit-color-swatch{border:1px solid #00000018;border-radius:3px}.color-palette{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.color-palette button{width:29px;height:29px;border-radius:50%;border:1px solid #00000015}.color-palette button:hover{outline:2px solid #b3c495;outline-offset:2px}.color-palette.compact{gap:7px}.color-palette.compact button{width:18px;height:18px;border-radius:4px}hr{height:1px;border:0;background:#e9ede1;margin:22px 0}.subheading{font-size:10px;font-weight:650;color:#657357;margin:18px 0 13px}.switch-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7c886f;margin-top:21px}.switch-row input{appearance:none;cursor:pointer;width:28px;height:16px;border-radius:10px;background:#e1e6d7;position:relative;transition:background .2s}.switch-row input:after{content:'';position:absolute;width:12px;height:12px;top:2px;left:2px;background:white;border-radius:50%;box-shadow:0 1px 3px #00000020;transition:transform .2s}.switch-row input:checked{background:#8caa59}.switch-row input:checked:after{transform:translateX(12px)}.coordinate-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.coordinate-fields label{display:flex;align-items:center;gap:5px;border:1px solid #e5eadc;border-radius:4px;padding:7px 8px;font-size:9px;color:#9aa48d}.coordinate-fields input{width:100%;min-width:0;border:0;outline:none;color:#69785b;font-size:10px;background:none}.order-buttons{display:flex;gap:8px;margin-top:10px}.order-buttons button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e5eadc;flex:1;padding:9px 0;border-radius:4px;font-size:10px;color:#7a886c}.order-buttons button:not(:disabled):hover{background:#f2f6e8}.order-buttons .danger{color:#aa7b6a}.inspector-bottom{display:flex;gap:10px;align-items:center;margin:auto 19px 19px;padding:15px 0 0;border-top:1px solid #e7ecdd;color:#8fa079}.inspector-bottom p{font-size:9px;line-height:1.8}.tool-content{display:flex;flex-direction:column;gap:12px}.muted{font-size:11px;line-height:1.9;color:#8a9480}.add-text{border:1px solid #e3e8da;border-radius:7px;display:flex;justify-content:space-between;align-items:center;padding:16px 10px;font-size:14px;font-weight:700}.add-text:hover{background:#f1f6e4}.add-text.primary-text{font-size:20px;padding:23px 10px;background:#f1f5e7}.add-text.small-text{font-size:11px;font-weight:400}.tip-box{border:1px solid #e3ead6;border-radius:8px;background:#f7f9f1;padding:18px 13px;margin-top:23px;color:#809368}.tip-box h3{font-size:11px;margin:9px 0;line-height:1.8}.tip-box p{font-size:10px;line-height:1.9;color:#919e81}.upload-zone{display:flex;flex-direction:column;align-items:center;border:1.5px dashed #bdcdab;border-radius:9px;padding:28px 12px;background:#f8faf2;color:#809365}.upload-zone>span{padding:14px;border-radius:12px;background:#edf2df;margin-bottom:15px}.upload-zone b{font-size:12px}.upload-zone p{font-size:9px;margin-top:10px}.upload-zone small{font-size:8px;margin-top:10px;color:#a0ad8f}.fine-print{font-size:9px;line-height:1.9;color:#98a18d}.shape-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shape-options button{display:flex;flex-direction:column;align-items:center;gap:17px;padding:25px 10px 15px;border:1px solid #e1e8d6;border-radius:8px;font-size:10px}.sample-rect{width:60px;height:40px;background:#c5d9a4}.sample-circle{width:40px;height:40px;border-radius:50%;background:#c5d9a4}.dimension-card{display:flex;flex-direction:column;gap:12px;border:1px solid #e5ebdc;border-radius:7px;padding:20px;margin-top:24px;color:#839371}.dimension-card span,.dimension-card small{font-size:9px}.dimension-card strong{font-size:22px;font-weight:500}.empty-search{padding:30px 0}.toast{position:fixed;left:50%;bottom:29px;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:9px;background:#2a3429;color:#f9fff1;border:1px solid #71855b;box-shadow:0 5px 25px #0003;border-radius:9px;padding:13px 21px;font-size:12px;max-width:90vw}.toast svg{color:#c7e491}.modal-backdrop{position:fixed;inset:0;background:#20271d66;backdrop-filter:blur(5px);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px}.modal{position:relative;background:#fffefb;border-radius:18px;width:460px;max-width:100%;padding:35px;box-shadow:0 24px 80px #111a1240;max-height:90vh;overflow:auto}.modal-close{position:absolute;right:15px;top:14px}.modal-symbol{display:grid;place-items:center;background:#eaf2d8;color:#7c9c4f;width:63px;height:63px;border-radius:18px;margin-bottom:22px}.modal h2{font-size:24px;letter-spacing:-.7px;font-weight:750;margin:10px 0 14px;line-height:1.5}.modal p{font-size:12px;line-height:1.9;color:#88927d;margin-bottom:24px}.modal .button{min-height:44px}.modal-note{display:block;text-align:center;font-size:9px;line-height:1.9;color:#9aa48e;margin-top:16px}.export-preview{border-radius:8px;overflow:hidden;margin:21px 0;box-shadow:0 4px 15px #0001}.export-preview canvas{display:block;width:100%;height:auto}.export-options{display:flex;flex-direction:column;gap:16px;margin-bottom:23px;font-size:11px;color:#7e8b70}.export-options label{display:flex;justify-content:space-between;align-items:center}.export-options select{padding:9px 10px;border:1px solid #dae4ce;border-radius:5px;background:white;font-size:10px}.export-options>div{display:flex;justify-content:space-between}.export-options b{font-weight:500;color:#59684e}.wide-modal{width:850px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.projects-grid article{position:relative;border:1px solid #e4e9da;border-radius:8px;overflow:hidden}.project-open{display:flex;flex-direction:column;text-align:left;width:100%;padding:0}.project-open img{width:100%;aspect-ratio:16/9;object-fit:cover}.project-open strong{font-size:11px;font-weight:600;padding:10px 10px 0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.project-open small{font-size:9px;color:#929e81;padding:7px 10px 12px}.project-delete{position:absolute;bottom:5px;right:5px}.empty-state{padding:35px 10px;display:flex;flex-direction:column;align-items:center;gap:15px;color:#94a47d;text-align:center}.empty-state p{margin:0}.empty-state h3{font-size:16px}.help-steps{list-style:decimal;padding-left:22px;margin:20px 0}.help-steps li{padding:0 0 6px 5px;color:#668541}.help-steps b{font-size:12px}.help-steps p{font-size:11px;margin:8px 0 14px}.shortcuts{display:flex;flex-direction:column;gap:10px;border-top:1px solid #e1e7d7;padding-top:18px;color:#919e81;font-size:10px}.shortcuts span{display:flex;justify-content:space-between}.shortcuts kbd{font-size:9px;background:#f0f4e7;border-radius:4px;padding:3px 6px}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.library{flex-basis:290px;padding-left:25px;padding-right:25px}.inspector{flex-basis:275px}.canvas-area{padding-left:55px;padding-right:55px}.canvas-stage{max-width:1120px;align-self:center}.canvas-intro,.canvas-footer{width:100%;max-width:1120px;align-self:center}.brand{min-width:308px}}
@media(max-width:1200px){.topbar{padding:0 17px;gap:15px}.brand{min-width:233px;font-size:27px}.library{flex-basis:215px;padding:23px 14px 0}.rail{flex-basis:67px}.inspector{flex-basis:217px}.properties{padding:18px 14px}.canvas-area{padding:30px 22px 0}.canvas-intro>span:last-child{display:none}.creative-note{padding:14px 12px;gap:9px}.creative-note p{font-size:8px}.project-name input{width:140px}.save-status{display:none}.canvas-footer>span:first-child{font-size:8px}.header-actions{gap:8px}.size-label{gap:7px}.size-label>span{display:none}.inspector-heading{padding:0 14px}.creative-note{margin-top:35px}}
@media(max-width:980px){.topbar{height:67px}.brand{min-width:180px}.beta{display:none}.library{flex-basis:195px}.rail{flex-basis:62px;padding-left:5px;padding-right:5px}.rail button{font-size:8px}.inspector{flex-basis:205px}.project-name{display:none}.header-actions{margin-left:auto}.canvas-area{padding:35px 16px 0}.creative-note{display:none}.canvas-area{justify-content:flex-start;padding-top:60px}.canvas-footer{flex-wrap:wrap}.canvas-footer>span:first-child{width:100%;font-size:8px}.canvas-footer button{margin-left:0}.layers-bar{margin:0 17px}.workspace{min-height:calc(100vh - 67px)}.workspace-footer>span:first-child{display:none}.editor-toolbar{padding:0 16px}.canvas-stage{margin-top:12px}.library,.inspector{min-height:650px;max-height:calc(100vh - 67px)}.library h1{font-size:14px}.eyebrow{font-size:7px}.template-caption small{display:none}}
@media(max-width:760px){.topbar{padding:0 13px;gap:9px;height:64px}.brand{min-width:0;font-size:26px}.brand-mark{width:27px;height:27px}.header-actions{gap:6px}.save-button{padding:0 10px}.save-button span{display:none}.header-actions .button{min-height:34px;font-size:10px;padding:0 11px}.login-button{font-size:9px}.workspace{display:grid;grid-template-columns:56px 1fr;min-height:calc(100vh - 64px)}.rail{grid-column:1;grid-row:1/4;min-height:800px;border-right:1px solid #e5e9dd;padding-top:10px}.rail button{min-height:57px;font-size:7px;gap:6px}.rail svg{width:18px}.rail .rail-help{margin-top:20px}.library{grid-column:2;grid-row:2;max-height:450px;min-height:0;display:block;border-top:1px solid #e0e6d6;border-right:0;padding:20px}.library-heading{margin-bottom:13px}.library h1{font-size:17px}.library .eyebrow{font-size:7px}.search-box{margin-bottom:10px}.category-list{margin:10px 0 15px;gap:5px}.template-list{grid-template-columns:1fr 1fr;gap:16px 12px}.template-caption{font-size:9px}.library-footer{display:none}.blank-button{width:100%;margin-bottom:5px}.editor-main{grid-column:2;grid-row:1;min-height:390px}.editor-toolbar{height:45px;padding:0 12px}.canvas-area{padding:20px 15px 10px;justify-content:flex-start}.canvas-intro{margin-bottom:8px}.canvas-stage{margin-top:9px}.canvas-footer{margin-top:13px;gap:6px}.canvas-footer>span:first-child{width:auto;font-size:7px}.canvas-footer button{margin-left:auto;font-size:7px}.ratio-badge{display:none}.layers-bar{padding:13px 0;margin:0 15px}.layers-heading{font-size:9px;margin-bottom:8px}.layer-chips{gap:5px}.layer-chips button{font-size:8px;padding:7px 9px;max-width:145px}.workspace-footer{display:none}.inspector{grid-column:2;grid-row:3;max-height:none;min-height:0;display:block;border-left:0;border-top:1px solid #e0e6d6}.inspector-heading{height:48px;padding:0 20px}.properties{padding:18px 20px;display:block}.properties textarea{min-height:80px}.inspector-bottom{display:none}.tool-content{padding-bottom:15px}.projects-grid{grid-template-columns:1fr 1fr}.modal{padding:28px 23px;border-radius:13px}.modal h2{font-size:21px}.modal-backdrop{padding:16px}.toast{font-size:10px;padding:12px 16px}.coordinate-fields{grid-template-columns:1fr 1fr}.field-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.offline-banner{padding:9px 16px;background:#fff1d4;color:#8b641e;text-align:center;font-size:11px;line-height:1.7;border-bottom:1px solid #e6d8b5}.offline-banner~.workspace{min-height:calc(100vh - 112px)}
@font-face{font-family:'Dela Gothic One';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/DelaGothicOne-Regular.ttf') format('truetype')}
/* Creator tools, v2 */
.inspector{flex-basis:280px}.inspector-tabs{display:flex;padding:10px 16px;border-bottom:1px solid #e6ebdf;gap:6px;flex-shrink:0}.inspector-tabs button{flex:1;padding:9px;border-radius:5px;font-size:11px;color:#89917f}.inspector-tabs button.active{background:#edf3e0;color:#4e6532;font-weight:650}.vertical-layers{padding:20px 13px}.vertical-layers-heading{display:flex;align-items:center;justify-content:space-between;padding:0 3px}.vertical-layers-heading h3{font-size:12px;font-weight:650}.vertical-layers-heading h3 small{font-size:10px;color:#8c987a;margin-left:6px}.vertical-layers-heading>span{font-size:9px;color:#929c86}.layer-instruction{font-size:9px;color:#939f86;margin:10px 3px 16px}.layer-list{display:flex;flex-direction:column;gap:6px}.layer-row{display:flex;align-items:center;border:1px solid #e3e8db;border-radius:7px;background:#fff;min-height:60px;position:relative;padding:4px 3px 4px 0;gap:1px}.layer-row.active{border-color:#adc682;background:#f1f6e8}.layer-row.is-hidden{opacity:.48}.layer-row.dragging{opacity:.55;box-shadow:0 3px 8px #0001}.layer-row.drop-before:before,.layer-row.drop-after:after{position:absolute;content:'';left:0;right:0;height:3px;background:#85a955;border-radius:2px;z-index:2}.layer-row.drop-before:before{top:-5px}.layer-row.drop-after:after{bottom:-5px}.layer-grip{width:23px;padding:0;display:grid;place-items:center;align-self:stretch;touch-action:none;cursor:grab;color:#9ba78c}.layer-grip:active{cursor:grabbing}.layer-select{display:flex;align-items:center;gap:7px;flex:1;min-width:0;padding:5px 0;text-align:left}.layer-type{display:grid;place-items:center;width:31px;height:32px;border:1px solid #dbe2d0;background:#f6f8f1;border-radius:4px;color:#788668;flex-shrink:0}.layer-select>span:last-child{min-width:0}.layer-select b{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:10px;font-weight:550}.layer-select small{display:block;font-size:8px;color:#9aa58e;margin-top:4px}.layer-action{width:21px;flex-shrink:0;color:#95a083;display:grid;place-items:center;padding:2px}.layer-action:hover{color:#46642a}.layer-nudge{display:flex;flex-direction:column;flex-shrink:0}.layer-nudge button{width:17px;height:20px;display:grid;place-items:center;color:#8d9e75;padding:0}.layer-background{border-top:1px solid #e6ecde;margin-top:15px;padding:14px 8px;display:flex;align-items:center;gap:10px;font-size:10px;color:#89977a}.layer-background>span:first-child{height:25px;width:30px;border-radius:4px;border:1px solid #d7dfca}.layer-background small{margin-left:auto;font-size:9px}.layer-panel-toggle{min-height:31px;background:transparent;color:#748364;margin-left:auto;margin-right:7px;font-size:10px;padding:0 8px}.template-brief{padding:13px;background:#f4f7ed;border:1px solid #e4ebd7;border-radius:7px;margin:0 0 20px}.template-brief>b{font-size:10px;color:#71874f}.template-brief>strong{display:block;font-size:11px;margin:7px 0;line-height:1.6}.template-brief>p{font-size:9px;line-height:1.9;color:#8a957b}.template-brief>span{display:block;font-size:9px;margin:12px 0 7px;color:#8a957b}.template-brief>div{display:flex;flex-wrap:wrap;gap:5px}.template-brief button{border:1px solid #dbe4ca;background:#fff;font-size:9px;border-radius:4px;padding:5px 7px;color:#7b8f5a}.template-brief button:hover{background:#edf3df}.text-presets{display:grid;grid-template-columns:1fr 1fr;gap:10px}.text-presets button{border:1px solid #e1e7d6;overflow:hidden;border-radius:6px;padding:0;text-align:left}.text-presets canvas{display:block;width:100%;height:auto}.text-presets span{display:block;font-size:9px;padding:8px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-presets button:hover{border-color:#8ea65d;box-shadow:0 0 0 1px #8ea65d}.compact-presets{gap:7px;margin:12px 0 19px}.compact-presets span{font-size:8px;padding:6px 4px}.select-field{display:block;font-size:10px;color:#7b8670;margin:18px 0 12px}.select-field select{width:100%;margin-top:8px;padding:10px 7px;border:1px solid #e0e6d6;background:#fbfcf8;border-radius:5px;color:#586749;font-size:11px}.locked-note{padding:10px;background:#fff0cf;color:#907232;border-radius:5px;font-size:10px;margin-bottom:16px}.output-check{padding:0 25px 23px}.output-check>.button{display:flex;margin:0 auto;font-size:10px;min-height:34px;font-weight:500}.small-preview{display:flex;align-items:center;justify-content:center;gap:16px;padding:19px 0 0}.small-preview canvas{width:320px;max-width:70%;height:auto;box-shadow:0 3px 12px #0002}.small-preview b{font-size:11px;color:#5b6b4f}.small-preview p{font-size:9px;line-height:1.8;color:#92a080;margin-top:7px}.inspector .properties{padding-bottom:30px}.selection-box .handle:disabled{display:none}.creative-note{margin-top:28px;margin-bottom:23px}.canvas-area{padding-top:29px}.template-caption{line-height:1.5}.inspector-bottom{margin-top:auto}.inspector-heading h2{font-size:12px}
@media(max-width:1200px){.inspector{flex-basis:252px}.library{flex-basis:210px}.layer-select b{font-size:9px}.layer-action{width:19px}.layer-grip{width:19px}.layer-type{width:26px}.size-label{font-size:9px}.small-preview{flex-direction:column}.small-preview canvas{max-width:100%}.small-preview>div{display:none}}
@media(max-width:980px){.inspector{flex-basis:235px}.vertical-layers{padding:16px 9px}.layer-panel-toggle{font-size:0;gap:0;padding:0 6px}.template-brief{padding:10px}.layer-action{width:17px}.layer-grip{width:16px}.layer-type{width:24px}.layer-select{gap:4px}}
@media(max-width:760px){.inspector{max-height:none}.layer-select b{font-size:11px}.layer-type{width:34px;height:35px}.layer-action{width:27px}.layer-grip{width:30px}.layer-row{min-height:65px}.layer-nudge button{width:24px;height:25px}.layer-instruction{font-size:11px}.vertical-layers{padding:20px}.template-brief{padding:12px}.template-brief>div{gap:6px}.template-brief button{font-size:10px}.output-check{padding:10px 15px 20px}.small-preview canvas{width:280px}.compact-presets{grid-template-columns:repeat(2,1fr)}.canvas-area{padding-top:20px}}

/* VTuber typography controls */
.typography-panel{margin:18px 0 23px;border:1px solid #dfe7d4;border-radius:9px;padding:0 12px 14px;background:#f8faf4}.typography-panel .subheading{margin-top:15px}.type-segments{display:flex;border:1px solid #dce4d2;border-radius:6px;overflow:hidden;background:white}.type-segments button{flex:1;padding:9px;font-size:11px}.type-segments .active{background:#e5eed7;color:#435e2c;font-weight:700}.typography-panel .fine-print{margin-top:10px}.motion-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.motion-presets button{display:flex;flex-direction:column;align-items:center;border:1px solid #dce4d2;border-radius:6px;background:white;padding:8px 2px;gap:9px;font-size:8px}.motion-presets button.active{border-color:#88a65a;background:#edf4e1}.motion-presets b{height:26px;font-size:19px;display:flex;align-items:center;color:#665273}.motion-presets b span{display:inline-block}.demo-bounce span:first-child{transform:rotate(-12deg) translateY(-2px)}.demo-bounce span:last-child{transform:rotate(9deg) scale(.8) translateY(3px)}.demo-wave span:first-child{transform:rotate(-8deg) translateY(4px)}.demo-wave span:last-child{transform:rotate(8deg) translateY(-3px)}.demo-punch span:first-child{transform:rotate(-9deg) scale(1.2)}.demo-punch span:last-child{transform:rotate(8deg) scale(.65)}.character-details{margin-top:20px;border-top:1px solid #dfe7d4;padding-top:13px}.character-details summary{cursor:pointer;font-size:11px;font-weight:600;color:#526743}.character-grid{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px;max-height:140px;overflow:auto}.character-grid button{position:relative;min-width:30px;height:33px;padding:4px;border:1px solid #dbe2d0;border-radius:4px;background:white;font-size:13px}.character-grid button.active{background:#e0edc9;border-color:#81a450}.character-grid i{position:absolute;width:4px;height:4px;border-radius:50%;background:#b85c93;bottom:2px;right:2px}.reset-character{font-size:9px;color:#818b76;text-decoration:underline;margin:14px 0 0}.typography-panel .button{font-size:9px}.template-brief button{white-space:pre-line}.properties .field-label textarea{font-size:14px}.template-brief>strong{color:#55683f}

.type-range>span{display:flex;align-items:center;justify-content:space-between;gap:4px}.type-number{display:flex;align-items:center;gap:3px}.type-number input{width:66px;min-width:0;padding:4px 3px;border:1px solid #ced9c0;border-radius:4px;background:white;color:#4c603e;font-size:11px;text-align:right}.type-number small{font-size:9px;min-width:16px}.typography-panel .type-range input[type=range]{width:100%}.character-mode-button{margin-top:12px;line-height:1.5}.character-mode-button.active{background:#e7eedc;border-color:#87a768;color:#405e29}.character-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:3;touch-action:none}.character-hit{fill:transparent;stroke:#ffffff70;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:all;cursor:move;touch-action:none;outline:none}.character-hit.active,.character-hit:focus-visible{fill:#c8d9ff18;stroke:#566ae0;stroke-width:2;stroke-dasharray:5 3}.character-hit:hover{stroke:#566ae0;fill:#c8d9ff20}

.transform-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 36px;color:#778769;font-size:10px}.transform-toolbar>div{display:flex;gap:3px;padding:3px;border:1px solid #dce5d1;background:#fff;border-radius:7px}.transform-toolbar button{border-radius:4px;padding:7px 12px;font-size:11px;color:#6d7e5e}.transform-toolbar button.active{background:#e5eed8;color:#425d2e;font-weight:700}.transform-overlay{overflow:visible}.transform-outline,.transform-stem{fill:none;stroke:#657ee6;stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:none}.transform-control{pointer-events:all;touch-action:none;outline:none}.transform-hit{fill:transparent;stroke:none}.transform-knob{fill:#fff;stroke:#657ee6;stroke-width:1.5;vector-effect:non-scaling-stroke}.transform-control:hover .transform-knob,.transform-control:focus-visible .transform-knob{fill:#dce5ff;stroke:#334ec3;stroke-width:2}.rotate-control{cursor:grab}.rotate-control:active{cursor:grabbing}.resize-control.nw,.resize-control.se{cursor:nwse-resize}.resize-control.ne,.resize-control.sw{cursor:nesw-resize}.rotation-symbol{fill:none;stroke:#4b63c8;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.transform-readout{fill:white;stroke:#283641;stroke-width:5;stroke-linejoin:round;paint-order:stroke;pointer-events:none}.transform-overlay .character-hit{stroke:#657ee660}.transform-overlay .character-hit.active{stroke:#657ee6;stroke-dasharray:none}.transform-overlay .character-hit.active:focus-visible{stroke-width:2.5}@media(max-width:720px){.transform-toolbar{gap:8px}.transform-toolbar>span{font-size:9px}}

.mobile-previews{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;padding-top:20px}.mobile-previews figure{margin:0;max-width:100%}.mobile-previews .preview-160{width:160px}.mobile-previews .preview-320{width:320px}.mobile-previews canvas{display:block;width:100%;height:auto;box-shadow:0 3px 12px #0002}.mobile-previews figcaption{margin-top:9px;text-align:left;line-height:1.7}.mobile-previews b{display:block;font-size:11px;color:#5b6b4f}.mobile-previews span{display:block;font-size:10px;color:#78866b}

/* Public beta identity and usage information */
.public-brand{font-size:23px;letter-spacing:-.7px;white-space:nowrap}.public-info-button{font-size:11px;color:#526444;padding:10px 7px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.public-info-button:hover{color:#273d1a}.information-modal{width:640px}.public-information .information-lead{color:#516345}.public-information section{border-top:1px solid #e0e6d9;padding-top:18px;margin-top:18px}.public-information h3{font-size:15px;line-height:1.7;margin-bottom:10px}.public-information section p{color:#56604d;font-size:12px;line-height:1.95;margin-bottom:12px}.public-information section p:last-child{margin-bottom:0}@media(max-width:760px){.public-brand{font-size:19px;gap:6px}.public-brand .brand-mark{width:23px;height:23px}.public-info-button{font-size:10px;padding:8px 3px}.topbar{padding-left:10px;padding-right:10px}.header-actions{margin-left:auto}}@media(max-width:380px){.public-brand{font-size:17px}.public-brand .brand-mark{display:none}}

.public-information a{color:#365e25;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}

.public-banner{background:#edf3e2;color:#52693b}.export-only-label{font-size:10px;color:#7b876d}.public-banner~.workspace{min-height:calc(100vh - 112px)}@media(max-width:980px){.export-only-label{display:none}}