:root {
  color-scheme: light;
  --bg:#f5f6f8;--surface:rgba(251,252,253,.96);--surface-strong:#fff;--line:rgba(18,23,31,.08);
  --text:#171a20;--muted:#767d88;--soft:#eef1f4;--soft-press:#e6eaf0;--primary:#20242c;--danger:#b44747;
  --shadow:0 18px 44px rgba(27,34,47,.1);--shadow-soft:0 10px 26px rgba(33,40,53,.08);
  --safe-top:max(env(safe-area-inset-top,0px),14px);--safe-bottom:max(env(safe-area-inset-bottom,0px),14px);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}body{user-select:none}textarea,input{user-select:text}
.app-shell{width:100%;height:100dvh;background:var(--bg)}.workspace{width:100%;height:100%;display:flex;flex-direction:column;min-width:0}.frame-shell{position:relative;flex:1 1 auto;min-height:0;background:#fff;overflow:hidden}.preview-stage{position:absolute;inset:0;background:#fff;overflow:hidden}.preview-frame{display:block;width:100%;height:100%;border:0;background:#fff}.preview-frame[hidden]{display:none}
.desktop-sidebar,.desktop-topbar{display:none}
.preview-expand-btn{position:absolute;z-index:7;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(22,28,38,.08);border-radius:13px;background:rgba(252,253,254,.76);color:#5e6875;box-shadow:0 8px 20px rgba(20,27,39,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:opacity .22s ease,transform .18s ease,background .18s ease}.preview-expand-btn:active{transform:scale(.96);background:rgba(252,253,254,.95)}.preview-expand-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.preview-expand-btn .collapse-icon{display:none}body.immersive .preview-expand-btn .expand-icon{display:none}body.immersive .preview-expand-btn .collapse-icon{display:block}body.immersive .preview-expand-btn{opacity:.22}body.immersive .preview-expand-btn:hover,body.immersive .preview-expand-btn:active{opacity:.76}
.bottom-dock{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr 1.08fr 1fr 1fr;gap:0;align-items:end;min-height:calc(72px + var(--safe-bottom));padding:5px 8px calc(8px + var(--safe-bottom));border-top:1px solid var(--line);background:rgba(249,250,252,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dock-button,.dock-add-wrap{border:0;background:transparent;color:#68717d}.dock-button{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:16px;font-size:11px;font-weight:560}.dock-button:active{background:rgba(32,36,44,.055);transform:scale(.985)}.dock-button svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.dock-add-wrap{position:relative;display:flex;min-height:62px;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;padding:0 0 5px}.dock-add{display:grid;width:56px;height:56px;place-items:center;border-radius:20px;background:var(--primary);color:#fff;box-shadow:0 10px 22px rgba(26,31,40,.2);transform:translateY(-10px)}.dock-add svg{width:23px;height:23px;stroke:currentColor;stroke-width:2;stroke-linecap:round}.dock-add-label{margin-top:-8px;font-size:10px;font-weight:620;color:#586270}.dock-add-wrap:active .dock-add{transform:translateY(-10px) scale(.96)}
.primary-action{border:0;border-radius:999px;min-height:44px;padding:0 18px;background:var(--primary);color:#fff;font-weight:650;letter-spacing:.01em;box-shadow:0 9px 18px rgba(26,31,40,.16)}.primary-action:active,.secondary-action:active{transform:scale(.985)}.large{min-height:54px;padding:0 25px;font-size:15px}.wide-action{width:100%;margin-top:15px}.secondary-action{min-height:44px;border:0;border-radius:999px;padding:0 14px;color:#4f5967;background:var(--soft);font-weight:650}.text-action{display:block;margin:16px auto 0;border:0;background:transparent;color:#5e6774;font-size:14px}
.empty-state{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:calc(36px + var(--safe-top)) 24px calc(34px + var(--safe-bottom));background:var(--bg)}.empty-card{width:min(100%,360px);text-align:center;transform:translateY(-4%)}.empty-icon{display:grid;width:88px;height:88px;place-items:center;margin:0 auto 22px;border:1px solid rgba(26,31,39,.055);border-radius:28px;background:rgba(255,255,255,.82);box-shadow:var(--shadow-soft)}.empty-icon svg{width:48px;height:48px;stroke:#55606e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}h1{margin:0 0 12px;font-size:25px;letter-spacing:-.03em}.empty-card p{margin:0 0 26px;color:var(--muted);font-size:14px;line-height:1.72}
.sheet-backdrop{position:fixed;inset:0;z-index:20;background:rgba(16,20,27,.16);opacity:0;transition:opacity .2s ease}.sheet-backdrop.visible{opacity:1}.sheet{position:fixed;z-index:21;left:0;right:0;bottom:0;max-height:calc(100dvh - var(--safe-top) - 10px);padding:10px 16px calc(16px + var(--safe-bottom));overflow:hidden;border-radius:28px 28px 0 0;background:rgba(252,253,254,.98);box-shadow:var(--shadow);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);transform:translateY(102%);transition:transform .21s ease}.sheet.open{transform:translateY(0)}.sheet-handle{width:38px;height:4px;margin:2px auto 12px;border-radius:999px;background:#d8dce2}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.sheet-head.compact{margin-bottom:10px}.sheet h2{margin:0;font-size:19px;letter-spacing:-.02em}.sheet p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.close-sheet{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:0;border-radius:50%;background:rgba(237,240,244,.82);color:#6b7481}.close-sheet svg{width:17px;height:17px;stroke:currentColor;stroke-width:2;stroke-linecap:round}.paste-sheet{min-height:58dvh}.integrity-sheet{min-height:39dvh}.history-sheet{height:82dvh}.menu-sheet{min-height:55dvh}.action-sheet{min-height:28dvh}.text-fallback-sheet{min-height:54dvh}.screenshot-sheet{min-height:48dvh}.screenshot-preview-sheet{height:82dvh}
textarea{width:100%;min-height:184px;resize:none;border:1px solid rgba(30,36,45,.09);border-radius:18px;padding:14px;outline:0;background:#fff;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.58}textarea:focus{border-color:rgba(35,42,52,.28);box-shadow:0 0 0 4px rgba(44,52,64,.055)}.sheet-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.muted{color:var(--muted);font-size:12px}.paste-meta{display:grid;gap:5px;min-width:0}.paste-integrity{color:#6d7784;font-size:11px}.paste-integrity.is-ok{color:#4f806f}.paste-integrity.is-warn{color:#a56831}.integrity-issues{display:grid;gap:8px;margin-top:4px}.integrity-issue{display:flex;gap:8px;align-items:flex-start;border-radius:13px;padding:10px 11px;color:#80511f;background:rgba(255,183,77,.11);font-size:13px;line-height:1.45}.integrity-issue:before{content:"!";display:grid;width:18px;height:18px;flex:0 0 auto;place-items:center;border-radius:50%;color:#fff;background:#b97732;font-size:11px;font-weight:800}.integrity-meta{margin:12px 0 0!important;color:var(--muted);font-size:12px!important}.integrity-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
.history-search{width:100%;height:40px;margin:0 0 10px;border:1px solid rgba(30,36,45,.08);border-radius:13px;padding:0 12px;outline:0;background:#fff;color:var(--text);font-size:13px}.history-list{height:calc(100% - 104px);overflow-y:auto;padding:2px 0 16px;overscroll-behavior:contain}.history-card{position:relative;display:flex;width:100%;min-height:126px;gap:13px;margin-bottom:10px;border:1px solid rgba(29,35,44,.05);border-radius:17px;padding:8px 46px 8px 8px;text-align:left;background:rgba(255,255,255,.86);transition:transform .16s ease,background .16s ease,border-color .16s ease}.history-card:active{transform:scale(.992);background:rgba(247,248,250,.98)}.history-card.is-current{border-color:rgba(50,72,101,.14);background:rgba(249,251,253,.98)}.history-more{position:absolute;top:9px;right:9px;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:12px;background:transparent;color:#7b8490}.history-more:active{background:var(--soft)}.history-more svg{width:17px;height:17px;fill:currentColor}.thumb{position:relative;width:74px;height:112px;flex:0 0 74px;overflow:hidden;border:1px solid rgba(21,27,35,.055);border-radius:11px;background:#e9ecf0}.thumb iframe{position:absolute;top:0;left:0;width:390px;height:590px;border:0;pointer-events:none;transform:scale(.19);transform-origin:top left;background:#fff}.thumb-placeholder{display:grid;height:100%;place-items:center;color:rgba(37,44,54,.62);text-align:center;font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.6}.history-info{min-width:0;flex:1;padding:6px 2px}.history-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.history-title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700}.badge{flex:0 0 auto;border-radius:999px;padding:2px 7px;background:#edf0f3;color:#68717d;font-size:10px}.history-meta{display:block;margin-top:9px;color:var(--muted);font-size:12px;line-height:1.7}.history-empty{padding:44px 12px;color:var(--muted);text-align:center;font-size:14px}.history-load-more{width:100%;min-height:42px;border:0;border-radius:13px;background:var(--soft);color:#65707d;font-size:13px}
.menu-list{display:grid;gap:4px}.menu-list button{min-height:46px;border:0;border-radius:13px;padding:0 10px;text-align:left;background:transparent;color:var(--text);font-size:15px}.menu-list button:active,.action-grid button:active{background:var(--soft)}.menu-divider{height:1px;margin:6px 0;background:var(--line)}.danger{color:var(--danger)!important}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-grid button{min-height:45px;border:0;border-radius:13px;background:var(--soft);color:var(--text);font-size:14px}
.option-group{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.option-group strong{grid-column:1/-1;color:#4e5866;font-size:13px}.option-group label{display:flex;align-items:center;gap:7px;min-height:42px;border:1px solid rgba(30,36,45,.07);border-radius:13px;padding:0 10px;background:#fff;color:#5f6975;font-size:13px}.option-group input{accent-color:#20242c}.shot-hint{margin-top:13px!important;font-size:12px!important}.shot-preview-wrap{height:calc(100% - 114px);overflow:auto;border:1px solid rgba(30,36,45,.07);border-radius:16px;background:#e9edf1}.shot-preview-wrap img{display:block;max-width:100%;height:auto;margin:0 auto;background:#fff}.shot-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.toast{position:fixed;z-index:40;left:50%;top:calc(var(--safe-top) + 14px);display:flex;max-width:min(calc(100% - 28px),380px);min-height:44px;align-items:center;gap:12px;border-radius:16px;padding:0 14px;background:rgba(31,36,45,.94);color:#fff;box-shadow:0 14px 28px rgba(16,20,27,.18);font-size:13px;transform:translateX(-50%)}.toast button{border:0;background:transparent;color:#d9e5ff;font-weight:700}.toast--soft{border:1px solid rgba(25,32,43,.06);background:rgba(250,251,252,.97);color:var(--text)}.toast--soft button{color:#335ea8}
body.immersive .bottom-dock,body.immersive .desktop-sidebar,body.immersive .desktop-topbar{display:none!important}body.immersive .app-shell{display:block!important}body.immersive .workspace{display:block}body.immersive .frame-shell{width:100vw!important;height:100dvh!important;margin:0!important;max-width:none!important;border-radius:0!important;box-shadow:none!important}body.immersive .preview-expand-btn{right:12px;bottom:calc(12px + var(--safe-bottom))}
@media (min-width:900px){
  body{background:#edf0f3}.app-shell{display:grid;grid-template-columns:310px minmax(0,1fr);height:100dvh}.desktop-sidebar{display:flex;min-width:0;flex-direction:column;border-right:1px solid var(--line);background:rgba(249,250,252,.98)}.desktop-brand{display:flex;gap:11px;align-items:center;padding:18px 16px 15px;border-bottom:1px solid var(--line)}.desktop-brand-icon{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(26,31,39,.055);border-radius:14px;background:#fff;box-shadow:var(--shadow-soft)}.desktop-brand-icon svg{width:25px;height:25px;stroke:#5b6674;stroke-width:1.7;stroke-linecap:round}.desktop-brand strong,.desktop-brand span{display:block}.desktop-brand strong{font-size:15px}.desktop-brand span{max-width:210px;margin-top:5px;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px}.desktop-primary-actions{padding:14px 14px 11px;border-bottom:1px solid var(--line)}.desktop-add-btn{display:flex;width:100%;min-height:46px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:15px;background:var(--primary);color:#fff;font-size:14px;font-weight:680;box-shadow:0 8px 18px rgba(26,31,40,.15)}.desktop-add-btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;stroke-linecap:round}.desktop-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.desktop-quick-grid button{display:flex;min-height:42px;align-items:center;justify-content:center;gap:5px;border:0;border-radius:12px;background:var(--soft);color:#626d7a;font-size:12px}.desktop-quick-grid svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.desktop-history-head{display:grid;gap:10px;padding:13px 14px 9px}.desktop-history-head>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.desktop-history-head strong{font-size:14px}.desktop-history-head span{color:var(--muted);font-size:11px}.desktop-history-head input{height:36px;border:1px solid rgba(30,36,45,.08);border-radius:11px;padding:0 10px;outline:0;background:#fff;font-size:12px}.desktop-history-list{flex:1;min-height:0;overflow-y:auto;padding:0 10px 14px}.desktop-history-list .history-card{min-height:92px;margin-bottom:7px;padding:6px 36px 6px 6px;border-radius:14px}.desktop-history-list .thumb{width:54px;height:80px;flex-basis:54px}.desktop-history-list .thumb iframe{transform:scale(.138)}.desktop-history-list .history-title{font-size:13px}.desktop-history-list .history-meta{margin-top:6px;font-size:11px}.desktop-history-list .history-more{top:6px;right:5px}.workspace{min-width:0;height:100dvh;padding:0;background:#edf0f3}.desktop-topbar{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;min-height:54px;padding:0 16px;border-bottom:1px solid var(--line);background:rgba(249,250,252,.94);color:#77808b;font-size:12px}.desktop-view-toggle{display:flex;gap:3px;border:1px solid rgba(30,36,45,.07);border-radius:999px;padding:3px;background:#fff}.desktop-view-toggle button{min-height:30px;border:0;border-radius:999px;padding:0 12px;background:transparent;color:#6a7481;font-size:12px}.desktop-view-toggle button.is-active{background:var(--primary);color:#fff}.frame-shell{margin:14px;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(24,31,43,.08)}body.desktop-mobile-preview .frame-shell{width:430px;margin:14px auto}.bottom-dock{display:none}.sheet{left:50%;right:auto;width:min(460px,calc(100vw - 32px));border-radius:24px;transform:translate(-50%,110%)}.sheet.open{transform:translate(-50%,0)}.history-sheet{width:min(520px,calc(100vw - 32px))}.screenshot-preview-sheet{width:min(760px,calc(100vw - 32px))}.preview-expand-btn{right:14px;bottom:14px}
}

.capture-loading{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:rgba(10,14,20,.26);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.capture-loading-card{display:grid;width:min(100%,280px);justify-items:center;border:1px solid rgba(255,255,255,.55);border-radius:22px;padding:22px 18px 18px;background:rgba(252,253,254,.96);box-shadow:0 20px 54px rgba(17,23,34,.18);text-align:center}.capture-spinner{width:34px;height:34px;margin-bottom:14px;border:3px solid rgba(32,36,44,.12);border-top-color:#20242c;border-radius:50%;animation:hpb-spin .75s linear infinite}.capture-loading-card strong{color:#20242c;font-size:16px;letter-spacing:-.02em}.capture-loading-card p{margin:8px 0 0;color:#68727f;font-size:13px;line-height:1.45}.capture-loading-card span{margin-top:10px;color:#9aa2ad;font-size:11px}@keyframes hpb-spin{to{transform:rotate(360deg)}}

/* v1.1.4 capture layout refinements */
.capture-queue-box{margin-top:14px;border:1px solid rgba(30,36,45,.07);border-radius:16px;padding:12px;background:#f8fafb}.capture-queue-box>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.capture-queue-box strong{color:#4e5866;font-size:13px}.capture-queue-box span{color:#7c8794;font-size:11px}.capture-queue-box p{margin:7px 0 0!important;color:#7b8490;font-size:12px!important;line-height:1.45}.capture-queue-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.capture-queue-actions button{min-height:42px}.queue-clear{display:block;margin:9px auto 0;border:0;background:transparent;color:#8a6570;font-size:12px}.queue-clear:active{opacity:.7}.full-fixed-options[hidden]{display:none!important}.primary-action:disabled{opacity:.42;box-shadow:none;cursor:not-allowed}

@media (min-width:900px){
  .sheet{top:50%;bottom:auto;max-height:min(82vh,760px);opacity:0;transform:translate(-50%,-46%) scale(.985);transition:transform .2s ease,opacity .2s ease}
  .sheet.open{opacity:1;transform:translate(-50%,-50%) scale(1)}
  .sheet-handle{display:none}
  .paste-sheet,.integrity-sheet,.menu-sheet,.action-sheet,.text-fallback-sheet,.screenshot-sheet{min-height:auto}
  .history-sheet{height:min(78vh,760px)}
  .screenshot-preview-sheet{height:min(82vh,820px)}
  .capture-queue-box{background:#f7f9fb}
}


/* v1.1.6 fullpage sticky overlay fix */
.sheet-backdrop{pointer-events:none}
.sheet-backdrop.visible{pointer-events:auto}
.sheet{pointer-events:none}
.sheet.open{pointer-events:auto}
.sheet.open button,.sheet.open input,.sheet.open textarea,.sheet.open label,.sheet.open .menu-list,.sheet.open .action-grid,.sheet.open .option-group,.sheet.open .capture-queue-box{pointer-events:auto}
button,label,input[type="radio"]{touch-action:manipulation}
.option-group label{cursor:pointer;-webkit-tap-highlight-color:transparent}
.screenshot-sheet,.menu-sheet,.action-sheet,.integrity-sheet,.paste-sheet,.text-fallback-sheet{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.screenshot-sheet{padding-bottom:calc(22px + var(--safe-bottom))}
@media (max-width:899px){
  .screenshot-sheet{max-height:calc(100dvh - var(--safe-top) - 8px)}
  .capture-queue-box{margin-bottom:4px}
}
@media (min-width:900px){
  .sheet{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .screenshot-sheet{max-height:min(86vh,820px)}
}


/* v1.1.8 capture final */
.capture-summary{display:grid;gap:7px;margin:12px 0 14px;border:1px solid rgba(30,36,45,.07);border-radius:15px;padding:13px;background:#f8fafb}.capture-summary strong{color:#404a57;font-size:14px}.capture-summary span{color:#7b8490;font-size:12px;line-height:1.55}.screenshot-sheet{height:244px!important;min-height:244px!important;max-height:244px!important;overflow:hidden!important}.screenshot-sheet .wide-action{margin-top:4px}.screenshot-preview-sheet{height:min(78dvh,720px)}
@media (min-width:900px){.screenshot-sheet{width:440px!important;height:240px!important;min-height:240px!important;max-height:240px!important;overflow:hidden!important}.screenshot-preview-sheet{height:min(80vh,780px)}}

.capture-secondary-action{margin:12px auto 0!important;font-size:13px}.screenshot-sheet{height:268px!important;min-height:268px!important;max-height:268px!important}.screenshot-sheet .wide-action{margin-top:4px}@media (min-width:900px){.screenshot-sheet{height:264px!important;min-height:264px!important;max-height:264px!important}}


/* v1.1.11 screenshot dialog cleanup */
.screenshot-sheet{height:auto!important;min-height:0!important;max-height:min(92dvh,420px)!important;overflow-y:auto!important;padding-bottom:calc(18px + var(--safe-bottom))!important;}
.screenshot-sheet .sheet-head{margin-bottom:10px!important;}
.screenshot-sheet .sheet-head h2{font-size:20px!important;line-height:1.15;}
.screenshot-sheet .sheet-head p{font-size:13px!important;line-height:1.45;}
.screenshot-sheet .capture-summary{margin:10px 0 12px!important;padding:12px!important;border-radius:16px!important;}
.screenshot-sheet .primary-action.wide-action{min-height:52px!important;margin-top:0!important;border-radius:18px!important;}
.screenshot-sheet .capture-secondary-action{display:block;width:100%;min-height:42px;margin:8px 0 0!important;text-align:center;}
@media (min-width:900px){.screenshot-sheet{width:430px!important;max-height:380px!important;padding:22px!important;border-radius:24px!important;}.screenshot-sheet .close-sheet{width:34px!important;height:34px!important;}.screenshot-sheet .sheet-head{gap:12px!important;}.sheet-backdrop.visible{background:rgba(16,20,27,.12)!important;}}
@media (max-width:899px){.screenshot-sheet{border-radius:28px 28px 0 0!important;}.screenshot-sheet .capture-secondary-action{font-size:13px!important;color:#697384!important;}}