.store-studio{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;background:var(--bg-page);z-index:9999;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.studio-back-button{display:flex;position:absolute;top:24px;left:24px;z-index:100;width:40px;height:40px;border-radius:50%;background:white;border:1px solid var(--border-subtle);align-items:center;justify-content:center;color:var(--text-main);cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.05);transition:all .2s}.studio-back-button:hover{transform:translateX(-4px);background:var(--bg-page);color:var(--accent)}.studio-sidebar{width:320px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;overflow-y:auto;z-index:10;box-shadow:10px 0 30px rgba(0,0,0,.02)}.studio-sidebar-header{padding:32px 20px 20px;background:transparent}.studio-sidebar-content{padding:0 20px 40px;flex:1 1}.studio-preview-area{flex:1 1;background:radial-gradient(circle at center,#f8fafc 0,#e2e8f0 100%);display:flex;flex-direction:column;padding:40px;overflow-y:auto;position:relative;align-items:center}.studio-preview-container{max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:24px}.studio-preview-header{display:flex;justify-content:space-between;align-items:center;width:100%}.live-indicator{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:700;color:#10b981;background:rgba(16,185,129,.1);padding:8px 16px;border-radius:30px;border:1px solid rgba(16,185,129,.2)}.live-indicator:before{content:"";width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 0 4px rgba(16,185,129,.2);animation:pulse 2s infinite}.studio-option-section{margin-bottom:24px;background:white;padding:16px;border-radius:16px;border:1px solid rgba(0,0,0,.03);box-shadow:0 4px 15px rgba(0,0,0,.02)}.studio-option-title{font-size:.85rem;font-weight:800;color:var(--text-main);margin-bottom:16px;display:flex;align-items:center;gap:8px}.studio-option-title svg{color:var(--accent);width:16px;height:16px}.studio-field-group{display:grid;gap:12px}.studio-field span{font-size:.8rem;font-weight:700;color:var(--text-muted);margin-bottom:6px;display:block}.studio-field input,.studio-field select,.studio-field textarea{width:100%;padding:12px 16px;font-size:.9rem;border:1px solid #eef2f6;border-radius:12px;background:#f8fafc;color:var(--text-main);transition:all .3s cubic-bezier(.4,0,.2,1)}.studio-field input:focus{border-color:var(--accent);background:white;box-shadow:0 0 0 4px rgba(var(--accent-rgb),.08);outline:none}.studio-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-color-input{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid #eef2f6;border-radius:12px;background:#f8fafc}.studio-color-input input[type=color]{width:32px;height:32px;border-radius:8px;cursor:pointer;padding:0;border:none}.ai-magic-button{width:100%;height:56px;background:linear-gradient(135deg,#4f46e5,#7c3aed 50%,#9333ea);background-size:200% auto;color:white;border-radius:16px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:12px;border:none;cursor:pointer;box-shadow:0 8px 25px rgba(99,102,241,.25);transition:all .4s cubic-bezier(.175,.885,.32,1.275);margin-bottom:32px;position:relative;overflow:hidden}.ai-magic-button:hover{transform:translateY(-4px) scale(1.02);background-position:100%;box-shadow:0 12px 30px rgba(99,102,241,.35)}.ai-magic-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0,transparent 70%);opacity:0;transition:opacity .3s}.ai-magic-button:hover:after{opacity:1}.ai-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px}.ai-prompt-card{width:100%;max-width:700px;background:white;border-radius:32px;padding:48px;box-shadow:0 30px 60px rgba(0,0,0,.3);position:relative;overflow:hidden}.ai-prompt-header{margin-bottom:32px}.ai-prompt-icon{width:64px;height:64px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:20px;display:flex;align-items:center;justify-content:center;color:white;margin-bottom:24px;box-shadow:0 10px 20px rgba(99,102,241,.2)}.ai-prompt-textarea{width:100%;min-height:160px;padding:24px;border:2px solid #f1f5f9;border-radius:24px;font-size:1.1rem;background:#f8fafc;margin-bottom:32px}.ai-prompt-textarea:focus{border-color:#6366f1;background:white;box-shadow:0 0 0 6px rgba(99,102,241,.05)}.coding-terminal{background:#0f172a;border-radius:20px;padding:24px;color:#94a3b8;font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.6;box-shadow:inset 0 2px 10px rgba(0,0,0,.2)}.coding-line--green{color:#10b981}.coding-line--blue{color:#38bdf8}.coding-line--yellow{color:#fbbf24}@media (max-width:1100px){.studio-sidebar{width:380px}.studio-preview-area{padding:40px}}.studio-mobile-switcher{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.05);grid-template-columns:1fr 1fr;z-index:99999;box-shadow:0 -10px 30px rgba(0,0,0,.05)}.switcher-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);font-size:.75rem;font-weight:700;gap:4px;cursor:pointer;transition:all .2s ease}.switcher-button.active{color:var(--accent)}.switcher-button svg{stroke:currentColor;transition:transform .2s ease}.switcher-button.active svg{transform:scale(1.1);stroke:var(--accent)}@media (max-width:900px){.studio-back-button{display:flex!important;position:fixed!important;top:16px!important;left:16px!important;z-index:100000!important}.store-studio{flex-direction:row!important;overflow:hidden!important}.studio-mobile-switcher{display:grid}.studio-preview-area.mobile-hidden,.studio-sidebar.mobile-hidden{display:none!important}.studio-preview-area.mobile-active,.studio-sidebar.mobile-active{display:flex!important;width:100%!important;height:100%!important;position:fixed;top:0;left:0;right:0;bottom:64px!important;overflow-y:auto!important}.studio-sidebar.mobile-active{padding-bottom:100px!important;padding-top:64px!important}.studio-preview-area.mobile-active{padding:64px 16px 100px!important;box-sizing:border-box!important}.studio-preview-container,.studio-preview-container>div{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.store-preview-canvas{padding:0!important;border:none!important;background:transparent!important}.store-preview-canvas,.store-preview-canvas__surface{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.store-preview-canvas__surface{padding:8px!important}.studio-preview-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding-left:54px!important;gap:8px!important;margin-bottom:16px!important;box-sizing:border-box!important}.studio-preview-header>div:nth-child(2){display:none!important}.live-indicator{padding:6px 12px!important;font-size:.72rem!important;gap:6px!important}.visual-editor-trigger{padding:6px 12px!important;font-size:.76rem!important;gap:4px!important}.visual-editor-trigger svg{width:14px!important;height:14px!important}}.selection-gallery__empty{display:grid;min-height:100%;place-items:center;padding:24px;text-align:center}.selection-gallery__selected-pill{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:4px 8px;border-radius:999px;background:rgba(32,49,63,.08);color:var(--accent,#20313f);font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.selection-gallery__mobile-action{display:none}@media (max-width:900px){.selection-gallery{height:100dvh!important;min-height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;background:#f8fafc!important;padding-bottom:calc(82px + env(safe-area-inset-bottom, 0px))!important}.selection-gallery__header{position:sticky!important;top:0!important;z-index:100001!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:calc(env(safe-area-inset-top, 0px) + 12px) 12px 12px!important;box-shadow:0 12px 30px rgba(15,23,42,.08)!important}.selection-gallery__title-row{width:100%!important;gap:10px!important;align-items:flex-start!important}.selection-gallery__title-row .studio-back-button{flex:0 0 38px!important;width:38px!important;height:38px!important;position:relative!important;top:auto!important;left:auto!important}.selection-gallery__title-row h1{margin:0!important;font-size:1.08rem!important;line-height:1.2!important}.selection-gallery__title-row p{margin-top:4px!important;font-size:.7rem!important;line-height:1.35!important}.selection-gallery__actions{display:block!important;width:100%!important}.selection-gallery__search{width:100%!important;min-width:0!important}.selection-gallery__search input{width:100%!important;height:40px!important;border-radius:14px!important;font-size:.84rem!important}.selection-gallery__desktop-apply{display:none!important}.selection-gallery__body{min-height:0!important}.selection-gallery__body,.selection-gallery__list{display:block!important;height:auto!important;overflow:visible!important}.selection-gallery__list{width:100%!important;padding:12px 12px calc(98px + env(safe-area-inset-bottom, 0px))!important;border-right:0!important;background:#f8fafc!important}.selection-gallery__item-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.selection-gallery__card{min-width:0!important;padding:8px!important;border-radius:14px!important;transform:none!important;box-shadow:0 8px 22px rgba(15,23,42,.06)!important}.selection-gallery__card.is-selected{box-shadow:0 0 0 2px var(--accent,#20313f),0 12px 26px rgba(15,23,42,.12)!important}.selection-gallery__thumb{height:clamp(74px,22vw,104px)!important;margin-bottom:8px!important;border-radius:12px!important}.selection-gallery__card-title{display:block!important;min-height:0!important;margin:0!important;overflow:visible!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;font-size:.78rem!important;line-height:1.25!important}.selection-gallery__selected-pill{margin-top:6px!important;padding:3px 7px!important;font-size:.58rem!important}.selection-gallery__preview{display:none!important}.selection-gallery__preview-header{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:12px!important}.selection-gallery__preview-header h2{font-size:1.05rem!important;margin:6px 0 0!important}.selection-gallery__preview-header .ai-magic-button{width:100%!important;height:44px!important;margin:0!important;border-radius:14px!important;font-size:.82rem!important}.selection-gallery__canvas-shell{width:100%!important;max-height:72vh!important;overflow:auto!important;transform:none!important;border-radius:20px!important;background:white!important;box-shadow:0 10px 30px rgba(15,23,42,.08)!important}.selection-gallery__mobile-action{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:100002!important;display:block!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom, 0px))!important;background:rgba(255,255,255,.96)!important;border-top:1px solid rgba(228,217,203,.95)!important;box-shadow:0 -14px 34px rgba(15,23,42,.14)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important}.selection-gallery__mobile-button{width:100%!important;min-height:54px!important;border:0!important;border-radius:0!important;background:linear-gradient(135deg,#20313f,#9e6d3b)!important;color:white!important;font-size:1rem!important;font-weight:900!important;letter-spacing:.01em!important;box-shadow:0 12px 24px rgba(32,49,63,.22)!important}}@media (max-width:380px){.selection-gallery__item-grid{gap:8px!important}.selection-gallery__card{padding:7px!important}.selection-gallery__card-title{font-size:.72rem!important}}