@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink: #172027;--ink-2: #46525a;--muted: #839098;--line: #dde3df;--line-dark: rgba(255, 255, 255, .1);--paper: #f5f4ef;--panel: #fbfaf7;--panel-2: #f0f1ed;--green: #18885f;--green-dark: #0f6849;--green-soft: #e4f4ed;--gold: #d29a4b;--danger: #b5574c;--shadow: 0 16px 36px rgba(27, 38, 34, .08);font-family:Manrope,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}.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-shell{height:100vh;min-height:100vh;display:grid;grid-template-rows:76px minmax(0,1fr) 48px;overflow:hidden;background:var(--paper)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 26px 0 30px;color:#f6f8f5;background:#182027;border-bottom:1px solid rgba(255,255,255,.08)}.brand-lockup{display:flex;align-items:center;gap:17px}.brand-lockup h1{margin:0;font-size:22px;letter-spacing:-.05em;font-weight:800}.brand-lockup p{margin:4px 0 0;color:#93a09f;font-size:10px;letter-spacing:.1em}.brand-mark{width:33px;height:33px;position:relative;display:grid;place-items:center}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";position:absolute;display:block;border:2px solid var(--gold);border-radius:3px;transform:rotate(0)}.brand-mark:before{width:22px;height:22px;left:1px;top:1px;border-color:#29a87b}.brand-mark:after{width:19px;height:21px;left:6px;top:5px;border-color:var(--gold)}.brand-mark span:first-child{width:15px;height:18px;left:8px;top:7px;border-color:#efb967}.brand-mark span:last-child{display:none}.topbar-actions{display:flex;align-items:center;gap:8px}.preserve-status{display:flex;align-items:center;gap:10px;height:38px;padding:0 14px;margin-right:16px;color:#dce5df;font-size:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff12;border-radius:10px}.status-dot{width:9px;height:9px;display:inline-block;flex:0 0 auto;border-radius:50%;background:#25b57b;box-shadow:0 0 0 4px #25b57b1f}.icon-button{border:0;background:transparent}.topbar-icon{width:34px;height:34px;color:#9ba8aa;font-size:22px;line-height:1}.topbar-icon:hover:not(:disabled){color:#fff;background:#ffffff14;border-radius:8px}.workspace{min-height:0;display:grid;grid-template-columns:290px minmax(520px,1fr) 350px;gap:10px;padding:10px;overflow:hidden}.panel{min-height:0;border:1px solid #e1e4e0;background:var(--panel);box-shadow:var(--shadow)}.asset-panel,.inspector-panel{display:flex;flex-direction:column;overflow:hidden}.asset-panel{border-radius:11px 0 0 11px}.inspector-panel{border-radius:0 11px 11px 0}.editor-panel{display:flex;flex-direction:column;min-width:0;background:#f7f6f2;border-radius:8px;overflow:hidden}.panel-heading,.inspector-heading{padding:22px 17px 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.inspector-heading{padding:22px 21px 18px;align-items:center}.eyebrow{display:block;margin-bottom:5px;color:#9aa4a6;font-size:9px;font-weight:700;letter-spacing:.14em}h2{margin:0;font-size:19px;line-height:1.15;letter-spacing:-.045em}.upload-button{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;color:#fff;border:0;border-radius:8px;background:var(--green);font-size:11px;font-weight:700;box-shadow:0 7px 15px #18885f2e}.upload-button:hover{background:var(--green-dark)}.plus-icon{font-size:20px;line-height:0;font-weight:400}.asset-grid{flex:1;min-height:0;display:grid;align-content:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:17px 13px 18px;overflow:auto}.asset-grid.is-dragging{background:#e4f4eda6}.asset-tile{min-width:0;padding:0;color:var(--ink);text-align:left;background:transparent;border:1px solid transparent;border-radius:9px;transition:border .18s ease,transform .18s ease}.asset-tile:hover{transform:translateY(-2px)}.asset-tile.is-active{border-color:var(--green);background:#f0f8f4;box-shadow:0 6px 12px #10674914}.asset-thumb{position:relative;display:block;aspect-ratio:1;overflow:hidden;margin:4px;border:1px solid #dfe4e0;border-radius:7px}.asset-thumb img{display:block;width:100%;height:100%;object-fit:cover}.checkerboard{background-color:#f5f5f1;background-image:linear-gradient(45deg,#e6e7e1 25%,transparent 25%),linear-gradient(-45deg,#e6e7e1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6e7e1 75%),linear-gradient(-45deg,transparent 75%,#e6e7e1 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.selected-check{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:21px;height:21px;color:#fff;background:var(--green);border:2px solid #f5fbf8;border-radius:50%;font-size:11px;font-weight:800}.thumb-loader{position:absolute;inset:0;display:grid;place-items:center;background:#f7faf7ad}.thumb-loader:after{content:"";width:18px;height:18px;border:2px solid rgba(24,136,95,.25);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}.asset-tile-label,.asset-tile-meta{display:block;overflow:hidden;padding:0 7px;white-space:nowrap;text-overflow:ellipsis}.asset-tile-label{margin-top:5px;font-size:10px;font-weight:700}.asset-tile-meta{margin:3px 0 7px;color:#9aa3a1;font-family:DM Mono,monospace;font-size:8px}.drop-tile{min-height:150px;display:grid;place-items:center;align-content:center;gap:7px;color:#8e9996;background:#f0f1ed99;border:1px dashed #cbd5cf;border-radius:8px;font-size:10px}.drop-tile:hover{color:var(--green-dark);border-color:var(--green);background:var(--green-soft)}.drop-icon{font-size:22px;font-weight:300}.asset-panel-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 15px 15px;color:#7f8c89;border-top:1px solid var(--line);font-size:9px}.footer-chip,.statusbar-left>span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.tiny-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--green)}.checker-mini{width:13px;height:13px;display:inline-block;border:1px solid #d2d8d3;border-radius:3px;background-color:#f7f7f4;background-image:linear-gradient(45deg,#dfe3df 25%,transparent 25%),linear-gradient(-45deg,#dfe3df 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dfe3df 75%),linear-gradient(-45deg,transparent 75%,#dfe3df 75%);background-size:6px 6px;background-position:0 0,0 3px,3px -3px,-3px 0}.editor-toolbar{min-height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);background:#fff9}.toolbar-group{display:flex;gap:8px}.tool-button{width:35px;height:35px;color:#5f6c6d;border:1px solid #dfe4e1;border-radius:8px;background:#fbfcfa;font-size:17px}.tool-button:hover,.tool-button.is-selected{color:var(--green-dark);border-color:#9dd4bc;background:var(--green-soft)}.zoom-control{display:flex;align-items:center;height:35px;overflow:hidden;border:1px solid #dfe4e1;border-radius:8px;background:#fbfcfa}.zoom-control button{width:34px;height:100%;color:#72807d;border:0;background:transparent;font-size:19px}.zoom-control button:hover{color:var(--green-dark);background:var(--green-soft)}.zoom-control span{min-width:45px;color:var(--ink);text-align:center;font-family:DM Mono,monospace;font-size:10px}.frame-indicator{display:inline-flex;align-items:center;gap:8px;min-width:82px;justify-content:flex-end;color:#87918f;font-family:DM Mono,monospace;font-size:9px}.play-state{width:6px;height:6px;display:inline-block;border-radius:50%;background:#bdc6c2}.play-state.is-live{background:var(--green);box-shadow:0 0 0 4px #18885f1a}.preview-stage{flex:1;min-height:0;display:flex;flex-direction:column;padding:19px 21px 15px}.preview-stage-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 2px 14px}.preview-stage-header h2{font-size:17px}.preview-file-summary{max-width:58%;color:#83908e;font-family:DM Mono,monospace;font-size:9px;text-align:right}.canvas-frame{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;border:1px solid #d8dfdb}.preview-canvas{display:block;width:min(500px,calc(100vh - 340px),100%);height:min(500px,calc(100vh - 340px),100%);max-width:100%;max-height:100%;aspect-ratio:1 / 1;object-fit:contain;transform:scale(var(--zoom));transform-origin:center;cursor:grab;touch-action:none}.preview-canvas:active{cursor:grabbing}.canvas-hint{position:absolute;left:50%;bottom:13px;padding:7px 10px;color:#72807c;border:1px solid rgba(255,255,255,.82);border-radius:999px;background:#ffffffd1;box-shadow:0 5px 16px #23342c14;font-size:9px;pointer-events:none;opacity:.88}.canvas-loading{position:absolute;z-index:1;display:inline-flex;align-items:center;gap:10px;color:#76827f;font-size:12px}.spinner,.button-spinner{width:17px;height:17px;display:inline-block;border:2px solid rgba(24,136,95,.2);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}.editor-footer{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 19px;border-top:1px solid var(--line);background:#f3f3ef}.footer-meta-list{display:flex;align-items:center;gap:20px;color:#7d8986;font-family:DM Mono,monospace;font-size:9px}.footer-meta-list span{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.footer-meta-list b{color:#a0aaa8;font-family:Manrope,sans-serif;font-size:9px;font-weight:600}.text-button{color:var(--green-dark);border:0;background:transparent;font-size:10px;font-weight:700}.text-button:hover{text-decoration:underline}.inspector-panel{background:#f9f9f6}.layer-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;color:#6a7773;border:1px solid #dde5df;border-radius:7px;background:#f0f7f2;font-size:9px}.layer-dot{width:7px;height:7px;display:inline-block;border-radius:2px;background:#4bbf88}.inspector-scroll{flex:1;min-height:0;overflow:auto}.inspector-section{padding:17px 21px 16px;border-bottom:1px solid var(--line)}.text-section{padding-top:15px}.section-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;color:#687571;font-size:10px;font-weight:700}.section-label-row>span,.section-label-row output{color:#98a29f;font-family:DM Mono,monospace;font-size:9px;font-weight:400}.section-label-row small{color:#9ca6a3;font-size:9px;font-weight:400}.text-input{width:100%;min-height:71px;display:block;resize:vertical;padding:13px 14px;color:var(--ink);border:1px solid #dce4df;border-radius:9px;outline:0;background:#fff;font-family:Geeza Pro,Noto Naskh Arabic,Arial,sans-serif;font-size:20px;line-height:1.4}.text-input:focus,.select-input:focus,.number-input:focus,.hex-input:focus{border-color:#65b891;box-shadow:0 0 0 3px #18885f1c}.text-input::placeholder{color:#b1bbb8;font-size:11px}.direction-note{color:var(--green)!important}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #dce4df;border-radius:8px;background:#fff}.segmented-control button{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#76817e;border:0;border-right:1px solid #e7ebe8;background:transparent;font-size:9px}.segmented-control button:last-child{border-right:0}.segmented-control button span{font-size:18px;line-height:1}.segmented-control button:hover,.segmented-control button.is-active{color:var(--green-dark);background:var(--green-soft);font-weight:700}.select-input{width:100%;height:37px;padding:0 11px;color:#52605b;border:1px solid #dce4df;border-radius:8px;outline:0;background:#fff;font-size:10px}.control-value{color:#76837f!important;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.range-row{display:grid;grid-template-columns:1fr 69px;gap:12px;align-items:center}input[type=range]{width:100%;height:4px;accent-color:var(--green);cursor:pointer}.number-input,.hex-input{width:100%;height:36px;padding:0 10px;color:#36433f;border:1px solid #dce4df;border-radius:8px;outline:0;background:#fff;font-family:DM Mono,monospace;font-size:10px}.number-input.compact{text-align:right}.color-output{display:inline-flex;align-items:center;gap:7px}.color-dot{width:14px;height:14px;display:inline-block;border:1px solid rgba(0,0,0,.08);border-radius:50%}.color-row{display:grid;grid-template-columns:42px 1fr;gap:8px}.color-picker{width:42px;height:36px;padding:3px;border:1px solid #dce4df;border-radius:8px;background:#fff;cursor:pointer}.hex-input{letter-spacing:.06em}.hex-input.is-invalid{color:var(--danger);border-color:#d28a80}.swatch-row{display:flex;gap:7px;margin-top:11px}.swatch{width:20px;height:20px;padding:0;border:2px solid transparent;border-radius:50%;box-shadow:0 0 0 1px #19251f1f}.swatch:hover,.swatch.is-selected{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--green)}.position-section{padding-bottom:19px}.position-unit{color:#9ba6a2!important}.position-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.position-grid label{display:grid;grid-template-columns:17px 1fr;align-items:center;gap:6px;color:#87928f;font-family:DM Mono,monospace;font-size:10px}.position-range-row{display:grid;grid-template-columns:21px 1fr 33px;align-items:center;gap:7px;margin-top:10px;color:#9ba6a2;font-family:DM Mono,monospace;font-size:8px}.position-range-row input{margin:0}.parameter-card{margin:17px 21px;padding:14px 14px 13px;border:1px solid #d8e4dc;border-radius:9px;background:#f1f8f3}.parameter-card-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#2e6f53;font-size:10px;font-weight:800}.parameter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.parameter-grid span{display:grid;gap:3px}.parameter-grid b{color:#2c5140;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.parameter-grid small{color:#80958a;font-size:8px}.parameter-card p{margin:12px 0 0;color:#7c9287;font-size:9px;line-height:1.45}.export-result{display:flex;align-items:center;gap:10px;margin:0 21px 14px;padding:10px 12px;color:#2e7153;border:1px solid #d7eadf;border-radius:8px;background:#f1faf4}.result-icon{width:20px;height:20px;display:grid;place-items:center;color:#fff;border-radius:50%;background:var(--green);font-size:11px}.export-result div{display:grid;gap:3px}.export-result b{font-size:10px}.export-result span:last-child{color:#84a091;font-family:DM Mono,monospace;font-size:8px}.export-area{padding:16px 21px 17px;border-top:1px solid var(--line);background:#fbfbf8}.export-button{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fff;border:0;border-radius:9px;background:var(--green);box-shadow:0 9px 18px #18885f38;font-size:13px;font-weight:800}.export-button:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.export-button.done{background:#2e9f72}.export-button.error{background:var(--danger)}.download-icon{font-size:22px;font-weight:300;line-height:.7}.export-caption{display:block;margin-top:8px;color:#9aa5a1;font-family:DM Mono,monospace;font-size:8px;text-align:center}.statusbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 23px;color:#b9c4c1;background:#182027;font-size:9px}.statusbar-left,.statusbar-right{display:flex;align-items:center;gap:14px}.statusbar-file{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-icon{color:#83948e;font-size:14px}.statusbar-divider{width:1px;height:17px;display:inline-block;background:#ffffff2e}.statusbar-right{color:#cbd5d1}.statusbar .checker-mini{border-color:#66736f;opacity:.9}.toast{position:fixed;z-index:10;right:22px;bottom:68px;display:flex;align-items:center;gap:10px;max-width:min(430px,calc(100vw - 44px));padding:12px 15px;color:#3b4b44;border:1px solid #cde4d6;border-radius:9px;background:#f4fcf7f7;box-shadow:0 16px 34px #1c372829;font-size:11px;animation:toast-in .2s ease-out}.toast>span{width:18px;height:18px;display:grid;place-items:center;color:#fff;border-radius:50%;background:var(--green);font-size:10px;font-weight:800}.toast.warning{color:#67532c;border-color:#f0ddb2;background:#fffaf0}.toast.warning>span{background:#cc9b40}.toast.error{color:#73443f;border-color:#efd0cb;background:#fff6f4}.toast.error>span{background:var(--danger)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.workspace{grid-template-columns:234px minmax(460px,1fr) 318px}.panel-heading,.inspector-heading{padding-left:14px;padding-right:14px}.inspector-section,.export-area{padding-left:16px;padding-right:16px}.parameter-card,.export-result{margin-left:16px;margin-right:16px}.footer-meta-list{gap:10px}.footer-meta-list span:nth-child(n+3){display:none}}@media(max-width:920px){.app-shell{height:auto;min-height:100vh;grid-template-rows:68px auto 48px;overflow:visible}.workspace{grid-template-columns:210px minmax(0,1fr);grid-template-rows:minmax(600px,1fr) auto;overflow:auto}.inspector-panel{grid-column:1 / -1;min-height:auto;max-height:none;border-radius:0 0 11px 11px}.inspector-scroll{overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.text-section,.position-section,.parameter-card,.export-result{grid-column:span 2}.export-area{grid-column:1 / -1}.canvas-frame{min-height:430px}.preview-canvas{max-height:calc(100vh - 280px)}}@media(max-width:650px){.app-shell{display:block;min-height:100vh}.topbar{min-height:65px;padding:0 15px}.brand-lockup{gap:11px}.brand-lockup h1{font-size:18px}.brand-lockup p,.topbar-icon{display:none}.preserve-status{margin-right:0;padding:0 10px;font-size:10px}.workspace{display:flex;flex-direction:column;padding:7px;gap:7px;overflow:visible}.asset-panel{order:2;min-height:255px;border-radius:10px}.editor-panel{order:1;min-height:560px;border-radius:10px}.inspector-panel{order:3;border-radius:10px}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:330px}.asset-panel-footer{display:none}.preview-stage{padding:15px 10px 12px}.preview-stage-header{align-items:flex-start;flex-direction:column;gap:5px}.preview-file-summary{max-width:none;text-align:left}.canvas-frame{min-height:350px}.preview-canvas{width:min(100%,350px);height:min(100%,350px);max-height:350px}.editor-toolbar{padding:0 9px}.frame-indicator{min-width:auto}.editor-footer{padding:0 12px}.footer-meta-list span:nth-child(n+3),.editor-footer .text-button{display:none}.inspector-scroll{display:block}.inspector-section,.parameter-card{margin-left:0;margin-right:0}.parameter-card{margin:17px}.export-result{margin-left:17px;margin-right:17px}.export-area{padding-left:17px;padding-right:17px}.statusbar{min-height:48px;padding:0 14px}.statusbar-file{max-width:140px}.statusbar-right{display:none}}