/* Q-One v0.7 — Dashboard UX Refinement */
:root{--studio-surface:#f7f8fb;--studio-card:#fff;--studio-ink:#191b22;--studio-muted:#858a97;--studio-line:#e7e9ef;--studio-purple:#7557ff}
.v02-dashboard{background:var(--studio-surface)}
.v02-workspace{grid-template-columns:minmax(590px,1fr) minmax(430px,44%);background:linear-gradient(90deg,#f8f9fb 0,#f8f9fb 56%,#eef0f5 56%,#eef0f5 100%)}
.editor-column{padding-top:24px;padding-bottom:110px}
.panel-head{max-width:980px;margin-inline:auto}.panel-head h2{letter-spacing:-.02em}.panel-head p{max-width:650px}
.design-head{padding:4px 2px 2px}
.design-section-card{max-width:980px;margin-inline:auto!important;margin-bottom:14px!important;border-color:var(--studio-line)!important;border-radius:22px!important;box-shadow:0 8px 30px rgba(24,30,45,.035);transition:box-shadow .2s var(--ease),transform .2s var(--ease)}
.design-section-card:hover{box-shadow:0 12px 36px rgba(24,30,45,.055)}
.design-section-title{position:relative;padding:18px 20px 16px;background:linear-gradient(180deg,#fff,#fcfcfe)}
.design-section-title>div>span{width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#f4f1ff,#ece8ff);box-shadow:inset 0 0 0 1px #e7e0ff}
.design-section-title h3{font-size:14px;letter-spacing:-.01em}.design-section-title p{text-align:right;max-width:500px}
.section-toggle{width:30px;height:30px;border:1px solid var(--studio-line);border-radius:10px;background:#fff;color:#7e8390;display:grid;place-items:center;cursor:pointer;flex:none;transition:.18s var(--ease)}
.section-toggle:hover{background:#f6f4ff;color:#5d45d1;border-color:#dad3ff}.section-toggle i{transition:transform .2s var(--ease)}
.design-section-card.is-collapsed>:not(.design-section-title){display:none!important}.design-section-card.is-collapsed .section-toggle i{transform:rotate(-90deg)}
.design-section-card.is-collapsed .design-section-title{border-bottom:0;padding-block:15px}

/* quick navigator */
.design-quick-nav-wrap{max-width:980px;margin:14px auto 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;position:sticky;top:10px;z-index:20;padding:7px;background:rgba(247,248,251,.88);backdrop-filter:blur(18px);border:1px solid rgba(226,229,237,.86);border-radius:15px;box-shadow:0 8px 28px rgba(30,35,48,.055)}
.design-quick-nav{display:flex;gap:6px;overflow:auto;scrollbar-width:none}.design-quick-nav::-webkit-scrollbar{display:none}
.design-quick-nav button,.design-collapse-all{border:1px solid #e5e7ed;background:#fff;color:#747986;border-radius:10px;height:34px;padding:0 11px;font:inherit;font-size:9px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:.18s var(--ease)}
.design-quick-nav button:hover,.design-quick-nav button.active,.design-collapse-all:hover{color:#4e3bb0;border-color:#d8d1ff;background:#f7f5ff}
.design-quick-nav button b{direction:ltr;font-size:8px;color:#a2a5af}.design-collapse-all{padding-inline:12px}

/* premium template studio cards */
.full-template-grid{gap:12px}.full-template-card{grid-template-columns:124px minmax(0,1fr);min-height:132px;border-radius:19px;border-color:#e6e8ee;box-shadow:0 4px 16px rgba(26,30,45,.025)}
.full-template-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(26,30,45,.08)}.full-template-card.active{border-color:#8c75ff;box-shadow:0 0 0 3px rgba(117,87,255,.09),0 14px 32px rgba(26,30,45,.08)}
.full-template-card .template-visual{min-height:132px}.full-template-card .template-visual:after{inset:12px;border-radius:13px}.full-template-card .template-meta{padding:15px 15px 14px 13px}.full-template-card .template-meta b{font-size:13px}.full-template-card .template-meta small{font-size:9px}.full-template-card .template-meta em{font-size:9px}
.template-filter-row{padding-top:2px}.template-filter-row button{height:32px;padding-inline:13px;background:#fbfbfd}.template-filter-row button.active{box-shadow:none}
.layout-preset-grid>button{border-radius:16px;padding:9px}.layout-preset-grid>button.active{box-shadow:0 0 0 3px rgba(117,87,255,.08)}

/* Preview workspace */
.v02-preview-column{background:#eceff4;border-left-color:#e1e4eb;position:relative;box-shadow:inset 1px 0 0 rgba(255,255,255,.72)}
.preview-toolbar{height:58px!important;padding:0 16px!important;background:rgba(245,246,249,.92)!important;backdrop-filter:blur(18px);border-bottom:1px solid #dfe3ea!important}
.preview-title{display:flex!important;align-items:center!important;gap:9px!important}.preview-title>span{display:flex;align-items:center;gap:7px;font-weight:700;color:#555b67}.preview-live-dot{width:7px;height:7px;border-radius:50%;background:#20be7d;box-shadow:0 0 0 4px rgba(32,190,125,.09)}
.preview-toolbar-actions{display:flex;align-items:center;gap:7px}.device-toggle{background:#e6e9ef!important;padding:3px!important;border-radius:11px!important}.device-toggle button{width:30px!important;height:28px!important;border-radius:8px!important;font-size:11px!important}.device-toggle button.active{box-shadow:0 2px 8px rgba(30,35,48,.10)!important}
.preview-close{display:none;width:32px;height:32px;border:1px solid #dddfe6;background:#fff;border-radius:10px;color:#777b85;cursor:pointer}
.v02-preview-stage{padding:28px 24px 34px!important;background-color:#edf0f5;background-image:linear-gradient(#e5e8ee 1px,transparent 1px),linear-gradient(90deg,#e5e8ee 1px,transparent 1px);background-size:24px 24px;position:relative}
.v02-preview-stage:before{content:"CANVAS";position:absolute;top:14px;left:16px;font-size:8px;letter-spacing:.18em;color:#b0b4bf;direction:ltr;font-weight:800}
.device-frame{box-shadow:0 34px 80px rgba(30,38,55,.22),0 5px 20px rgba(30,38,55,.12),inset 0 0 0 1px rgba(255,255,255,.08)}
.device-phone{width:336px;height:694px}.device-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.preview-launch{display:none;align-items:center;gap:7px;height:34px;border:1px solid #e0e2e8;border-radius:10px;background:#fff;color:#5f6470;font:inherit;font-size:10px;padding:0 11px;cursor:pointer}
.preview-launch:hover{background:#f7f5ff;color:#5e46cf;border-color:#d8d1ff}
.preview-overlay-backdrop{display:none;position:fixed;inset:0;background:rgba(18,22,32,.48);backdrop-filter:blur(5px);z-index:69}

/* Content editing polish */
.link-editor-item{border-radius:16px!important;background:#fff!important;box-shadow:0 4px 14px rgba(20,26,38,.025)}.link-editor-item:hover{box-shadow:0 10px 26px rgba(20,26,38,.065)}
.form-card{border-radius:20px!important;box-shadow:0 8px 30px rgba(24,30,45,.035)}

@media(max-width:1380px){.v02-workspace{grid-template-columns:minmax(560px,1fr) 430px}.full-template-card{grid-template-columns:108px minmax(0,1fr)}}
@media(max-width:1180px){
  .preview-launch{display:inline-flex}.v02-workspace{display:block;background:#f8f9fb}.editor-column{padding-inline:max(22px,5vw)}
  .v02-preview-column{display:none!important}
  body.preview-focus-open{overflow:hidden}.preview-focus-open .preview-overlay-backdrop{display:block}
  .preview-focus-open .v02-preview-column{display:grid!important;position:fixed;z-index:70;inset:24px;max-width:760px;margin:auto;border:1px solid #d9dde5;border-radius:22px;overflow:hidden;box-shadow:0 34px 100px rgba(15,20,30,.28)}
  .preview-focus-open .preview-close{display:grid;place-items:center}.preview-focus-open .v02-preview-stage{min-height:0}
  .preview-focus-open .device-desktop{width:min(720px,calc(100vw - 100px))}
}
@media(max-width:760px){
  .preview-launch span{display:none}.preview-launch{width:36px;padding:0;justify-content:center}.design-quick-nav-wrap{top:5px;margin-inline:0;border-radius:13px}.design-collapse-all span{display:none}.design-collapse-all{width:34px;padding:0;justify-content:center}
  .full-template-grid{grid-template-columns:1fr}.full-template-card{grid-template-columns:108px minmax(0,1fr)}
  .preview-focus-open .v02-preview-column{inset:8px;border-radius:18px}.preview-focus-open .v02-preview-stage{padding:18px 10px 24px!important}.preview-focus-open .device-phone{width:min(336px,calc(100vw - 42px));height:min(694px,calc(100dvh - 100px))}
  .design-section-title{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.design-section-title p{grid-column:1/-1;text-align:right}.section-toggle{grid-column:2;grid-row:1}
}
@media(max-width:480px){.full-template-card{grid-template-columns:96px minmax(0,1fr);min-height:118px}.full-template-card .template-visual{min-height:118px}.full-template-card .template-meta{padding:12px}.design-section-card{border-radius:18px!important}.design-section-title{padding:15px}.design-quick-nav button{padding-inline:9px}}


/* v0.7.1 — phone preview overlap fix */
.device-phone .qone-profile{padding-top:74px!important}
.device-phone .qone-profile .profile-top-actions{top:58px!important;left:18px!important;right:18px!important}
.device-phone .qone-profile.header-glass .profile-header,
.device-phone .qone-profile.header-solid .profile-header,
.device-phone .qone-profile.header-outline .profile-header,
.device-phone .qone-profile.header-accent .profile-header{margin-top:0!important}
.device-phone .qone-profile.template-layout-poster .profile-header,
.device-phone .qone-profile.template-layout-hero .profile-header{margin-top:0!important}

/* v0.7.2 — remove visit/click stat pills */
.qone-profile .micro-stats,
.v02-public-body .qone-profile .micro-stats,
#previewStats,
#publicStats{
  display:none!important;
}


/* v0.7.3 — stronger top overlap fix */
.device-phone .qone-profile{padding-top:88px!important}
.device-phone .qone-profile .profile-top-actions{top:46px!important;left:16px!important;right:16px!important}
.device-phone .qone-profile .profile-header{margin-top:18px!important}
.device-phone .qone-profile.header-glass .profile-header,
.device-phone .qone-profile.header-solid .profile-header,
.device-phone .qone-profile.header-outline .profile-header,
.device-phone .qone-profile.header-accent .profile-header,
.device-phone .qone-profile.template-layout-poster .profile-header,
.device-phone .qone-profile.template-layout-hero .profile-header{margin-top:18px!important}