.studio-page .studio-intro{padding:24px 0 20px}.studio-page .studio-intro h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,3.2vw,44px);line-height:1.12;letter-spacing:-1.5px;margin:0 0 12px}.studio-page .studio-intro>p{font-size:16px;line-height:1.6;color:var(--cutbg-text-2);margin:0;max-width:620px}.studio-page #stage{padding:18px 22px;border:1px dashed #9db3d2;border-radius:18px;margin-top:20px;background:#ffffff55}.studio-page #empty{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.studio-page #empty>span{font-size:13px;color:var(--cutbg-text-2)}.studio-page #upload-button{background:#2369ed;color:white;border:0;border-radius:8px;padding:14px 22px;font:inherit;cursor:pointer;min-height:48px}.studio-page .live-studio{margin:0 auto 36px!important;width:calc(100% - 40px);max-width:1200px}.studio-page .studio-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.studio-page .editor,.studio-page .studio-inspector{min-width:0;background:#ffffffdb;border:1px solid #fff;border-radius:24px;padding:24px}.studio-page .result-preview{height:260px!important;min-height:0!important;position:relative;display:block;overflow:hidden}.studio-page #result{position:absolute;inset:0;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center}.studio-page .variants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:26px 10px 30px;isolation:isolate;overflow:visible}.studio-page .variant{position:relative;width:calc(100% + 12px);padding:10px;border:1px solid #c9d6e8;background:#f6f9ff;border-radius:16px;box-shadow:0 6px 14px #26477a18;transform:rotate(-4deg);transition:transform .22s,box-shadow .22s;cursor:zoom-in;touch-action:manipulation}.studio-page .variant:nth-child(2){transform:translateY(-4px) rotate(1deg);z-index:1}.studio-page .variant:nth-child(3){transform:rotate(5deg);width:100%}.studio-page .variant img{height:180px!important;width:100%!important;object-fit:contain}.studio-page .variant span{display:block;padding:8px 0 2px;font-weight:600}.studio-page .variant.on{outline:2px solid #2369ed;outline-offset:2px}.studio-page .variant:focus-visible{z-index:4;transform:translateY(-10px) scale(1.12);outline:3px solid #2369ed}@media(hover:hover) and (pointer:fine){.studio-page .variant:hover{z-index:4;transform:translateY(-14px) rotate(0) scale(1.16);box-shadow:0 20px 36px #26477a40}}.studio-page .msg-thread{height:auto!important;max-height:none!important;overflow:visible!important}.studio-page .bubble-cut{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain}.studio-page .bubble{overflow:visible!important;max-height:none!important}.studio-page .batch-nav,.studio-page .rb-actions{display:flex;flex-wrap:wrap;gap:10px}.studio-page #demo{display:none}.studio-page .batch{margin-bottom:0}.studio-page .studio-workspace{align-items:start;overflow:visible}.studio-page .inspector-footer{margin-top:20px}.studio-page .footer{padding:20px}#image-viewer{box-sizing:border-box;width:94vw;max-width:1600px;height:92dvh;max-height:92dvh;overflow:hidden;border:1px solid #fff;border-radius:8px;padding:16px;background:#eef3fb}#image-viewer[open]{display:flex;flex-direction:column;gap:14px}#image-viewer::backdrop{background:#081328c9}.viewer-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-right:56px;flex:none}.viewer-toolbar button,.viewer-toolbar select{padding:10px;border:1px solid #bbc9df;border-radius:8px;background:white;min-height:44px}.viewer-toolbar label{display:flex;align-items:center;gap:6px;font-size:13px}.viewer-toolbar input{width:100px}#viewer-close{position:absolute;right:12px;top:12px;z-index:10;width:44px;height:44px;min-height:44px;padding:0;font-size:28px;color:#102633;background:white;box-shadow:0 2px 12px #08132830;cursor:pointer}#viewer-canvas{position:relative;flex:1;min-height:0;overflow:auto;display:grid;place-items:center}#viewer-image{display:block;width:100%;height:100%;min-height:0;object-fit:contain;transform-origin:center}@media(max-width:800px){.studio-page .studio-workspace{grid-template-columns:1fr}.studio-page .variant img{height:130px!important}.studio-page .editor,.studio-page .studio-inspector{padding:16px}.studio-page .nav-right a:not(.nav-try){display:none}.studio-page .studio-intro{padding-top:20px}.studio-page .studio-intro h1{letter-spacing:-1px}.studio-page .variants{margin:24px 4px}.studio-page .variant{padding:6px;width:calc(100% + 6px)}.studio-page .live-studio{width:calc(100% - 32px)}#image-viewer{padding:12px;border-radius:14px}.viewer-toolbar{gap:6px}.viewer-toolbar strong{width:100%}.viewer-toolbar input{width:72px}}@media(prefers-reduced-motion:reduce){.studio-page *,#image-viewer *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}