:root{color-scheme:dark;--bg:#111821;--panel:#1a2634;--line:#354457;--ink:#f1f5fa;--muted:#b3c1d1;--accent:#b6efcd;--danger:#ffb6b6;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}[hidden]{display:none!important}main{max-width:1100px;margin:auto;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 12px}header strong{letter-spacing:.15em;font-size:1.15rem}header span{display:block;color:var(--muted);font-size:.85rem;margin-top:4px}header p{font-size:.8rem;margin:0;text-align:right}h1{font-size:1.6rem}p{line-height:1.5}#welcome{padding:24px 4px;max-width:600px}button,input,textarea,select{font:inherit}button,select,input,textarea{border:1px solid var(--line);border-radius:8px;background:#172130;color:var(--ink);padding:11px;min-height:44px}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button:hover:enabled{border-color:var(--accent)}select{min-width:0}input,textarea{width:100%}input[type=checkbox]{width:auto;min-height:0;accent-color:var(--accent)}textarea{resize:vertical}.tabbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0}.tabbar label{font-size:.85rem}.tabbar select{flex:1}.tabbar span{font-size:.78rem;color:var(--muted)}.viewer{position:relative;height:46vh;min-height:250px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0a1018}.viewer iframe{width:100%;height:100%;border:0}.viewer p{position:absolute;inset:20px;text-align:center;pointer-events:none;color:var(--muted)}.controls{margin-top:12px;background:var(--panel);padding:14px;border:1px solid var(--line);border-radius:10px}.targetrow{display:flex;align-items:center;gap:10px;margin-bottom:12px}.targetrow span{font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}.targetrow button{flex-shrink:0}.options{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px;font-size:.85rem}.options select{flex:1}.options label:last-child{display:flex;align-items:center;gap:5px}#inputLabel{display:block;font-size:.85rem;margin-bottom:7px}.sendrow,.keyrow{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}.sendrow .primary{flex:1;min-width:170px}.primary,.done{background:var(--accent);color:#10231a;border-color:var(--accent);font-weight:700}.keyrow button{flex:1;min-width:52px}details{margin-top:12px}summary{cursor:pointer;padding:8px 0;color:var(--muted)}details select{width:100%;margin-top:7px}.small{font-size:.76rem;color:var(--muted);margin-bottom:0}.done{width:100%;margin-top:4px;min-height:48px}#result{font-size:.85rem;min-height:1.5em;overflow-wrap:anywhere}#result.error{color:var(--danger)}footer{font-size:.72rem;color:var(--muted);text-align:center;padding:16px 0}@media(min-width:850px){#workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);gap:12px}.tabbar{grid-column:1/-1}.viewer{height:73vh;min-height:520px}.controls{margin-top:0}.targetrow{align-items:flex-start;flex-direction:column}}@media(max-width:430px){main{padding:8px}.controls{padding:10px}.targetrow{align-items:flex-start;flex-direction:column}.viewer{min-height:210px;height:38vh}.sendrow button{padding:10px 8px}.tabbar #expiry{width:100%}}

.keyboardOpen{
  width:100%;
  margin:0 0 9px;
  min-height:52px;
  background:#223249;
  border-color:var(--accent);
  font-weight:700;
  touch-action:manipulation;
}
#secretInput,#plainInput{
  font-size:16px;
  scroll-margin-bottom:calc(110px + var(--keyboard-height,0px));
}
@media(max-width:700px){
  .controls{padding-bottom:calc(12px + env(safe-area-inset-bottom));}
  .keyboardOpen{
    position:sticky;
    bottom:calc(6px + env(safe-area-inset-bottom));
    z-index:5;
    box-shadow:0 6px 24px #0008;
  }
  #secretInput,#plainInput{min-height:52px;}
}