@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
.studio-connected{padding-bottom:116px}.studio-header{max-width:1440px;width:calc(100% - 80px);margin:0 auto;height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #25272030}.studio-brand{font:700 21px 'Space Grotesk',sans-serif;text-decoration:none;letter-spacing:-1px;color:inherit}.studio-brand span{display:inline-block;margin-left:5px;font-size:30px;vertical-align:middle;transition:transform .4s}.studio-brand:hover span{transform:rotate(90deg)}.studio-location{font-size:9px;letter-spacing:1.4px}.studio-header>div{display:flex;gap:8px}.studio-header button{padding:10px 13px;border:1px solid currentColor;border-radius:7px;background:transparent;color:inherit;font-size:11px}.studio-header button:hover{background:#ffffff30;transform:translateY(-2px)}
.studio-dock{position:fixed;z-index:450;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:8px;background:#202522f5;color:#fbf8e8;border:1px solid #ffffff35;border-radius:20px;box-shadow:0 12px 36px #15221730;max-width:calc(100% - 24px);backdrop-filter:blur(16px);font-family:'DM Sans',sans-serif}.studio-dock>a{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;padding:10px 12px;color:#fffdf0;border-radius:12px;white-space:nowrap;font-size:10px;min-height:44px;transition:transform .18s,background .18s,color .18s}.studio-dock .dock-icon{font:500 24px/1 'Space Grotesk',sans-serif;color:var(--tool-color)}.studio-dock>a:hover{transform:translateY(-7px) rotate(-2deg);background:#ffffff18}.studio-dock>a[aria-current=page]{background:var(--tool-color);color:#202522}.studio-dock>a[aria-current=page] .dock-icon{color:#202522}.studio-dock-switch{border:0;border-radius:12px;width:44px;min-width:44px;height:44px;background:#ffffff19;color:#fffdf0;font-size:25px;padding:0}.studio-dock-switch:hover{background:#d5f65a;color:#202522}.studio-dock a:focus-visible,.studio-dock button:focus-visible{outline:3px solid #d5f65a;outline-offset:4px}.studio-connected .sq-recovery{bottom:96px;z-index:440;font-size:9px}.studio-switcher{box-sizing:border-box;width:600px;max-width:calc(100vw - 28px);padding:23px;background:#faf7ed;color:#242820;border:2px solid #252720;border-radius:19px;box-shadow:9px 10px 0 #25272025;font-family:'DM Sans',sans-serif}.studio-switcher::backdrop{background:#152a2470;backdrop-filter:blur(7px)}.switcher-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;font-weight:700}.switcher-top button{border:0;background:#ece8dc;border-radius:50%;font-size:22px;width:33px;height:33px;padding:0}.studio-switcher>input{display:block;width:100%;padding:18px 0;border:0;border-bottom:2px solid #252720;background:transparent;color:#252720;font:500 26px 'Space Grotesk',sans-serif;border-radius:0;outline-offset:3px}.switcher-results{display:grid;gap:5px;max-height:55svh;overflow:auto;margin:15px -6px}.switcher-results a{display:flex;align-items:center;gap:13px;padding:10px;text-decoration:none;border-radius:10px;color:#252720}.switcher-results a:hover,.switcher-results a:focus-visible{background:#e8eccc;outline:2px solid #252720;outline-offset:-2px}.switcher-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #252720;border-radius:9px;font:27px 'Space Grotesk',sans-serif}.switcher-results a>span:nth-child(2){flex:1;display:grid;gap:4px}.switcher-results strong{font-size:14px}.switcher-results small{font-size:11px;color:#606459}.switcher-results a>span:last-child{font-size:8px;letter-spacing:.7px}.switcher-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px dashed #a9b09b;padding-top:13px;font-size:9px}.switcher-foot button{border:1px solid #252720;background:#d5f65a;padding:10px;border-radius:6px;font-size:10px;color:#252720}.studio-copy{box-sizing:border-box;width:500px;max-width:calc(100vw - 24px);border:2px solid #252720;border-radius:13px;background:#fff9ec;padding:25px;color:#252720;font-family:'DM Sans',sans-serif}.studio-copy textarea,.studio-copy input{display:block;width:100%;padding:14px;border:1px solid #9caa94;background:#fffef8;color:#252720;border-radius:7px;margin:18px 0;font:13px/1.6 'DM Sans',sans-serif}.studio-copy textarea{min-height:150px}.studio-copy button{padding:11px 16px;background:#d5f65a;border:1px solid #252720;border-radius:7px;margin-right:8px}.studio-copy::backdrop{background:#18251d70;backdrop-filter:blur(4px)}
@media(max-width:1100px){.studio-dock .dock-label{display:none}.studio-dock>a{min-width:48px;padding:11px}.studio-dock>a[aria-current=page] .dock-label{display:inline}.studio-location{display:none}}
@media(max-width:600px){.studio-header{width:calc(100% - 32px);height:76px;gap:12px}.studio-brand{font-size:16px}.studio-brand span{font-size:23px}.studio-header>div{gap:5px}.studio-header button{font-size:9px;padding:9px 8px}.studio-dock{bottom:10px;gap:1px;padding:5px;border-radius:15px;overflow-x:auto;justify-content:start}.studio-dock>a{min-width:37px;padding:9px 8px}.studio-dock .dock-icon{font-size:21px}.studio-dock>a[aria-current=page] .dock-label{display:none}.studio-dock-switch{min-width:35px;width:35px;font-size:22px}.studio-connected{padding-bottom:95px}.studio-connected .sq-recovery{bottom:79px;font-size:8px}.studio-switcher{padding:17px}.studio-switcher>input{font-size:20px}.switcher-results small{font-size:10px}.switcher-foot{flex-wrap:wrap}.switcher-foot button{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.studio-dock>a,.studio-brand span,.studio-header button{transition:none}.studio-dock>a:hover{transform:none}}

.sq-context{position:fixed;inset:auto;margin:0;z-index:10000;width:min(250px,calc(100vw - 16px));padding:8px;border:1px solid #57624d;border-radius:12px;background:#fffef5;box-shadow:5px 7px 0 #17251c20;font-family:Arial,sans-serif;color:#17251c}.sq-context button{display:block;width:100%;padding:10px;text-align:left;background:transparent;border:0;border-radius:6px;font:12px Arial,sans-serif;color:inherit}.sq-context button:hover,.sq-context button:focus-visible{background:#e7efcb}.sq-context button:disabled{opacity:.4}.sq-menu-title{display:block;padding:8px 10px 12px;font:10px Arial,sans-serif;border-bottom:1px solid #c6cdb8}.sq-confirm,.sq-properties{max-width:min(440px,calc(100vw - 32px));max-height:88svh;overflow:auto;padding:26px;border:1px solid #667058;border-radius:16px;background:#fffef5;color:#17251c;font:14px/1.6 Arial,sans-serif}.sq-confirm>div,.sq-properties>div{display:flex;justify-content:end;gap:12px;margin-top:20px}.sq-confirm button,.sq-properties button{padding:10px 14px;border:1px solid #c3cdb0;background:#e7efcb;border-radius:6px;font:12px Arial,sans-serif}.sq-properties label{display:block;margin:12px 0}.sq-properties input,.sq-properties textarea,.sq-properties select{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #aab79b;border-radius:6px}.sq-context .danger,.sq-confirm .danger{color:#a13e28}.sq-context [hidden]{display:none!important}
