.cutin-studio{--panel:#222430;--accent:#a2e7e4;grid-template-rows:56px minmax(0,1fr) 190px 28px;grid-template-areas:"bar bar bar" "rail stage inspector" "rail timeline inspector" "status status status";min-height:600px}.cutin-studio .studio-stage{background:#222634}.cutin-studio .studio-rail{grid-area:rail}.cutin-timeline{grid-area:timeline;background:#1f212b;border-top:1px solid #3f4351;min-width:0}.cutin-playbar{display:flex;align-items:center;gap:6px;padding:5px 10px}.cutin-playbar output{font-size:12px;white-space:nowrap;min-width:82px}.cutin-playbar input{min-width:40px;flex:1;min-height:44px;accent-color:#a2e7e4}.cutin-tracks{padding:0 12px 8px}.cutin-track{display:grid;grid-template-columns:106px minmax(0,1fr);align-items:center;height:30px;gap:8px}.cutin-track-heading{display:flex;align-items:center;gap:3px;min-width:0}.cutin-track-heading>[data-track-select]{flex:1;min-width:0;padding:3px 7px;min-height:28px;font-size:12px;border:0;text-align:left;justify-content:flex-start}.cutin-track-line{position:relative;height:25px;border-radius:4px;background:#303341;touch-action:none}.cutin-track-line .cutin-clip{position:absolute;top:3px;height:19px;border-radius:3px;background:#744c99;color:#eee;overflow:visible;cursor:ew-resize;min-width:8px;border:1px solid #9c75c5}.cutin-track[data-track=text] .cutin-clip{background:#356f81;border-color:#6ab6c8}.cutin-track[data-track=background] .cutin-clip{background:#586f3d;border-color:#a0b876}.cutin-track[data-track=sound] .cutin-clip{background:#886742;border-color:#c7a66a}.cutin-track[aria-current=true] [data-track-select]{background:#4c3a60}.cutin-clip:focus-visible{outline:2px solid #fff;outline-offset:3px}.cutin-boundary{position:absolute;top:-6px;width:22px;min-height:31px;display:flex;align-items:center;justify-content:center;z-index:1;background:#ffffff30;border-left:2px solid #e5d7fd;cursor:ew-resize}.cutin-track-playhead{position:absolute;top:0;bottom:0;border-left:1px solid #f8eee5;pointer-events:none}.cutin-track .cutin-clip span{font-size:10px;padding:1px 6px}.cutin-effect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cutin-effect-grid button{display:flex;flex-direction:column;padding:5px;background:#161b27}.cutin-effect-grid canvas{width:100%;height:auto}.cutin-effect-grid span{padding:5px}.cutin-studio .studio-field select{min-width:0}.cutin-studio .studio-inspector .studio-action-row button{font-size:13px}.cutin-studio .studio-busy{inset:56px 0 28px}.cutin-mobile-close{display:none}.cutin-time-values{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;font-size:12px;text-align:center;color:#c1b2d1}.cutin-time-values strong{display:block;color:#fff;padding:7px 0}.cutin-toggle{display:flex;gap:6px}.cutin-toggle button{flex:1}.cutin-size-output{font-size:12px;color:#bfb8c7}.cutin-track-heading>.cutin-track-toggle{width:30px;min-width:30px;height:28px;min-height:28px;padding:3px;border:1px solid transparent;background:transparent;color:#a2e7e4}.cutin-track-toggle svg{width:18px;height:18px}.cutin-track-heading>.cutin-track-toggle[aria-pressed=false]{color:#b5abbf;background:#37333f;border-color:#645b71}.cutin-track[data-enabled=false] [data-track-select]{opacity:.55}.cutin-track[data-enabled=false] .cutin-clip,.cutin-track[data-enabled=false] .cutin-boundary,.cutin-track[data-enabled=false] .cutin-hit{opacity:.3}.cutin-track-toggle:focus-visible{outline:2px solid #fff;outline-offset:1px}@media(max-width:1099px){.cutin-studio{grid-template-areas:"bar bar" "rail stage" "rail timeline" "status status"}.cutin-studio .studio-inspector{bottom:36px}.cutin-track-line .cutin-clip{touch-action:none}}@media(max-width:767px){.cutin-studio{grid-template-rows:52px minmax(0,1fr) 60px 72px 24px;grid-template-areas:"bar" "stage" "timeline" "rail" "status";min-height:540px}.cutin-playbar{padding:3px 8px;gap:4px}.cutin-playbar output{min-width:73px;font-size:11px}.cutin-studio .cutin-tracks{display:none;position:absolute;bottom:98px;left:8px;right:8px;padding:12px;z-index:8;background:#222430;border:1px solid #715982;border-radius:10px}.cutin-studio[data-timeline=true] .cutin-tracks{display:block}.cutin-track{height:53px;grid-template-columns:102px minmax(0,1fr);gap:5px}.cutin-track-heading>[data-track-select]{min-height:44px;padding:4px}.cutin-track-heading>.cutin-track-toggle{width:44px;min-width:44px;height:44px;min-height:44px}.cutin-track-line{height:44px}.cutin-track-line .cutin-clip{height:38px}.cutin-track .cutin-clip span{font-size:11px}.cutin-boundary{width:44px;top:-3px;min-height:44px}.cutin-studio .studio-busy{inset:52px 0 96px}.cutin-studio .studio-inspector{bottom:100px;max-height:50%}.cutin-studio[data-timeline=true] .studio-inspector{display:none}}.pochi-app .app-header h1{min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media(max-height:650px)and (min-width:768px){.cutin-studio{min-height:450px;grid-template-rows:56px minmax(0,1fr) 174px 28px}.cutin-tracks{padding-bottom:0}}.cutin-hit{position:absolute;top:-3px;bottom:-3px;width:0;border-left:2px solid #ffd23f;pointer-events:none;z-index:1}.cutin-hit:before{content:"";position:absolute;top:-3px;left:-5px;width:8px;height:8px;background:#ffd23f;transform:rotate(45deg)}.cutin-track-line{cursor:pointer}.cutin-track .cutin-clip span{white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}.cutin-effects{width:min(860px,calc(100vw - 24px))}.cutin-effect-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cutin-effect-grid button{gap:2px;border:2px solid transparent;border-radius:8px}.cutin-effect-grid button[aria-pressed=true]{border-color:#ffd23f}.cutin-effect-grid canvas{border-radius:4px;background:#000;aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain}.cutin-effect-grid span{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 4px 2px}.cutin-effect-grid strong{font-size:14px}.cutin-effect-grid small{font-size:11px;color:#b9b2c8}.cutin-preset-button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border:1px solid #ffd23f;background:linear-gradient(90deg,#3a1f12,#22121e)}.cutin-preset-button span{display:flex;flex-direction:column}.cutin-preset-button strong{font-size:15px;color:#ffe9a6}.cutin-preset-button small{font-size:11px;color:#cdbfd8}.cutin-studio .studio-field output{float:right;font-size:12px;color:#ffe9a6}.cutin-studio textarea[data-property]{min-height:58px;resize:vertical;font-size:16px}@media(max-width:767px){.cutin-effect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}