*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text',Arial,sans-serif;color:#1c1c1e;background:#fff}button,input,textarea{font-family:inherit}.screen{position:fixed;inset:0;overflow:hidden;background:#fff}.safe{padding:calc(env(safe-area-inset-top) + 18px) 22px calc(env(safe-area-inset-bottom) + 18px)}.home{background:radial-gradient(circle at top,#222,#000 70%);color:white;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:14px}.logo{font-size:46px;font-weight:900;letter-spacing:1px}.subtitle{color:#aaa;margin-bottom:22px}.btn{border:0;border-radius:18px;padding:15px 18px;font-weight:800;font-size:16px;background:#ffd60a;color:#111;width:100%;max-width:390px;margin:0 auto}.btn.dark{background:#1c1c1e;color:#fff}.btn.gray{background:#eee;color:#111}.pageTitle{font-size:34px;font-weight:850;margin:0 0 18px}.back{color:#ffb000;font-size:19px;font-weight:600;margin-bottom:18px;display:inline-block}.config,.training,.textpage{background:#f2f2f7;overflow:auto}.card{background:white;border-radius:18px;padding:15px;margin:12px 0;box-shadow:0 1px 0 rgba(0,0,0,.04)}label{display:block;font-size:13px;color:#777;margin:8px 0 4px}input,textarea{width:100%;font-size:17px;border:1px solid #ddd;border-radius:12px;padding:11px;background:#fff}textarea{height:110px}.row{display:flex;gap:10px;align-items:center}.pill{border:0;border-radius:999px;padding:10px 14px;background:#eee;font-weight:700}.pill.on{background:#ffd60a}.desk{background:#111;background-size:cover;background-position:center;color:white;touch-action:none}.status{position:absolute;top:calc(env(safe-area-inset-top) + 10px);left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:17px;z-index:5;color:inherit}.exit{position:absolute;top:calc(env(safe-area-inset-top) + 48px);left:18px;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.86);display:grid;place-items:center;font-size:38px;font-weight:900;color:#111;z-index:20}.ready{position:absolute;right:18px;bottom:calc(env(safe-area-inset-bottom) + 20px);color:#ffd60a;font-size:16px;z-index:20}.grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);z-index:10}.cell{display:grid;place-items:center;color:white;font-size:38px;font-weight:900}.training .grid{position:relative;height:70vh;background:#111;border-radius:24px;overflow:hidden}.training .cell{border:1px solid rgba(255,255,255,.45)}.zero{grid-column:2}.icons{position:absolute;top:95px;left:22px;right:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px 18px}.iconBox{text-align:center;color:white;font-size:12px;text-shadow:0 1px 3px #000}.icon{width:58px;height:58px;border-radius:14px;margin:0 auto 6px;background:#394150;display:grid;place-items:center;font-size:28px}.notesIcon{background:#ffd60a;color:#111}.folders,.note{background:#fff;color:#3a3a3c}.notesTop{height:112px;position:relative}.circleBtn{position:absolute;top:calc(env(safe-area-inset-top) + 22px);width:54px;height:54px;border-radius:50%;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.08);display:grid;place-items:center;font-size:44px;font-weight:900;color:#111}.circleBtn.left{left:18px}.circleBtn.r1{right:150px;font-size:38px}.circleBtn.r2{right:82px;font-size:34px}.circleBtn.r3{right:18px;font-size:35px}.noteTitle{font-size:44px;font-weight:900;line-height:1.02;margin:16px 0 26px;color:#414042}.foldersList{padding:0 18px}.folderRow{height:58px;border-radius:14px;background:#f7f7f9;margin:8px 0;padding:0 14px;display:flex;align-items:center;justify-content:space-between;font-size:20px;font-weight:600}.folderName{display:flex;gap:10px}.noteBody{padding:0 26px 120px;overflow:auto;height:calc(100% - 112px)}.noteListTitle{font-size:46px;font-weight:900;color:#414042;margin:10px 0 76px}.item{font-size:26px;line-height:1.28;font-weight:750;color:#444;white-space:pre-wrap}.bottomBar{position:absolute;left:24px;right:24px;bottom:calc(env(safe-area-inset-bottom) + 24px);display:flex;justify-content:space-between;align-items:center;pointer-events:none}.toolBubble{height:56px;border-radius:28px;background:#fff;box-shadow:0 12px 34px rgba(0,0,0,.08);display:flex;gap:28px;align-items:center;padding:0 24px;font-size:31px;color:#111}.compose{width:56px;height:56px;border-radius:50%;background:#fff;box-shadow:0 12px 34px rgba(0,0,0,.08);display:grid;place-items:center;font-size:33px;color:#111}.notice{font-size:13px;color:#888;margin-top:8px}.hidden{display:none!important}

/* V2 ajustes realismo iPhone/PWA */
html,body,#app{height:100dvh;min-height:100dvh;overscroll-behavior:none;position:fixed;inset:0;width:100%;overflow:hidden;touch-action:manipulation;background:#fff}
.screen{height:100dvh;min-height:100dvh}.desk{inset:0;background-size:cover;background-position:center center;background-repeat:no-repeat;touch-action:pan-x;user-select:none;-webkit-user-select:none}.deskPhoto{position:fixed;inset:0;background-size:cover;background-position:center center;background-repeat:no-repeat;transition:transform .22s ease-out}.deskPhoto.slideOut{transform:translateX(-100%)}.captureLayer{position:fixed;inset:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.captureCell{border:0;background:transparent}.captureCell.zero{grid-column:2}.training .grid{height:78vh}.training .cell{min-height:0}.thirdTap{position:fixed;inset:0;z-index:30}.exitHot{position:fixed;left:0;top:0;width:72px;height:72px;z-index:50;background:transparent}.readyDot{position:fixed;right:14px;bottom:calc(env(safe-area-inset-bottom) + 12px);width:7px;height:7px;border-radius:50%;background:#ffd60a;opacity:.65;z-index:40}.folderIcon{position:relative;width:27px;height:19px;display:inline-block;border:2.7px solid #ffd60a;border-radius:4px;margin-right:10px;vertical-align:-2px}.folderIcon:before{content:"";position:absolute;left:1px;top:-8px;width:13px;height:7px;border:2.7px solid #ffd60a;border-bottom:0;border-radius:4px 4px 0 0;background:transparent}.folderName{align-items:center}.folderRow{background:transparent;border-bottom:1px solid #ececef;border-radius:0;margin:0;padding:0 4px;height:54px}.foldersList{padding:0 26px}.noteTitle{margin-top:20px}.browserWarning{position:fixed;left:16px;right:16px;bottom:18px;z-index:9999;background:rgba(0,0,0,.82);color:#fff;border-radius:16px;padding:12px 14px;font-size:13px;line-height:1.25;text-align:center}


/* V3 ajustes finales */
html,body,#app{
  height:100vh;height:100svh;height:100dvh;
  min-height:-webkit-fill-available;
  background:#000!important;
  padding:0!important;
}
.screen{inset:0!important;height:100vh;height:100svh;height:100dvh;min-height:-webkit-fill-available;background:#000;}
.desk{background:#000!important;}
.deskStage{position:fixed;inset:0;overflow:hidden;background:#000;z-index:1;}
.deskTrack{position:absolute;inset:0;display:flex;width:200vw;height:100%;transform:translate3d(0,0,0);transition:transform .34s cubic-bezier(.22,.61,.36,1);will-change:transform;}
.deskTrack.go{transform:translate3d(-100vw,0,0);}
.deskPanel{width:100vw;height:100%;flex:0 0 100vw;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#000;}
.captureLayer,.thirdTap,.exitHot,.readyDot{z-index:30}.exitHot{width:54px;height:54px}.readyDot{bottom:10px;right:10px;width:6px;height:6px;}
/* En modo presentación no dejamos margen inferior blanco dentro de la app */
.folders,.note{background:#fff!important;padding-bottom:0!important;}
.notesTop{height:104px;}
/* Eliminamos la barra de estado falsa para evitar duplicación con la barra real de iOS */
.status{display:none!important;}
.circleBtn{top:calc(env(safe-area-inset-top) + 12px);width:58px;height:58px;font-size:46px;}
.circleBtn.r1{right:154px;font-size:42px}.circleBtn.r2{right:86px;font-size:38px}.circleBtn.r3{right:18px;font-size:38px}
.noteBody{height:calc(100% - 104px);padding-bottom:105px;}
.bottomBar{left:22px;right:22px;bottom:max(8px, env(safe-area-inset-bottom));}
.toolBubble{height:66px;border-radius:33px;font-size:37px;gap:31px;padding:0 27px;}
.compose{width:66px;height:66px;border-radius:50%;font-size:39px;}
.folderIcon{width:30px;height:21px;border-width:3px}.folderIcon:before{border-width:3px;width:15px;height:8px;top:-9px}
.home,.config,.training,.textpage{background-clip:border-box;}
@supports (padding:max(0px)){
  .safe{padding-top:max(18px, env(safe-area-inset-top));padding-bottom:max(18px, env(safe-area-inset-bottom));}
}


/* V5: cubrir franja inferior de iOS con overscan real en pantallas falsas */
:root{--overscan-bottom:90px;}
html,body,#app{background:#000!important;width:100vw!important;height:100%!important;min-height:100%!important;}
body{position:fixed!important;left:0;right:0;top:0;bottom:0;overflow:hidden!important;}
.screen.desk{height:calc(100vh + var(--overscan-bottom))!important;height:calc(100dvh + var(--overscan-bottom))!important;bottom:calc(-1 * var(--overscan-bottom))!important;background:#000!important;}
.deskStage{top:0!important;left:0!important;right:0!important;bottom:calc(-1 * var(--overscan-bottom))!important;height:calc(100vh + var(--overscan-bottom))!important;height:calc(100dvh + var(--overscan-bottom))!important;background:#000!important;}
.deskTrack,.deskPanel{height:calc(100vh + var(--overscan-bottom))!important;height:calc(100dvh + var(--overscan-bottom))!important;}
.deskPanel{background-size:cover!important;background-position:center center!important;}
.captureLayer,.thirdTap{top:0!important;left:0!important;right:0!important;bottom:calc(-1 * var(--overscan-bottom))!important;height:calc(100vh + var(--overscan-bottom))!important;height:calc(100dvh + var(--overscan-bottom))!important;}
.readyDot{bottom:calc(var(--overscan-bottom) + 10px)!important;}
.status{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important;}
.noteListTitle{font-size:34px!important;margin:4px 0 36px!important;line-height:1.05!important;}
.bottomBar{bottom:2px!important;transform:translateY(8px);}
.toolBubble{height:68px!important;border-radius:34px!important;font-size:39px!important;}
.compose{width:68px!important;height:68px!important;font-size:40px!important;}
@supports (height:100svh){
  .screen.desk,.deskStage,.deskTrack,.deskPanel,.captureLayer,.thirdTap{height:calc(100svh + var(--overscan-bottom))!important;}
}

/* V6: revertir overscan. En iOS PWA la zona del home indicator no siempre puede ocultarse;
   por seguridad la foto vuelve a terminar antes de esa franja, sin quedar tapada detrás. */
:root{--overscan-bottom:0px!important;}
html,body,#app{
  background:#000!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
}
body{position:fixed!important;inset:0!important;}
.screen.desk{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  bottom:0!important;
  background:#000!important;
  overflow:hidden!important;
}
.deskStage{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  bottom:0!important;
  overflow:hidden!important;
  background:#000!important;
}
.deskTrack{
  height:100vh!important;
  height:100dvh!important;
}
.deskPanel{
  height:100vh!important;
  height:100dvh!important;
  width:100vw!important;
  flex:0 0 100vw!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#000!important;
}
.captureLayer,.thirdTap{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  bottom:0!important;
}
.readyDot{bottom:10px!important;right:10px!important;}
.status{display:none!important;visibility:hidden!important;opacity:0!important;}
.noteListTitle{font-size:32px!important;margin:2px 0 32px!important;line-height:1.05!important;}
.bottomBar{bottom:max(6px, env(safe-area-inset-bottom))!important;transform:none!important;}
.toolBubble{height:66px!important;border-radius:33px!important;font-size:38px!important;}
.compose{width:66px!important;height:66px!important;font-size:39px!important;}
@supports (height:100svh){
  html,body,#app,.screen.desk,.deskStage,.deskTrack,.deskPanel,.captureLayer,.thirdTap{height:100svh!important;min-height:100svh!important;}
}


/* V7: salida secreta con dos dedos y listas más regulares */
.noteBody{
  padding-left:22px!important;
  padding-right:22px!important;
  -webkit-overflow-scrolling:touch;
}
.noteListTitle{
  font-size:30px!important;
  font-weight:600!important;
  margin:0 0 26px!important;
  letter-spacing:-0.2px;
}
.noteItems{
  width:100%;
  font-size:21px;
  line-height:1.34;
  color:#3f3f42;
  font-weight:400!important;
  padding-bottom:110px;
}
.noteLine{
  display:grid;
  grid-template-columns:48px 1fr;
  column-gap:9px;
  align-items:start;
  min-height:28px;
  padding:1px 0;
  font-weight:400!important;
}
.lineNum{
  text-align:right;
  font-weight:400!important;
  font-variant-numeric:tabular-nums;
  color:#3f3f42;
  white-space:nowrap;
}
.lineWord{
  text-align:left;
  font-weight:400!important;
  color:#3f3f42;
  overflow-wrap:break-word;
}
.item{font-weight:400!important;}
.photoAdjust{margin-top:14px;}
.photoAdjust input[type="range"]{padding:0;border:0;}
/* Ya no existe doble swipe; el scroll rápido en listas no sale al menú. */

/* V8: gesto de salida más estricto, iconografía iOS y editor visual de fotos */
.notesTop{position:relative;height:104px!important;z-index:10;}
.iosBack{
  position:absolute;left:12px;top:calc(env(safe-area-inset-top) + 14px);
  width:58px;height:58px;border:0;background:transparent;padding:0;display:grid;place-items:center;
}
.iosBackIcon{position:relative;width:28px;height:28px;display:block;}
.iosBackIcon:before,.iosBackIcon:after{content:"";position:absolute;left:5px;width:25px;height:3.2px;background:#f4b400;border-radius:3px;transform-origin:left center;}
.iosBackIcon:before{top:13px;transform:rotate(-42deg)}
.iosBackIcon:after{top:13px;transform:rotate(42deg)}
.iosTopIcon{position:absolute;top:calc(env(safe-area-inset-top) + 18px);width:48px;height:48px;color:#111;display:grid;place-items:center;font-size:35px;line-height:1;}
.undoIcon{right:142px;font-size:34px;}
.shareIcon{right:78px;}
.moreIcon{right:15px;font-size:37px;font-weight:500;}
.shareIcon:before{content:"";position:absolute;left:12px;right:12px;bottom:7px;height:27px;border:2.2px solid #111;border-top:2.2px solid #111;border-radius:8px;}
.shareIcon span:before{content:"";position:absolute;left:23px;top:2px;width:2.4px;height:29px;background:#111;border-radius:2px;z-index:2;}
.shareIcon span:after{content:"";position:absolute;left:17px;top:2px;width:12px;height:12px;border-left:2.4px solid #111;border-top:2.4px solid #111;transform:rotate(45deg);border-radius:1px;z-index:2;}
/* la flecha atraviesa la línea superior: estilo cuadrado con antenita */
.composeIcon{position:relative;width:66px;height:66px;border-radius:50%;background:#fff;box-shadow:0 12px 34px rgba(0,0,0,.08);}
.composeIcon:before{content:"";position:absolute;left:18px;top:19px;width:27px;height:27px;border:2.4px solid #111;border-radius:7px;}
.composeIcon span:before{content:"";position:absolute;left:31px;top:15px;width:3px;height:36px;background:#111;transform:rotate(45deg);border-radius:2px;}
.composeIcon span:after{content:"";position:absolute;left:42px;top:10px;width:9px;height:9px;border-top:3px solid #111;border-right:3px solid #111;transform:rotate(-1deg);border-radius:1px;}
.circleBtn{display:none!important;}
.photoBtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.photoEditor{background:#000!important;position:fixed!important;inset:0!important;padding:0!important;overflow:hidden!important;}
.photoPreview{position:fixed;inset:0;background-size:100% 100%;background-repeat:no-repeat;background-color:#111;}
.photoEditorTop{position:absolute;left:0;right:0;top:0;padding:calc(env(safe-area-inset-top) + 10px) 14px 10px;display:flex;justify-content:space-between;align-items:center;z-index:4;}
.editorBack,.editorSave{border:0;border-radius:16px;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#111;font-size:16px;padding:10px 13px;}
.editorBack{display:flex;gap:4px;align-items:center;}
.editorBack .iosBackIcon{width:18px;height:18px;}
.editorBack .iosBackIcon:before,.editorBack .iosBackIcon:after{width:17px;height:2.4px;background:#111;top:9px;left:3px;}
.photoEditorControls{position:absolute;left:14px;right:14px;bottom:max(16px,env(safe-area-inset-bottom));z-index:4;background:rgba(255,255,255,.88);border-radius:22px;padding:14px 16px;box-shadow:0 14px 40px rgba(0,0,0,.25);}
.photoEditorLabel{font-size:16px;font-weight:600;color:#111;margin-bottom:8px;}
.photoEditorControls input[type="range"]{width:100%;padding:0;border:0;}
.photoHint{font-size:12px;color:#555;margin-top:6px;}
.noPhoto{position:absolute;left:24px;right:24px;top:45%;text-align:center;color:#fff;font-size:18px;line-height:1.35;z-index:3;}

/* V9: refinamientos visuales y fotos sin deformación */
/* Capturas del iPhone: conservar proporción para que los iconos no se aplasten */
.deskPanel,
.photoPreview{
  background-size:cover!important;
  background-position:center center!important;
}

/* Flecha atrás: negra, patas un poco más cortas y dentro de círculo blanco translúcido */
.iosBack{
  left:12px!important;
  top:calc(env(safe-area-inset-top) + 15px)!important;
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.72)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  display:grid!important;
  place-items:center!important;
}
.iosBackIcon{
  width:23px!important;
  height:23px!important;
}
.iosBackIcon:before,
.iosBackIcon:after{
  left:4px!important;
  top:11px!important;
  width:19px!important;
  height:2.7px!important;
  background:#111!important;
  border-radius:3px!important;
  transform-origin:left center!important;
}
.iosBackIcon:before{transform:rotate(-42deg)!important;}
.iosBackIcon:after{transform:rotate(42deg)!important;}

/* Iconos superiores ligeramente reubicados para el nuevo tamaño */
.iosTopIcon{
  top:calc(env(safe-area-inset-top) + 15px)!important;
  width:42px!important;
  height:42px!important;
}
.undoIcon{right:122px!important;font-size:31px!important;}
.shareIcon{right:68px!important;}
.moreIcon{right:14px!important;font-size:33px!important;}

/* Compartir iOS: cuadrado perfecto más pequeño, trazo más grueso, flecha-antena atravesando arriba */
.shareIcon:before{
  content:""!important;
  position:absolute!important;
  width:20px!important;
  height:20px!important;
  left:11px!important;
  right:auto!important;
  bottom:6px!important;
  border:2.8px solid #111!important;
  border-radius:5.5px!important;
  box-sizing:border-box!important;
}
.shareIcon span:before{
  content:""!important;
  position:absolute!important;
  left:20px!important;
  top:2px!important;
  width:2.8px!important;
  height:25px!important;
  background:#111!important;
  border-radius:2px!important;
  z-index:3!important;
}
.shareIcon span:after{
  content:""!important;
  position:absolute!important;
  left:14.7px!important;
  top:2px!important;
  width:11px!important;
  height:11px!important;
  border-left:2.8px solid #111!important;
  border-top:2.8px solid #111!important;
  transform:rotate(45deg)!important;
  border-radius:1px!important;
  z-index:3!important;
}

/* Nueva nota: más pequeño; lápiz desde el centro hacia la esquina superior derecha */
.composeIcon{
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
}
.composeIcon:before{
  left:15px!important;
  top:17px!important;
  width:23px!important;
  height:23px!important;
  border:2.2px solid #111!important;
  border-radius:6px!important;
}
.composeIcon span:before{
  content:""!important;
  position:absolute!important;
  left:30px!important;
  top:13px!important;
  width:3px!important;
  height:20px!important;
  background:#111!important;
  transform:rotate(45deg)!important;
  transform-origin:center center!important;
  border-radius:2px!important;
}
.composeIcon span:after{
  content:""!important;
  position:absolute!important;
  left:39px!important;
  top:9px!important;
  width:8px!important;
  height:8px!important;
  border-top:3px solid #111!important;
  border-right:3px solid #111!important;
  transform:rotate(0deg)!important;
  border-radius:1px!important;
}
.bottomBar{bottom:max(5px, env(safe-area-inset-bottom))!important;}
.toolBubble{height:58px!important;border-radius:29px!important;font-size:33px!important;}

/* V10: refinamiento pixel-perfect de iconos iOS */
/* Fotos falsas: conservar proporción natural, sin aplastar los íconos */
.deskPanel,
.photoPreview{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* Atrás: círculo blanco translúcido, flecha negra, patitas más cortas y trazo apenas más ancho */
.iosBack{
  left:12px!important;
  top:calc(env(safe-area-inset-top) + 15px)!important;
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.74)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.06)!important;
  display:grid!important;
  place-items:center!important;
}
.iosBackIcon{
  width:22px!important;
  height:22px!important;
}
.iosBackIcon:before,
.iosBackIcon:after{
  content:""!important;
  position:absolute!important;
  left:4px!important;
  top:11px!important;
  width:17px!important;
  height:3px!important;
  background:#111!important;
  border-radius:4px!important;
  transform-origin:left center!important;
}
.iosBackIcon:before{transform:rotate(-42deg)!important;}
.iosBackIcon:after{transform:rotate(42deg)!important;}

/* Reubicación limpia de iconos superiores */
.iosTopIcon{
  top:calc(env(safe-area-inset-top) + 15px)!important;
  width:42px!important;
  height:42px!important;
  color:#111!important;
}
.undoIcon{right:122px!important;font-size:31px!important;font-weight:650!important;}
.shareIcon{right:68px!important;}
.moreIcon{right:14px!important;font-size:33px!important;font-weight:700!important;}

/* Compartir iOS: cuadrado un poco más grande, flecha más pequeña, trazo firme */
.shareIcon:before{
  content:""!important;
  position:absolute!important;
  width:23px!important;
  height:23px!important;
  left:9.5px!important;
  bottom:5.5px!important;
  border:2.7px solid #111!important;
  border-radius:6px!important;
  box-sizing:border-box!important;
}
.shareIcon span:before{
  content:""!important;
  position:absolute!important;
  left:20.1px!important;
  top:4px!important;
  width:2.55px!important;
  height:23px!important;
  background:#111!important;
  border-radius:3px!important;
  z-index:3!important;
}
.shareIcon span:after{
  content:""!important;
  position:absolute!important;
  left:15.2px!important;
  top:4px!important;
  width:10px!important;
  height:10px!important;
  border-left:2.55px solid #111!important;
  border-top:2.55px solid #111!important;
  transform:rotate(45deg)!important;
  border-radius:1px!important;
  z-index:3!important;
}

/* Nueva nota iOS: cuadrado más pequeño; lápiz corto desde centro hacia esquina superior derecha */
.composeIcon{
  width:54px!important;
  height:54px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(0,0,0,.08)!important;
}
.composeIcon:before{
  content:""!important;
  position:absolute!important;
  left:15px!important;
  top:17px!important;
  width:22px!important;
  height:22px!important;
  border:2.55px solid #111!important;
  border-radius:6px!important;
  box-sizing:border-box!important;
}
.composeIcon span:before{
  content:""!important;
  position:absolute!important;
  left:30px!important;
  top:13px!important;
  width:3.2px!important;
  height:18px!important;
  background:#111!important;
  transform:rotate(45deg)!important;
  transform-origin:center center!important;
  border-radius:3px!important;
  z-index:3!important;
}
.composeIcon span:after{
  content:""!important;
  position:absolute!important;
  left:38px!important;
  top:9px!important;
  width:7px!important;
  height:7px!important;
  border-top:3.2px solid #111!important;
  border-right:3.2px solid #111!important;
  border-radius:1px!important;
  transform:rotate(0deg)!important;
  z-index:3!important;
}


/* V11: editor de fotos realmente fluido y ajustes en tiempo real */
.deskPanel,
.photoPreview{
  background-position:center calc(50% + var(--photo-y, 0px))!important;
}
.photoEditorControls{
  padding:18px 18px 20px!important;
  pointer-events:auto!important;
  touch-action:auto!important;
}
.photoEditorControls input[type="range"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  height:44px!important;
  background:transparent!important;
  touch-action:pan-x!important;
  pointer-events:auto!important;
}
.photoEditorControls input[type="range"]::-webkit-slider-runnable-track{
  height:7px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.22)!important;
}
.photoEditorControls input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:34px!important;
  height:34px!important;
  margin-top:-13.5px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:1px solid rgba(0,0,0,.15)!important;
  box-shadow:0 3px 10px rgba(0,0,0,.35)!important;
}
.photoEditorControls input[type="range"]::-moz-range-track{
  height:7px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.22)!important;
}
.photoEditorControls input[type="range"]::-moz-range-thumb{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:1px solid rgba(0,0,0,.15)!important;
  box-shadow:0 3px 10px rgba(0,0,0,.35)!important;
}
.photoEditorTop, .photoEditorControls{user-select:none;-webkit-user-select:none;}