:root{--bg: #f6f5f1;--panel: rgba(255, 255, 255, .92);--panel-border: rgba(100, 116, 139, .25);--btn: #eceae4;--btn-hover: #dfddd5;--btn-active: #2563eb;--text: #1e293b;--accent: #2563eb;--danger: #dc2626}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#stage-container{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}#toolbar{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));background:linear-gradient(to bottom,#f6f5f1e6,#f6f5f100);pointer-events:auto}#toolbar-bottom{position:absolute;z-index:20;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:8px;pointer-events:auto}.tb-group{position:relative;display:flex;gap:4px;padding:4px;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;box-shadow:0 2px 10px #1e293b1f}.tb-btn{min-width:40px;height:40px;padding:0 10px;border:none;border-radius:8px;background:var(--btn);color:var(--text);font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease;-webkit-user-select:none;user-select:none;touch-action:manipulation}.tb-btn:hover{background:var(--btn-hover)}.tb-btn.active{background:var(--btn-active);color:#fff}.tb-stamp{font-size:13px}.tb-swatch{width:32px;height:32px;align-self:center;border:2px solid rgba(100,116,139,.35);border-radius:50%;cursor:pointer;padding:0;transition:transform .1s ease;touch-action:manipulation}.tb-swatch:hover{transform:scale(1.12)}.tb-swatch.active{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}.tb-current-color{margin:4px}.tb-popover{position:absolute;display:none;padding:8px;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 18px #1e293b2e;z-index:40;max-width:calc(100vw - 16px)}.tb-popover.open{display:flex}#toolbar-bottom .tb-popover{bottom:calc(100% + 10px);right:0}#toolbar .tb-popover{top:calc(100% + 10px);right:0}.tb-color-panel{gap:10px;flex-wrap:wrap;width:max-content;max-width:216px;justify-content:center}.tb-color-panel .tb-swatch{width:44px;height:44px}.tb-menu-panel{flex-direction:column;gap:4px;width:max-content}.tb-menu-item{justify-content:flex-start;width:100%;font-size:14px}#selection-bar{position:absolute;z-index:10;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 64px);left:50%;transform:translate(-50%) translateY(8px);display:flex;gap:4px;padding:4px;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 10px #1e293b1f;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}#selection-bar.visible{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}#selection-bar .tb-btn{font-size:14px}#selection-bar .tb-danger{color:var(--danger)}#selection-bar .tb-danger:hover{background:#dc26261a}.text-editor-wrap{position:absolute;z-index:15;display:flex;align-items:stretch;gap:6px;padding:6px;border:2px solid var(--accent);border-radius:10px;background:#fff;box-shadow:0 4px 18px #1e293b2e}.text-editor-wrap.docked{position:fixed;top:calc(max(10px,env(safe-area-inset-top)) + 62px);left:50%;transform:translate(-50%);width:min(92vw,380px)}.text-editor-input{flex:1;min-width:120px;max-width:min(70vw,340px);padding:4px 8px;border:none;background:transparent;color:var(--text);font-family:system-ui,-apple-system,sans-serif;outline:none;user-select:text;-webkit-user-select:text}.text-editor-save{border:none;border-radius:8px;padding:0 16px;min-height:40px;background:var(--btn-active);color:#fff;font-size:15px;font-weight:500;cursor:pointer;touch-action:manipulation}@media (pointer: coarse){.text-editor-save{min-height:48px;padding:0 20px}}#zoom-badge{position:absolute;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 64px);right:12px;padding:6px 10px;font-size:13px;font-variant-numeric:tabular-nums;background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;color:var(--text);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#1e293b59;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.pp-panel{width:min(440px,100%);max-height:min(80vh,640px);overflow-y:auto;padding:20px;background:#fff;border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 12px 40px #1e293b40}.pp-panel h2{margin:0 0 8px;font-size:18px}.pp-hint{margin:0 0 14px;font-size:13px;color:var(--text);opacity:.75;line-height:1.45}.pp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.pp-thumb{position:relative;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;border:1px solid var(--panel-border)}.pp-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pp-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;color:var(--text);background:var(--btn);border:1px dashed rgba(100,116,139,.5);cursor:pointer;touch-action:manipulation}.pp-add span{font-size:22px;line-height:1;color:var(--accent)}.pp-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;border-radius:50%;background:#1e293bbf;color:#fff;font-size:15px;line-height:1;cursor:pointer}.pp-error{margin:0 0 10px;font-size:13px;color:var(--danger);min-height:1em}.pp-buttons{display:flex;justify-content:flex-end;gap:8px}.pp-primary{background:var(--btn-active);color:#fff}.pp-primary:disabled{opacity:.45;cursor:default}.pp-spinner{width:34px;height:34px;margin:10px auto 14px;border:3px solid rgba(37,99,235,.2);border-top-color:var(--accent);border-radius:50%;animation:pp-spin .9s linear infinite}@keyframes pp-spin{to{transform:rotate(360deg)}}.pl-thumbbtn{padding:0;border:1px solid var(--panel-border);background:none;cursor:pointer}.pl-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;background:#0f172ae0}.pl-viewer img{max-width:100%;max-height:70vh;border-radius:8px;box-shadow:0 8px 30px #00000080}.pl-caption{color:#fff;font-size:13px;font-variant-numeric:tabular-nums;opacity:.9}.pl-viewer .tb-btn.tb-danger{color:#fca5a5;background:#dc26262e}.note-textarea{width:100%;margin-bottom:12px;padding:10px;border:1px solid var(--panel-border);border-radius:10px;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.4;resize:vertical;outline:none;user-select:text;-webkit-user-select:text}.note-textarea:focus{border-color:var(--accent)}#selection-bar .tb-btn.has-note{box-shadow:inset 0 0 0 2px #f59e0b}#outline-chip{position:absolute;z-index:18;top:calc(max(10px,env(safe-area-inset-top)) + 64px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 8px 6px 14px;background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 10px #1e293b1f;font-size:14px}#outline-chip .tb-btn{height:36px;min-width:0;font-size:13px}#outline-chip .tb-danger{color:var(--danger)}.stamp-ghost{position:fixed;transform:translate(-50%,-50%);padding:6px 10px;background:var(--accent);color:#fff;font-size:13px;border-radius:8px;pointer-events:none;z-index:1000;opacity:.9}@media (pointer: coarse){.tb-btn{min-width:48px;height:48px;font-size:18px}.tb-menu-item{font-size:15px}.tb-swatch{width:36px;height:36px}.tb-color-panel .tb-swatch{width:48px;height:48px}#selection-bar,#zoom-badge{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 72px)}}@media (pointer: coarse) and (max-width: 400px){#toolbar-bottom .tb-btn{min-width:44px;height:46px}#toolbar-bottom .tb-group{gap:3px}}@media (pointer: coarse) and (max-width: 350px){#toolbar-bottom .tb-btn{min-width:38px;height:44px;font-size:16px}#toolbar-bottom{gap:4px}}