.icon-tool {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0 !important;
}

.icon-tool svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.icon-tool:disabled {
  opacity: .35;
}

.share-guidance,
.sharing-notice {
  padding: 10px 12px;
  border: 1px solid #f0cc72;
  border-radius: 10px;
  background: #fff8df;
  color: #6f5310 !important;
  font-weight: 750;
}

.sharing-notice {
  margin: 0 0 12px;
}

.share-card {
  text-align: center;
}

#shareQrCanvas {
  display: block;
  width: min(100%, 280px);
  height: auto;
  margin: 14px auto;
  border: 10px solid #fff;
  box-shadow: 0 4px 18px #07111f1f;
}

.share-url-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 7px;
}

.share-url-row input {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 9px;
}

.share-url-row button {
  border: 0;
  border-radius: 9px;
  background: var(--blue);
  color: #fff;
  font-weight: 800;
}

.photo-loading {
  display: grid;
  place-items: center;
  width: 76px;
  height: 58px;
  border-radius: 8px;
  background: #dde6ef;
  color: var(--muted);
  font-size: .55rem;
}

.folder-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: min(100%, 340px);
  padding: 11px 15px;
  border: 1px solid #d2a72d;
  border-radius: 10px;
  background: #fff8df;
  color: #624900;
  font-weight: 850;
  cursor: pointer;
}

.folder-status {
  margin: 7px auto 14px;
  color: var(--muted);
  font-size: .68rem;
  font-weight: 750;
}

.folder-status.selected {
  color: var(--ok);
}

.drive-start {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: min(100%, 340px);
}

.switch-account {
  display: block;
  margin: 10px auto 0;
}

.item {
  min-width: 0;
  max-width: 100%;
}

.item-photos {
  flex-wrap: wrap;
  overflow-x: visible;
  max-width: 100%;
}

.page-nav {
  position: fixed;
  right: max(10px, calc((100vw - 820px) / 2 + 10px));
  bottom: calc(68px + env(safe-area-inset-bottom));
  left: max(10px, calc((100vw - 820px) / 2 + 10px));
  z-index: 40;
  margin: 0;
}

#workspace {
  padding-bottom: 132px;
}

.photo-view video[poster] {
  object-fit: contain;
  background: #06101d;
}

.settings-card{padding:0!important;overflow:hidden;background:linear-gradient(160deg,#f7fbff,#eef4fa)}
.settings-card{display:flex;max-height:min(90dvh,720px);flex-direction:column}.settings-grid{display:block!important;overflow-y:auto;overscroll-behavior:contain}.settings-section{margin-bottom:16px}.settings-section h3{margin:0 0 8px;color:#607085;font-size:.66rem;letter-spacing:.12em}.settings-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-section-grid .settings-reset{grid-column:auto!important}@media(max-width:620px){.settings-section-grid{grid-template-columns:1fr}}
.settings-hero{position:relative;display:flex;align-items:center;gap:12px;padding:20px;background:linear-gradient(135deg,#0b1728,#173a5e);color:#fff}
.settings-hero h2{margin:2px 0 0;font-size:1.15rem}.settings-hero p{margin:3px 0 0;color:#b9cce0;font-size:.65rem}.settings-hero .eyebrow{color:#76e0dc}.settings-hero .feature-close{position:absolute;top:12px;right:12px;border-color:#ffffff40;background:#ffffff12;color:#fff}.settings-emblem{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#2dc7c9,#1677c8);box-shadow:0 8px 22px #04101d55}.settings-emblem .material-symbols-rounded{font-size:27px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}

.settings-grid button,
.viewer-toolbar button {
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #f5f8fb;
  color: var(--navy);
  font-weight: 800;
}
.settings-grid button{display:flex;align-items:center;gap:10px;min-height:68px;text-align:left;background:#fff;box-shadow:0 4px 14px #1734540c;transition:.16s transform,.16s border-color,.16s box-shadow}.settings-grid button:hover{transform:translateY(-2px);border-color:#82bce8;box-shadow:0 8px 20px #17345418}.settings-grid button>.material-symbols-rounded{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:11px;background:#e9f5ff;color:#1677c8}.settings-grid button strong,.settings-grid button small{display:block}.settings-grid button strong{font-size:.72rem}.settings-grid button small{margin-top:3px;color:#748397;font-size:.56rem;font-weight:650}.settings-grid .settings-reset{grid-column:1/-1;border-color:#f0c5ca}.settings-grid .settings-reset>.material-symbols-rounded{background:#fff0f1;color:#b42335}
.material-symbols-rounded{font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24}

.settings-grid button:disabled,
.viewer-toolbar button:disabled {
  opacity: .4;
}

.viewer-modal {
  padding: 8px;
}

.viewer-card {
  width: min(100%, 980px);
  overflow-x: hidden;
}

.viewer-toolbar {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 7px;
  align-items: center;
  margin-bottom: 10px;
}

.print-menu-wrap {position:relative}
.print-icon {display:grid;place-items:center;width:40px;height:38px;padding:0!important}
.print-icon svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.print-listbox {position:absolute;z-index:130;top:calc(100% + 6px);right:0;width:190px;padding:5px;border:1px solid #8fa5bc;border-radius:9px;background:#fff;color:var(--navy);box-shadow:0 10px 28px #0004;font-size:.7rem;font-weight:750}
.print-listbox option {padding:8px}

#viewerCounter {
  text-align: center;
  font-size: .75rem;
  font-weight: 850;
}

.sheet-slider {
  display: flex;
  align-items: flex-start;
  transition: transform .25s ease;
}

.sheet-slide {
  flex: 0 0 100%;
  min-width: 0;
  overflow: auto;
}

.viewer-card .report-sheet {
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 8px;
  box-shadow: none;
}

@media(max-width:620px) {
  .settings-grid {grid-template-columns:1fr}
  .viewer-toolbar {grid-template-columns:auto 1fr auto}
  .viewer-card {padding:10px}
  .viewer-card .report-sheet table {font-size:8px}
  .viewer-card .report-sheet .major-col {width:18mm}
  .viewer-card .report-sheet .operator-col {width:26mm}
}

.connect-menu-wrap {
  position: relative;
}

.connect-listbox {
  position: absolute;
  z-index: 120;
  top: calc(100% + 7px);
  right: 0;
  width: 150px;
  padding: 5px;
  border: 1px solid #8fa5bc;
  border-radius: 9px;
  background: #fff;
  color: var(--navy);
  box-shadow: 0 10px 28px #0004;
  font-size: .72rem;
  font-weight: 750;
}

.connect-listbox option {
  padding: 8px;
  border-radius: 5px;
}

.storage-flow-card {
  text-align: center;
}

.storage-flow-card .primary,
.storage-flow-card .create-sheet-button {
  width: min(100%, 340px);
}

.storage-back {
  display: block;
  margin: 14px auto 0;
}

.quick-filter {display:flex;gap:6px;padding:9px 12px 5px;background:#e9f0f7}
.quick-filter button {flex:1;padding:7px 5px;border:1px solid #b9c9d9;border-radius:8px;background:#fff;color:#52647a;font-size:.66rem;font-weight:800}
.quick-filter button.active {border-color:var(--blue);background:var(--blue);color:#fff}

@media (max-width: 620px) {
  .icon-tool {
    width: 34px;
    height: 34px;
  }

  .picker-dialog{position:fixed!important;top:calc(env(safe-area-inset-top) + 12px)!important;right:8px!important;bottom:calc(env(safe-area-inset-bottom) + 12px)!important;left:8px!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;transform:none!important}
  .picker-dialog-content{height:calc(100% - 48px)!important;max-height:none!important}
  .picker-dialog-content iframe{width:100%!important;height:100%!important;max-height:none!important}
}