.workspace-home{
  min-height:100vh;
  --workspace-edge:color-mix(in srgb,var(--border) 50%,transparent);
  --workspace-edge-soft:color-mix(in srgb,var(--border) 26%,transparent);
  --workspace-surface:color-mix(in srgb,var(--panel) 90%,var(--bg));
  --workspace-surface-soft:color-mix(in srgb,var(--panel-2) 58%,transparent);
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,var(--bg)) 0,var(--bg) 280px);
}

.workspace-page{
  width:min(1420px,calc(100% - 40px));
  margin:0 auto;
  padding:24px 0 36px;
}

.workspace-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:16px;
}

.workspace-eyebrow{
  margin:0 0 5px;
  color:var(--muted-2);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.workspace-heading h1{
  margin:0;
  font-size:clamp(27px,3.2vw,36px);
  line-height:1.1;
  letter-spacing:0;
}

.workspace-heading p:last-child{
  margin:6px 0 0;
  color:var(--muted);
  font-size:15px;
}

.workspace-heading__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}

.workspace-btn{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:8px;
  background:var(--workspace-surface-soft);
  color:var(--text);
  font:inherit;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,color .15s ease;
}

.workspace-btn svg,
.workspace-tool-icon svg,
.workspace-toolbar svg,
.workspace-item svg,
.workspace-modal svg{
  width:18px;
  height:18px;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.workspace-btn--ai svg{
  fill:currentColor;
  stroke:none;
}

.workspace-btn:hover{
  border-color:transparent;
  background:color-mix(in srgb,var(--accent) 11%,var(--panel));
}

.workspace-btn--primary,
.workspace-btn--ai{
  border-color:transparent;
  background:var(--accent);
  color:#08101f;
}

.workspace-btn--primary:hover,
.workspace-btn--ai:hover{
  border-color:transparent;
  background:color-mix(in srgb,var(--accent) 86%,white);
}

.workspace-btn:disabled{
  opacity:.48;
  cursor:not-allowed;
}

.workspace-browser{
  position:relative;
  min-height:min(680px,calc(100vh - 205px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--workspace-edge-soft);
  border-radius:8px;
  background:var(--workspace-surface);
  box-shadow:0 20px 54px rgba(3,9,22,.16);
}

.workspace-browser::before{
  content:"";
  position:absolute;
  top:-1px;
  left:9%;
  z-index:2;
  width:min(260px,30%);
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 72%,transparent),color-mix(in srgb,var(--accent-2) 52%,transparent),transparent);
  opacity:.72;
}

.workspace-plan-summary{
  min-width:178px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 10px;
  border:1px solid var(--workspace-edge-soft);
  border-radius:8px;
  background:color-mix(in srgb,var(--workspace-surface-soft) 72%,transparent);
  color:var(--text);
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}

.workspace-section__intro > p:last-child{
  margin:3px 0 0;
  color:var(--muted);
  font-size:11.5px;
}

.workspace-plan-summary:hover{
  border-color:color-mix(in srgb,var(--accent) 30%,var(--workspace-edge-soft));
  background:color-mix(in srgb,var(--accent) 7%,var(--workspace-surface-soft));
}

.workspace-plan-summary:active{transform:scale(.985)}

.workspace-plan-summary > span:first-child{display:grid;gap:2px}

.workspace-plan-summary small{
  color:var(--muted);
  font-size:10px;
  font-weight:750;
}

.workspace-plan-summary strong{
  font-size:12px;
  font-weight:780;
}

.workspace-plan-summary__action{
  color:var(--accent);
  font-size:11px;
  font-weight:780;
  white-space:nowrap;
}

.workspace-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 14px;
  border-bottom:1px solid var(--workspace-edge-soft);
  background:color-mix(in srgb,var(--workspace-surface) 92%,transparent);
}

.workspace-breadcrumbs{
  min-width:0;
  display:flex;
  align-items:center;
  gap:3px;
  overflow:hidden;
  white-space:nowrap;
}

.workspace-breadcrumbs button{
  max-width:180px;
  overflow:hidden;
  padding:7px 8px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--muted);
  font:inherit;
  font-size:13px;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
  cursor:pointer;
}

.workspace-breadcrumbs button:last-child{
  color:var(--text);
}

.workspace-breadcrumbs button:hover{
  background:var(--panel-2);
  color:var(--text);
}

.workspace-breadcrumbs span{
  color:var(--muted-2);
}

.workspace-toolbar__controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}

.workspace-tool-icon{
  width:36px;
  height:36px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}

.workspace-tool-icon:hover{
  border-color:transparent;
  background:var(--workspace-surface-soft);
  color:var(--accent);
}

.workspace-tool-icon:disabled{ opacity:.4; cursor:not-allowed; }
.workspace-tool-icon:disabled:hover{ background:transparent; color:var(--muted); }
.workspace-tool-icon:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }

.workspace-tool-icon--ai svg{
  fill:currentColor;
  stroke:none;
}

.workspace-search{
  width:min(300px,30vw);
  min-height:38px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 11px;
  border:1px solid transparent;
  border-radius:8px;
  background:var(--workspace-surface-soft);
  color:var(--muted);
}

.workspace-search:focus-within{
  border-color:color-mix(in srgb,var(--accent) 46%,transparent);
  box-shadow:var(--ring);
}

.workspace-search input{
  min-width:0;
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:var(--text);
  font:inherit;
  font-size:13px;
}

.workspace-search input::placeholder{
  color:var(--muted-2);
}

.workspace-sort select{
  min-height:38px;
  padding:0 30px 0 10px;
  border:1px solid transparent;
  border-radius:8px;
  background:var(--workspace-surface-soft);
  color:var(--text);
  font:inherit;
  font-size:12.5px;
  font-weight:700;
}

.workspace-view-toggle{
  display:flex;
  padding:3px;
  border:1px solid transparent;
  border-radius:8px;
  background:var(--workspace-surface-soft);
}

.workspace-view-toggle button{
  width:32px;
  height:30px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
}

.workspace-view-toggle button.is-active{
  background:color-mix(in srgb,var(--accent) 10%,var(--panel));
  color:var(--accent);
  box-shadow:none;
}

.workspace-dropzone{
  position:relative;
  flex:1;
  min-height:420px;
  padding:16px;
}

.workspace-dropzone.is-dragging::after{
  content:"Soltá los archivos para subirlos";
  position:absolute;
  inset:12px;
  z-index:5;
  display:grid;
  place-items:center;
  border:2px dashed var(--accent);
  border-radius:8px;
  background:color-mix(in srgb,var(--panel) 90%,transparent);
  color:var(--accent);
  font-size:15px;
  font-weight:800;
}

.workspace-items{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:10px;
}

.workspace-items[hidden],
.workspace-state[hidden]{
  display:none;
}

.workspace-items.is-list{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.workspace-item{
  position:relative;
  min-width:0;
  min-height:82px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  padding:11px 12px;
  border:1px solid transparent;
  border-radius:8px;
  background:var(--workspace-surface-soft);
  color:var(--text);
  text-align:left;
  transition:border-color .15s ease,background .15s ease;
}

.workspace-item:hover{
  border-color:color-mix(in srgb,var(--item-color,var(--accent)) 18%,transparent);
  background:color-mix(in srgb,var(--item-color,var(--accent)) 8%,var(--panel));
  box-shadow:0 9px 24px rgba(3,9,22,.10);
}

.workspace-item__open{
  width:100%;
  min-width:0;
  display:flex;
  flex:1;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  padding:0 28px 0 0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}

.workspace-item__icon{
  width:36px;
  height:36px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:color-mix(in srgb,var(--item-color,var(--accent)) 11%,transparent);
  color:var(--item-color,var(--accent));
}

.workspace-item__icon svg{
  width:20px;
  height:20px;
}

.workspace-item__copy{
  min-width:0;
  flex:1;
}

.workspace-item__name{
  display:-webkit-box;
  overflow:hidden;
  color:var(--text);
  font-size:13.5px;
  font-weight:750;
  line-height:1.35;
  overflow-wrap:anywhere;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.workspace-item__meta{
  display:block;
  margin-top:4px;
  overflow:hidden;
  color:var(--muted);
  font-size:11.5px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.workspace-item__menu{
  position:absolute;
  top:50%;
  right:7px;
  transform:translateY(-50%);
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
}

.workspace-add-tile{
  min-width:0;
  min-height:82px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border:1px dashed color-mix(in srgb,var(--muted-2) 34%,transparent);
  border-radius:8px;
  background:color-mix(in srgb,var(--workspace-surface-soft) 56%,transparent);
  color:var(--muted);
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}

.workspace-add-tile:hover{
  border-color:color-mix(in srgb,var(--accent) 34%,transparent);
  background:color-mix(in srgb,var(--accent) 7%,var(--panel));
  color:var(--text);
}

.workspace-add-tile__icon{
  width:36px;
  height:36px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:color-mix(in srgb,var(--accent) 8%,var(--panel-2));
  color:var(--muted);
}

.workspace-add-tile__icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
}

.workspace-add-tile__copy{
  min-width:0;
  display:grid;
  gap:2px;
}

.workspace-add-tile__copy strong{
  color:var(--text);
  font-size:13.5px;
}

.workspace-add-tile__copy small{
  overflow:hidden;
  color:var(--muted);
  font-size:11.5px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.workspace-item__menu:hover{
  background:color-mix(in srgb,var(--accent) 8%,var(--panel-2));
  color:var(--text);
}

.workspace-item__menu svg{
  width:17px;
  height:17px;
}

.workspace-items.is-list .workspace-item{
  min-height:58px;
  flex-direction:row;
  align-items:center;
  padding:9px 44px 9px 10px;
  border-color:transparent;
  background:transparent;
}

.workspace-items.is-list .workspace-add-tile{
  min-height:54px;
  padding:8px 10px;
  border-color:transparent;
}

.workspace-items.is-list .workspace-add-tile:hover{
  border-color:transparent;
  background:var(--panel-2);
}

.workspace-items.is-list .workspace-item:hover{
  border-color:transparent;
  background:var(--panel-2);
  transform:none;
}

.workspace-items.is-list .workspace-item__open{
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:0;
}

.workspace-items.is-list .workspace-item__icon{
  width:34px;
  height:34px;
}

.workspace-state{
  min-height:380px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:var(--muted);
  text-align:center;
}

.workspace-state h2{
  margin:0;
  color:var(--text);
  font-size:18px;
}

.workspace-state p{
  max-width:430px;
  margin:0;
  font-size:13.5px;
  line-height:1.5;
}

.workspace-state > svg{
  width:30px;
  height:30px;
  fill:none;
  stroke:var(--muted);
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.workspace-state .workspace-btn{
  margin-top:4px;
}

.workspace-spinner{
  width:24px;
  height:24px;
  border:2px solid var(--border);
  border-top-color:var(--accent);
  border-radius:50%;
  animation:workspace-spin .8s linear infinite;
}

@keyframes workspace-spin{
  to{transform:rotate(360deg)}
}

.workspace-status{
  min-height:20px;
  margin:0;
  padding:0 16px 10px;
  color:var(--muted);
  font-size:12px;
}

.workspace-status[data-type="error"]{color:var(--danger)}
.workspace-status[data-type="success"]{color:var(--accent-2)}

.workspace-modal-shell{
  position:fixed;
  inset:0;
  z-index:170;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(3,7,18,.62);
  backdrop-filter:blur(8px);
}

.workspace-modal-shell[hidden]{display:none}

.workspace-modal{
  width:min(520px,100%);
  max-height:min(720px,calc(100dvh - 36px));
  overflow:auto;
  border:1px solid var(--workspace-edge);
  border-radius:8px;
  background:var(--workspace-surface);
  color:var(--text);
  box-shadow:0 24px 70px rgba(0,0,0,.35);
}

.workspace-modal--wide{width:min(680px,100%)}

.workspace-modal__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:18px;
  border-bottom:1px solid var(--workspace-edge-soft);
}

.workspace-modal__head p{
  margin:0 0 4px;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}

.workspace-modal__head h2{
  margin:0;
  font-size:19px;
}

.workspace-modal__close{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid transparent;
  border-radius:50%;
  background:var(--workspace-surface-soft);
  color:var(--muted);
  cursor:pointer;
}

.workspace-modal__body{
  display:grid;
  gap:14px;
  padding:18px;
}

.workspace-modal-open{
  overflow:hidden;
}

[data-workspace-modal-error]:empty{
  display:none;
}

.workspace-field{
  display:grid;
  gap:7px;
  color:var(--muted);
  font-size:12px;
  font-weight:750;
}

.workspace-field input,
.workspace-field textarea,
.workspace-field select{
  width:100%;
  border:1px solid transparent;
  border-radius:8px;
  outline:0;
  background:var(--workspace-surface-soft);
  color:var(--text);
  font:inherit;
  font-size:14px;
}

.workspace-field input,
.workspace-field select{
  min-height:42px;
  padding:0 11px;
}

.workspace-field textarea{
  min-height:112px;
  resize:vertical;
  padding:11px;
  line-height:1.45;
}

.workspace-field input:focus,
.workspace-field textarea:focus,
.workspace-field select:focus{
  border-color:color-mix(in srgb,var(--accent) 46%,transparent);
  box-shadow:var(--ring);
}

.workspace-modal__actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding:0 18px 18px;
}

.workspace-ai-intro{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

.workspace-plans-preview{gap:12px}

.workspace-plans-preview__notice,
.workspace-plans-preview__foot{
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}

.workspace-plans-preview__notice{
  padding:10px 11px;
  border-left:3px solid var(--accent);
  border-radius:4px;
  background:color-mix(in srgb,var(--accent) 7%,var(--workspace-surface-soft));
}

.workspace-plans-preview__notice strong{color:var(--text)}

.workspace-plan-usage{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  overflow:hidden;
  border:1px solid var(--workspace-edge-soft);
  border-radius:7px;
  background:var(--workspace-edge-soft);
}

.workspace-plan-usage > span{
  min-width:0;
  display:grid;
  gap:2px;
  padding:9px 11px;
  background:var(--workspace-surface-soft);
}

.workspace-plan-usage small{color:var(--muted);font-size:10px;font-weight:700}
.workspace-plan-usage strong{overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}

.workspace-plan-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:10px;
  padding-top:8px;
}

.workspace-plan-card{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:12px;
  border:1px solid var(--workspace-edge-soft);
  border-radius:8px;
  background:var(--workspace-surface-soft);
  transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease;
}

.workspace-plan-card.is-selected{
  border-color:color-mix(in srgb,var(--accent) 45%,var(--workspace-edge-soft));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent);
}

.workspace-plan-card--featured{
  z-index:1;
  border-color:color-mix(in srgb,var(--accent) 58%,var(--workspace-edge-soft));
  background:color-mix(in srgb,var(--accent) 6%,var(--workspace-surface-soft));
  box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 12%,transparent);
  transform:translateY(-7px) scale(1.025);
}

.workspace-plan-badge{
  position:absolute;
  top:-11px;
  left:50%;
  padding:4px 9px;
  border-radius:999px;
  background:var(--accent);
  color:#fff;
  font-size:9px;
  font-weight:850;
  white-space:nowrap;
  transform:translateX(-50%);
}

.workspace-plan-card header{display:grid;gap:7px}
.workspace-plan-card header > div{display:grid;gap:2px}
.workspace-plan-card header small{color:var(--accent);font-size:9px;font-weight:800;text-transform:uppercase}
.workspace-plan-card h3{margin:0;font-size:16px}
.workspace-plan-card header > strong{min-height:34px;color:var(--text);font-size:14px;line-height:1.25}
.workspace-plan-card header > strong span{display:block;margin-top:2px;color:var(--muted);font-size:10px;font-weight:650}
.workspace-plan-card header > strong .workspace-plan-price-old{display:inline;margin:0 4px 0 0;color:var(--muted);font-size:11px;text-decoration:line-through}
.workspace-plan-card .workspace-btn{width:100%;margin-top:auto}

.workspace-referral-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:10px 12px;
  border-top:1px solid var(--workspace-edge-soft);
  border-bottom:1px solid var(--workspace-edge-soft);
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
.workspace-referral-note strong{color:var(--text)}
.workspace-referral-note button{
  flex:0 0 auto;
  padding:4px 0;
  border:0;
  background:transparent;
  color:var(--accent);
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
.workspace-referral-note button:hover{text-decoration:underline}

.workspace-plan-features{
  display:grid;
  gap:8px;
  margin:0;
  padding:2px 0 7px;
  list-style:none;
}

.workspace-plan-features li{
  display:flex;
  align-items:flex-start;
  gap:7px;
  color:var(--muted);
  font-size:11.5px;
  line-height:1.35;
}

.workspace-plan-features svg{
  width:15px;
  height:15px;
  flex:0 0 auto;
  color:var(--accent-2);
  fill:none;
  stroke:currentColor;
  stroke-width:2;
}

.workspace-ai-plan{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}

.workspace-ai-plan li{
  display:flex;
  align-items:flex-start;
  gap:9px;
  padding:10px;
  border:1px solid transparent;
  border-radius:8px;
  background:var(--workspace-surface-soft);
  color:var(--muted);
  font-size:13px;
}

.workspace-ai-plan strong{color:var(--text)}

.workspace-action-list{
  display:grid;
  gap:6px;
}

.workspace-action-list button{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--text);
  font:inherit;
  font-size:13.5px;
  font-weight:700;
  text-align:left;
  cursor:pointer;
}

.workspace-action-list button:hover{background:var(--panel-2)}
.workspace-action-list button[data-danger]{color:var(--danger)}

.workspace-action-list button > span{
  min-width:0;
  display:grid;
  gap:2px;
}

.workspace-action-list button small{
  color:var(--muted);
  font-size:11.5px;
  font-weight:500;
  line-height:1.35;
}

html.theme-light .workspace-browser,
html.theme-light .workspace-modal{
  background:var(--workspace-surface);
}

html.theme-light .workspace-browser{
  box-shadow:0 18px 42px rgba(15,23,42,.09);
}

html.theme-light .workspace-item{
  background:color-mix(in srgb,var(--panel-2) 58%,var(--panel));
}

html.theme-light .workspace-modal-shell{
  background:rgba(38,50,68,.32);
}

html.theme-light .workspace-btn--primary,
html.theme-light .workspace-btn--ai{
  color:#fff;
}

@media(max-width:960px){
  .workspace-page{width:min(100% - 28px,1420px);padding-top:22px}
  .workspace-heading{align-items:flex-start;gap:16px}
  .workspace-browser{min-height:calc(100dvh - 270px)}
  .workspace-toolbar{align-items:flex-start;flex-direction:column}
  .workspace-toolbar__controls{width:100%;justify-content:flex-start}
  .workspace-search{width:min(100%,420px);flex:1}
}

@media(max-width:620px){
  .workspace-page{width:calc(100% - 20px);padding-top:18px}
  .workspace-heading{margin-bottom:16px}
  .workspace-heading h1{font-size:30px}
  .workspace-btn{width:100%;padding:8px}
  .workspace-toolbar{padding:10px}
  .workspace-toolbar__controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;width:100%}
  .workspace-search{grid-column:1 / -1;grid-row:1;width:100%}
  .workspace-sort select{width:100%}
  .workspace-dropzone{min-height:360px;padding:10px}
  .workspace-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .workspace-item,.workspace-add-tile{min-height:76px;padding:10px}
  .workspace-item__open{padding-right:24px}
  .workspace-item__name{font-size:12.5px}
  .workspace-item__meta{font-size:10.5px}
  .workspace-modal-shell{align-items:end;padding:0}
  .workspace-modal{width:100%;max-height:min(82dvh,720px);border-radius:8px 8px 0 0}
  .workspace-plan-usage{grid-template-columns:1fr}
  .workspace-referral-note{align-items:flex-start;flex-direction:column;gap:5px}
}

@media(max-width:700px){
  .workspace-section__intro > p:last-child{display:none}
  .workspace-plan-summary{min-width:0;padding:7px 9px}
  .workspace-plan-summary__action{display:none}
  .workspace-plan-grid{grid-template-columns:1fr;gap:9px;padding-top:4px}
  .workspace-plan-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .workspace-plan-card--featured{margin-top:8px;transform:none}
  .workspace-plan-card header{grid-column:1/-1}
  .workspace-plan-features{grid-column:1/-1}
  .workspace-plan-card .workspace-btn{grid-column:1/-1}
}

@media(max-width:350px){
  .workspace-items{grid-template-columns:1fr}
}