html,body.tw-animation-studio-page{margin:0!important;padding:0!important}
body.tw-animation-studio-page #page,body.tw-animation-studio-page .site,body.tw-animation-studio-page .site-content,body.tw-animation-studio-page .content-area,body.tw-animation-studio-page .site-main,body.tw-animation-studio-page .entry-content,body.tw-animation-studio-page .wp-site-blocks{max-width:none!important;width:100%!important}
body.tw-animation-studio-page .entry-content,body.tw-animation-studio-page .wp-block-post-content{margin:0!important;padding:0!important}
body.tw-animation-studio-page .tw-animation-studio{width:100vw!important;max-width:100vw!important;min-height:100vh!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
.tw-animation-studio{background:#0e1015;color:#fff;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;overflow:hidden}.tw-animation-studio *{box-sizing:border-box}
.tw-studio-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#181b22;border-bottom:1px solid #2b303b}.tw-studio-logo{font-size:18px}.tw-version{font-size:11px;color:#8e96a5;margin-left:10px;font-weight:normal}.tw-studio-actions{display:flex;gap:9px}.tw-btn{border:0;border-radius:6px;padding:9px 14px;cursor:pointer;font-weight:600}.tw-btn-primary{background:#fff;color:#111318}.tw-btn-secondary{background:#292e38;color:#fff}
.tw-studio-main{display:grid;grid-template-columns:220px minmax(500px,1fr) 240px;height:calc(100vh - 284px);min-height:500px}.tw-sidebar{background:#181b22;padding:12px 10px;border-right:1px solid #2b303b;overflow:auto}.tw-right-sidebar{border-right:0;border-left:1px solid #2b303b}.tw-panel-title{font-size:13px;font-weight:700;margin:5px 0 11px}.tw-add-character{width:100%;padding:9px;border:1px dashed #4a5261;border-radius:6px;background:#222630;color:#fff;cursor:pointer;margin-bottom:12px}.tw-character-card{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #3b414e;background:#222630;border-radius:7px}.tw-character-thumb{width:38px;height:38px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#e8e8e8;color:#111;font-weight:800}.tw-character-card small{display:block;color:#8e96a5;margin-top:3px}.tw-layer-title{margin-top:20px}.tw-layer-list{display:flex;flex-direction:column;gap:4px}.tw-layer-item{display:flex;align-items:center;gap:7px;padding:8px;border-radius:5px;background:#20242d;color:#b8bfcb;font-size:12px;cursor:pointer;border:1px solid transparent}.tw-layer-item:hover{background:#292e38}.tw-layer-item.active{border-color:#fff;color:#fff;background:#2b303a}.tw-layer-dot{width:7px;height:7px;border-radius:50%;background:#9aa2af}
.tw-canvas-area{background:#0a0c10;padding:12px;display:flex;flex-direction:column;min-width:0}.tw-canvas-toolbar{height:38px;display:flex;gap:7px;align-items:center;margin-bottom:10px}.tw-canvas-toolbar button{background:#232833;color:#fff;border:1px solid #363d4a;border-radius:5px;padding:7px 12px;cursor:pointer}.tw-canvas-toolbar button.tool-active{background:#fff;color:#111318}.tw-animation-canvas{position:relative;flex:1;min-height:0;border:1px solid #303641;border-radius:4px;overflow:hidden;background:#e7e7e7}.tw-canvas-grid{position:absolute;inset:0;background-image:linear-gradient(#d1d1d1 1px,transparent 1px),linear-gradient(90deg,#d1d1d1 1px,transparent 1px);background-size:25px 25px}.tw-stage{position:absolute;left:50%;top:50%;width:400px;height:600px;transform:translate(-50%,-50%);transform-origin:center}.tw-character-svg{width:100%;height:100%;overflow:visible}.tw-layer{fill:#6f7785;stroke:#2a2e37;stroke-width:2;cursor:pointer;transform-box:fill-box;transform-origin:center}.tw-layer:hover{filter:brightness(1.08)}.tw-layer.tw-selected{stroke:#111318;stroke-width:5;filter:drop-shadow(0 0 3px #fff)}.tw-layer[data-layer="head"],.tw-layer[data-layer="neck"]{fill:#e2b28b}.tw-layer[data-layer="body"],.tw-layer[data-layer="left-arm"],.tw-layer[data-layer="right-arm"]{fill:#55708c}.tw-layer[data-layer="front-hair"],.tw-layer[data-layer="back-hair"]{fill:#3c3030}.tw-layer[data-layer="left-leg"],.tw-layer[data-layer="right-leg"]{fill:#3f5268}
.tw-statusbar{height:26px;display:flex;justify-content:space-between;align-items:center;color:#7f8795;font-size:11px;padding-top:5px}.tw-form-row{margin-bottom:10px}.tw-form-row label{display:block;font-size:11px;color:#8e96a5;margin-bottom:5px}.tw-form-row input{width:100%;padding:8px;background:#232833;color:#fff;border:1px solid #363d4a;border-radius:5px}.tw-check-row{display:flex;gap:7px;align-items:center;font-size:11px;color:#b8bfcb;margin:10px 0}.tw-keyframe-btn{width:100%;padding:9px;background:#fff;color:#111;border:0;border-radius:5px;cursor:pointer;font-weight:700}.tw-current-time-box{display:flex;justify-content:space-between;align-items:center;margin-top:9px;padding:8px;background:#20242d;border:1px solid #303641;border-radius:5px;font-size:11px;color:#8e96a5}.tw-current-time-box strong{color:#fff}.tw-transform-title{margin-top:18px}.tw-property-group{display:grid;grid-template-columns:1fr 1fr;gap:7px 8px}.tw-property-group label{font-size:11px;color:#8e96a5;align-self:end}.tw-property-group input{width:100%;padding:8px;background:#232833;color:#fff;border:1px solid #363d4a;border-radius:5px}.tw-full-btn{width:100%;margin-top:12px;padding:8px;background:#232833;color:#fff;border:1px solid #363d4a;border-radius:5px;cursor:pointer}.tw-info-box{margin-top:18px;padding:10px;background:#20242d;border:1px solid #303641;border-radius:6px;color:#9aa2af;font-size:11px;line-height:1.45}.tw-info-box strong{color:#fff}.tw-info-box p{margin:6px 0 0}
.tw-timeline{height:220px;background:#181b22;border-top:1px solid #2b303b;overflow:hidden}.tw-timeline-header{height:48px;padding:0 12px;display:flex;align-items:center;justify-content:space-between}.tw-timeline-controls{display:flex;align-items:center;gap:7px}.tw-timeline-controls button{background:#232833;color:#fff;border:1px solid #363d4a;border-radius:5px;padding:6px 10px;cursor:pointer}.tw-timeline-controls span{font-size:11px;color:#8e96a5;min-width:45px}.tw-timeline-ruler{height:25px;margin-left:145px;display:grid;grid-template-columns:repeat(9,1fr);align-items:center;color:#858d9b;font-size:10px;cursor:pointer}.tw-timeline-scroll{height:140px;overflow:auto}.tw-timeline-layers{min-width:700px;padding:2px 8px 12px}.tw-timeline-row{height:30px;display:flex;align-items:center}.tw-timeline-row-name{width:137px;flex:0 0 137px;color:#aeb5c0;font-size:11px;padding-left:3px}.tw-track-line{height:22px;flex:1;min-width:550px;border:1px solid #333946;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#2b303b calc(12.5% - 1px),#2b303b 12.5%);position:relative;cursor:pointer}.tw-playhead{position:absolute;top:0;bottom:0;width:2px;background:#fff;z-index:5;pointer-events:none}.tw-keyframe{position:absolute;top:5px;width:11px;height:11px;background:#fff;transform:rotate(45deg);cursor:pointer;z-index:4}.tw-keyframe.active{box-shadow:0 0 0 2px #777}.tw-time-marker{position:absolute;top:0;bottom:0;width:1px;background:#777;pointer-events:none}
.tw-notice{position:fixed;right:18px;bottom:18px;padding:10px 14px;background:#20242d;border:1px solid #3b414e;border-radius:6px;color:#fff;font-size:12px;z-index:99999}
@media(max-width:900px){.tw-studio-main{grid-template-columns:180px 1fr 210px}}@media(max-width:700px){.tw-studio-main{grid-template-columns:1fr;height:auto}.tw-left-sidebar,.tw-right-sidebar{display:none}.tw-animation-canvas{height:65vh;min-height:400px}.tw-timeline{height:180px}}