/* web4-flipbook — 付箋 (BURTLE 方式 / Phase 3) のスタイル。
 *
 * テーマで上書きしたい場合は viewer.css と同様、
 *   /web4-flipbook/annotations.css をテーマに置く ... もできるが、
 * シンプルに `.w4fb-pin` `.w4fb-sticky-panel` 等を直接上書きでもOK。
 */

/* -------- ピンレイヤ (現ページ host 内、画像実描画領域に揃う) -------- */

.web4-flipbook .w4fb-flip-page {
	position: relative;
}
.w4fb-pin-layer {
	position: absolute;
	z-index: 5;
	box-sizing: border-box;
	user-select: none;
}
.w4fb-pin-layer.w4fb-anno-hidden {
	visibility: hidden;
	pointer-events: none;
}
.w4fb-pin-layer.w4fb-anno-transit {
	visibility: hidden;
}
.web4-flipbook.w4fb-placing .w4fb-pin-layer {
	cursor: crosshair;
}
/* 配置モード中はピンをイベント透過にして「ピンの上にも新規配置できる」UX に。
 * ピン自体の click ハンドラには placing 中の早期 return もあるが、
 * ここで pointer-events を切れば pointerdown も pin に届かないのでより確実。 */
.web4-flipbook.w4fb-placing .w4fb-pin {
	pointer-events: none;
}

/* ピン本体 — 色付きの円形マーカー。中心がアンカー位置。
 *
 * デザイン方針 (2026-05-21 改修):
 *   - 白縁は明るい背景 (紙面・白系写真) で同化して見えなくなるため廃止。
 *   - 代わりに box-shadow の暗いリングでコントラスト枠を構築 (どんな背景色でも明確に見える)。
 *   - サイズを 22px → 28px に拡大して視認性アップ。
 *   - ドロップシャドウを強化して紙面から「浮いて」見えるように。
 */
.w4fb-pin {
	position: absolute;
	transform: translate(-50%, -50%);
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	/* 2 段の box-shadow を合成:
	 *   1. 暗い細リング (1.5px): 白縁の代替コントラスト。どんな背景でも縁が見える。
	 *   2. ドロップシャドウ (2px オフセット / ぼかし 0 / くっきり): 紙面に「貼られた」
	 *      ような明確な影。ぼかしを 0 にすることで小さい UI 要素のシルエットを保つ。 */
	box-shadow:
		0px 0px 2px rgba(0,0,0,0.8),
		1px 1px 1px rgba(0, 0, 0, 0.8);
	cursor: pointer;
	background: #fbc02d;
	box-sizing: border-box;
	z-index: 1;
	outline: none;
	/* アイコン色: 全色 (yellow/red/blue/green) で白に統一。
	   黄は Material Yellow 700 (#fbc02d) を採用したので白アイコンでもコントラスト確保。 */
	--w4fb-pin-icon-color: rgba(255, 255, 255, 0.95);
}
.w4fb-pin::after {
	content: '';
	position: absolute;
	inset: -5px; /* タッチ用の hit area (34 + 10 = 44px 相当、WCAG AAA) */
}
/* ピン中央にタグ (付箋) アイコンを mask-image で重ね描き。
 * ツールバーの「付箋を追加」ボタンと同じ Material Design 'local_offer' を使い UI を統一。
 * mask を使うことで SVG 自体は色情報を持たず、background-color で動的に色付け可能
 * (黄系ピン → 暗色、赤/青/緑 → 白)。 */
.w4fb-pin::before {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-color: var(--w4fb-pin-icon-color);
	-webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 7A1.5 1.5 0 0 1 4 5.5 1.5 1.5 0 0 1 5.5 4 1.5 1.5 0 0 1 7 5.5 1.5 1.5 0 0 1 5.5 7m15.91 4.58-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.41l9 9c.36.36.86.59 1.41.59s1.05-.23 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.56-.23-1.06-.59-1.42z'/%3E%3C/svg%3E") center / 60% no-repeat;
	mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.5 7A1.5 1.5 0 0 1 4 5.5 1.5 1.5 0 0 1 5.5 4 1.5 1.5 0 0 1 7 5.5 1.5 1.5 0 0 1 5.5 7m15.91 4.58-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.41l9 9c.36.36.86.59 1.41.59s1.05-.23 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.56-.23-1.06-.59-1.42z'/%3E%3C/svg%3E") center / 60% no-repeat;
}
/* ピンカラー (黄: Material Yellow 700 / 他: Material 500 系)。
 * 明るい背景でも視認性を確保しつつ、白アイコンでの統一感を取るため
 * yellow のみ Yellow 700 (深め) を採用 (500 #ffeb3b だと白アイコンが見えない)。
 * 変更時は下の leader-line / 色選択モーダル / viewer.css の付箋色 / SettingsPage 等も同期させること。
 * アイコン色は --w4fb-pin-icon-color: rgba(255,255,255,0.95) を base で固定 (全色白)。 */
.w4fb-pin.w4fb-color-yellow { background: #fbc02d; }
.w4fb-pin.w4fb-color-red    { background: #f44336; }
.w4fb-pin.w4fb-color-blue   { background: #2196f3; }
.w4fb-pin.w4fb-color-green  { background: #4caf50; }

/* 開いているピンは強調表示: 暗リングを太く + 外側に白ハロー + ドロップシャドウもくっきり + 拡大 */
.w4fb-pin.w4fb-pin-active {
	box-shadow:
		0 0 0 2px rgba(0, 0, 0, 0.5),
		0 0 0 5px rgba(255, 255, 255, 0.7),
		0 3px 0 rgba(0, 0, 0, 0.6);
	transform: translate(-50%, -50%) scale(1.15);
}

/* -------- 引き出し線 SVG (root 直下) -------- */

.w4fb-leader-svg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 7;
	overflow: visible;
}
.w4fb-leader-svg.w4fb-leader-empty .w4fb-leader-line {
	display: none;
}
.w4fb-leader-svg.w4fb-anno-transit {
	visibility: hidden;
}
.w4fb-leader-line {
	/* color クラス未付与時のフォールバック (色不明データなど) */
	stroke: rgba(255, 255, 255, 0.85);
	stroke-width: 1.5;
	stroke-dasharray: 5 3;
	fill: none;
}
/* 付箋カラーに合わせて引き出し線も色付け (.w4fb-pin の色値と一致、Material 500 系) */
.w4fb-leader-line.w4fb-color-yellow { stroke: rgba(251, 192, 45, 0.95); }
.w4fb-leader-line.w4fb-color-red    { stroke: rgba(244, 67, 54, 0.95); }
.w4fb-leader-line.w4fb-color-blue   { stroke: rgba(33, 150, 243, 0.95); }
.w4fb-leader-line.w4fb-color-green  { stroke: rgba(76, 175, 80, 0.95); }

/* -------- パネルレイヤ (root 直下、画面中央付近に固定) -------- */

.w4fb-panel-layer {
	position: absolute;
	top: 12%;
	right: 4%;
	width: min(360px, 90vw);
	z-index: 10;
	pointer-events: none; /* 子のパネルだけ受ける */
}
.w4fb-panel-layer.w4fb-anno-transit {
	visibility: hidden;
}

/* 付箋パネル本体 */
.w4fb-sticky-panel {
	pointer-events: auto;
	background: #fff;
	color: #1a1a1a;
	border-radius: 6px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45), 0 2px 6px rgba(0, 0, 0, 0.3);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	font-size: 13px;
	min-height: 220px;
	max-height: 70vh;
}

/* ヘッダー (色帯) */
.w4fb-sticky-head {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 10px;
	color: #fff;
	font-weight: 600;
}
.w4fb-color-yellow > .w4fb-sticky-head { background: #fbc02d; }
.w4fb-color-red    > .w4fb-sticky-head { background: #e53935; }
.w4fb-color-blue   > .w4fb-sticky-head { background: #1e88e5; }
.w4fb-color-green  > .w4fb-sticky-head { background: #43a047; }

.w4fb-sticky-title {
	flex: 1 1 auto;
	font-size: 13px;
}
.w4fb-sticky-head button {
	background: transparent;
	border: 0;
	color: inherit;
	cursor: pointer;
	padding: 2px 4px;
	border-radius: 3px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}
.w4fb-sticky-head button:hover {
	background: rgba(255, 255, 255, 0.25);
}
.w4fb-sticky-del svg {
	width: 16px;
	height: 16px;
	display: block;
}
.w4fb-sticky-close {
	font-size: 18px;
	width: 22px;
	height: 22px;
}

/* 本文 (contenteditable) */
.w4fb-sticky-body {
	flex: 1 1 auto;
	padding: 10px 12px;
	min-height: 100px;
	overflow: auto;
	white-space: pre-wrap;
	word-break: break-word;
	outline: none;
	cursor: text;
	color: #1a1a1a;
}
/* placeholder: textContent が空なら data-placeholder を疑似要素で表示 */
.w4fb-sticky-body:empty::before {
	content: attr(data-placeholder);
	color: #999;
}
.w4fb-sticky-body.w4fb-sticky-editing {
	box-shadow: inset 0 0 0 2px rgba(74, 144, 226, 0.5);
}

/* フッター (リンク先 select + 移動ボタン) */
.w4fb-sticky-foot {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 10px;
	border-top: 1px solid #e0e0e0;
	background: #f7f7f7;
	font-size: 12px;
}
.w4fb-sticky-link-label {
	flex: 0 0 auto;
	color: #555;
}
.w4fb-sticky-link-select {
	flex: 1 1 auto;
	min-width: 0;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px 6px;
	font-size: 12px;
	color: #1a1a1a;
}
.w4fb-sticky-goto {
	flex: 0 0 auto;
	background: #4a90e2;
	color: #fff;
	border: 0;
	border-radius: 3px;
	padding: 4px 12px;
	font-size: 12px;
	cursor: pointer;
}
.w4fb-sticky-goto:hover { background: #3b7fcc; }
.w4fb-sticky-goto:disabled {
	background: #b0b0b0;
	cursor: not-allowed;
}

/* -------- 色選択モーダル (<dialog>) -------- */

.w4fb-color-picker {
	border: 0;
	border-radius: 6px;
	padding: 16px 20px;
	max-width: 90vw;
	background: #fff;
	color: #1a1a1a;
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5);
}
.w4fb-color-picker::backdrop {
	background: rgba(0, 0, 0, 0.5);
}
.w4fb-color-picker-title {
	margin: 0 0 12px;
	font-size: 14px;
	text-align: center;
}
.w4fb-color-picker-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	margin-bottom: 12px;
}
.w4fb-color-picker-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	background: transparent;
	border: 1px solid transparent;
	padding: 6px 4px;
	cursor: pointer;
	border-radius: 4px;
	font-size: 12px;
	color: #1a1a1a;
}
.w4fb-color-picker-btn:hover {
	background: #f0f0f0;
	border-color: #ddd;
}
.w4fb-color-picker-swatch {
	display: block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.w4fb-color-picker-btn.w4fb-color-yellow .w4fb-color-picker-swatch { background: #fbc02d; }
.w4fb-color-picker-btn.w4fb-color-red    .w4fb-color-picker-swatch { background: #ef5350; }
.w4fb-color-picker-btn.w4fb-color-blue   .w4fb-color-picker-swatch { background: #42a5f5; }
.w4fb-color-picker-btn.w4fb-color-green  .w4fb-color-picker-swatch { background: #66bb6a; }

.w4fb-color-picker-cancel {
	display: block;
	margin: 0 auto;
	padding: 6px 18px;
	background: transparent;
	border: 1px solid #aaa;
	border-radius: 3px;
	color: #555;
	font-size: 12px;
	cursor: pointer;
}
.w4fb-color-picker-cancel:hover {
	background: #f0f0f0;
}

/* -------- ツールバーのアイコンボタン (全アイコン共通) -------- */

.web4-flipbook .w4fb-btn-icon {
	/* アイコンボタンを 44×44 の正方形に保つため、SVG 24px の周囲を 10px ずつパディング (24 + 20 = 44) */
	padding: 10px;
}
.web4-flipbook .w4fb-btn-icon svg {
	display: block;
	width: 24px;
	height: 24px;
}

/* 配置モード (色選択後) のアクティブ表現 */
.web4-flipbook .w4fb-btn.w4fb-active {
	background: var(--w4fb-accent);
	color: #fff;
	border-color: transparent;
}
.web4-flipbook .w4fb-btn.w4fb-active:hover {
	background: var(--w4fb-accent);
	opacity: 0.9;
}
.web4-flipbook .w4fb-btn-muted {
	opacity: 0.5;
}

/* モバイル */
@media (max-width: 720px) {
	.w4fb-panel-layer {
		top: 8%;
		right: 5%;
		left: 5%;
		width: auto;
	}
	.w4fb-sticky-panel {
		max-height: 60vh;
	}
}

/* ================================================================
 * ペンツール (L3 / フリーハンド描画)
 * ================================================================ */

/* 描画レイヤ (各ページ host 内、画像実描画領域に揃う SVG)。
 * 通常は pointer-events:none で透過。描画モード ON 時のみクリックを受ける。 */
.w4fb-drawing-layer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	user-select: none;
	z-index: 4;  /* .w4fb-pin-layer (z-index:5) の下、画像 (~0) の上 */
	overflow: visible;
	display: block;
}
.w4fb-drawing-layer.w4fb-anno-transit {
	visibility: hidden;
}

/* 描画モード ON 時: SVG がクリックを受ける + crosshair カーソル。
 * w4fb-drawing は viewer.root にも付くため、子の SVG が pointer-events を継承する */
.web4-flipbook.w4fb-drawing .w4fb-drawing-layer {
	pointer-events: auto;
	cursor: crosshair;
	touch-action: none; /* タブレットでパン/ズームと衝突しないように */
}

/* 描画/消しゴムモード中は付箋ピンレイヤ (z-index:5、drawing-layer:4 より上) を透過。
 * これをやらないと pin-layer が SVG の上から pointerdown を奪い、描画ジェスチャが
 * 一切始まらない (pin-layer は付箋なし領域でも全面に展開しているため)。
 * ピンクリックはペンモード OFF 時のみ。描画優先の UX。 */
.web4-flipbook.w4fb-drawing .w4fb-pin-layer,
.web4-flipbook.w4fb-erasing .w4fb-pin-layer {
	pointer-events: none;
}
/* 消しゴムモード時: SVG レイヤ全体がイベントを受ける (下の StPageFlip 等への
 * 誤伝播を防ぐ)。path 単体はクリックで削除、空白部分のクリックは drawing.js 側で
 * 無視する (= pointerdown 受けるが mode が 'eraser' なら何もしない)。 */
.web4-flipbook.w4fb-erasing .w4fb-drawing-layer {
	pointer-events: auto;
	cursor: cell;
	touch-action: none;
}
.web4-flipbook.w4fb-erasing .w4fb-drawing-path {
	pointer-events: visibleStroke;
	cursor: cell;
}
.web4-flipbook.w4fb-erasing .w4fb-drawing-path:hover {
	stroke-opacity: 0.4;
}

/* path 共通 (描画時は描画モードのみクリック受理) */
.w4fb-drawing-path {
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	pointer-events: none;
}

/* ----------------- ツールパレット popover ----------------- */

.w4fb-drawing-palette {
	position: fixed;
	z-index: 999999;
	background: #2a2a2a;
	color: #f0f0f0;
	border: 1px solid #444;
	border-radius: 8px;
	padding: 6px 10px 10px;
	/* iPad 縦持ち等で 6 色 + label + padding が 220px に収まらず白がはみ出る不具合があった。
	 * min-width を 260px に上げて、 色行は flex-wrap で 1 行に収まらない場合も自然に折返す。 */
	min-width: 260px;
	max-width: 320px;
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5);
	font-size: 13px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	/* ヘッダドラッグ時に iOS のスクロール/ピンチが起きないように */
	touch-action: none;
}
/* ヘッダ (タイトル + 閉じる × ボタン) — クリック/タッチでパレット全体をドラッグ移動できる */
.w4fb-drawing-palette__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 -4px 2px;
	padding: 2px 4px;
	cursor: move;
	user-select: none;
	border-bottom: 1px solid #3a3a3a;
}
.w4fb-drawing-palette__title {
	font-size: 12px;
	color: #bbb;
	font-weight: 600;
	letter-spacing: 0.02em;
}
.w4fb-drawing-palette__close {
	background: transparent;
	border: 0;
	color: #ccc;
	cursor: pointer;
	font-size: 18px;
	line-height: 1;
	padding: 2px 8px;
	border-radius: 3px;
	min-width: 28px;
	min-height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.w4fb-drawing-palette__close:hover {
	background: #444;
	color: #fff;
}
.w4fb-drawing-palette__row {
	display: flex;
	align-items: center;
	gap: 8px;
}
.w4fb-drawing-palette__label {
	flex: 0 0 36px;
	color: #bbb;
	font-size: 12px;
}

/* 色ピッカ: 丸ボタン横並び。 iPad 等で幅が足りない場合は wrap して 2 段に。 */
.w4fb-drawing-palette__colors {
	display: flex;
	gap: 6px;
	flex: 1 1 auto;
	flex-wrap: wrap;
}
/* 各色ボタンの縁取り設計 (4 色 + 黒の標準パターン):
 *   - 通常時:   (透明 border) + 内側1px 白線 + カラー色  → 「色」「白縁」「色」が薄く
 *   - active時: 白 border + 内側1px 黒線 + カラー色      → 「白枠」「黒縁」「色」がハッキリ
 * 黒は背景 (#212121) で白縁が映える / カラー色全般でも同じ視覚効果。
 * 白だけはこのパターンだと「白枠が見えない」ため、下で反転 override する。 */
.w4fb-drawing-palette__color {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 2px solid transparent;
	background: transparent;
	cursor: pointer;
	padding: 0;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
	transition: transform 0.1s ease;
}
.w4fb-drawing-palette__color:hover {
	transform: scale(1.1);
}
.w4fb-drawing-palette__color.w4fb-active {
	border-color: #fff;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6) inset, 0 0 6px rgba(255, 255, 255, 0.4);
}
.w4fb-drawing-palette__color.w4fb-color-yellow { background: #fbc02d; }
.w4fb-drawing-palette__color.w4fb-color-red    { background: #e53935; }
.w4fb-drawing-palette__color.w4fb-color-blue   { background: #1e88e5; }
.w4fb-drawing-palette__color.w4fb-color-green  { background: #43a047; }
.w4fb-drawing-palette__color.w4fb-color-black  { background: #212121; }
.w4fb-drawing-palette__color.w4fb-color-white  { background: #ffffff; }
/* 白だけ反転パターン (白円に白線/白枠は同化して見えないため):
 *   - 通常時:   (透明 border) + 内側1px 黒線 + 白色   → 「白」「黒縁」「白」
 *   - active時: 黒 border + 内側1px 黒線 + 白色       → 「黒枠」「黒縁」「白」
 * 4 色や黒の標準パターン (色+反対色線+色) と同じ構造を保ちつつ、見えない部分だけ
 * 反対色に置き換えた形。視覚的なリズム (二重リング) は揃って見える。 */
.w4fb-drawing-palette__color.w4fb-color-white {
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset;
}
.w4fb-drawing-palette__color.w4fb-color-white.w4fb-active {
	border-color: #888;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6) inset, 0 0 6px rgba(255, 255, 255, 0.5);
}

/* 太さピッカ: 中央に円のドット */
.w4fb-drawing-palette__sizes {
	display: flex;
	gap: 6px;
	flex: 1 1 auto;
}
.w4fb-drawing-palette__size {
	flex: 1 1 0;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #1f1f1f;
	border: 1px solid #444;
	border-radius: 4px;
	cursor: pointer;
	padding: 0;
}
.w4fb-drawing-palette__size:hover {
	background: #333;
}
.w4fb-drawing-palette__size.w4fb-active {
	background: #444;
	border-color: #888;
}
.w4fb-drawing-palette__size-dot {
	display: block;
	background: #f0f0f0;
	border-radius: 50%;
}

/* ツール選択 (ペン / 消しゴム) */
.w4fb-drawing-palette__tools {
	gap: 6px;
}
.w4fb-drawing-palette__tool {
	flex: 1 1 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	background: #1f1f1f;
	border: 1px solid #444;
	border-radius: 4px;
	color: #f0f0f0;
	padding: 6px 10px;
	font-size: 12px;
	cursor: pointer;
}
.w4fb-drawing-palette__tool:hover {
	background: #333;
}
.w4fb-drawing-palette__tool.w4fb-active {
	background: var(--w4fb-accent, #4a90e2);
	border-color: transparent;
	color: #fff;
}
.w4fb-drawing-palette__tool svg {
	width: 16px;
	height: 16px;
	display: block;
}

/* アクション (Undo / Redo / Clear) */
.w4fb-drawing-palette__actions {
	border-top: 1px solid #444;
	padding-top: 8px;
	gap: 6px;
}
.w4fb-drawing-palette__action {
	flex: 1 1 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	background: transparent;
	border: 1px solid #444;
	border-radius: 4px;
	color: #f0f0f0;
	padding: 6px 4px;
	font-size: 11px;
	cursor: pointer;
}
.w4fb-drawing-palette__action:hover:not(:disabled) {
	background: #333;
}
.w4fb-drawing-palette__action:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}
.w4fb-drawing-palette__action svg {
	width: 14px;
	height: 14px;
	display: block;
}
.w4fb-drawing-palette__action-clear {
	color: #ff8a80;
}
.w4fb-drawing-palette__action-clear:hover:not(:disabled) {
	background: rgba(255, 138, 128, 0.15);
}

/* 印刷時は描画も残す (drawing-layer は display:none せず可視のまま)。
 * 印刷用紙にメモ書き込みが残る UX (顧客要望)。 */
html.w4fb-is-printing .w4fb-drawing-layer {
	visibility: visible;
}
/* 印刷時はパレット popover は非表示 */
html.w4fb-is-printing .w4fb-drawing-palette {
	display: none !important;
}