*{box-sizing:border-box}body{margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,sans-serif;color:#223;background:#f5f6f8}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;padding:6px 8px;border:1px solid #bbb;border-radius:4px}.layout{display:flex;min-height:100vh}.sidebar{width:200px;background:#1f3864;color:#fff;padding:16px 0;flex-shrink:0}.sidebar h1{font-size:16px;padding:0 16px 12px;margin:0;border-bottom:1px solid #ffffff33}.sidebar nav a{display:block;color:#fff;text-decoration:none;padding:10px 16px;font-size:14px}.sidebar nav a.active{background:#fff2;font-weight:700}.main{flex:1;padding:24px;max-width:1000px}.card{background:#fff;border:1px solid #dde;border-radius:8px;padding:20px;margin-bottom:16px}.card h2{margin:0 0 12px;font-size:18px}.note{color:#556;font-size:13px}.error{color:#b00020;font-size:14px;margin:8px 0}.success{color:#1a7a2e;font-size:14px;margin:8px 0}.tabs{display:flex;gap:4px;margin-bottom:12px}.tabs button{padding:8px 16px;border:1px solid #ccd;border-bottom:none;border-radius:6px 6px 0 0;background:#eef}.tabs button.active{background:#fff;font-weight:700}table.list{width:100%;border-collapse:collapse;font-size:14px}table.list th,table.list td{border-bottom:1px solid #e2e4ea;padding:8px 6px;text-align:left}table.list th{background:#f0f2f6}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.primary{background:#1f3864;color:#fff;border:none;border-radius:4px;padding:8px 16px}.primary:disabled{background:#99a;cursor:not-allowed}.ghost{background:#fff;border:1px solid #99a;border-radius:4px;padding:6px 12px}.mini{background:#fff;border:1px solid #99a;border-radius:4px;padding:1px 7px;font-size:12px;line-height:1.4}.mini:disabled{opacity:.35;cursor:default}.danger-ghost{background:#fff;border:1px solid #b00020;color:#b00020;border-radius:4px;padding:6px 12px}.gera-layout{display:flex;gap:16px;align-items:flex-start}.gera-nav{width:200px;flex-shrink:0;padding:8px}.gera-nav-item{display:flex;justify-content:space-between;gap:6px;width:100%;text-align:left;background:none;border:none;border-radius:4px;padding:8px 10px;font-size:14px}.gera-nav-item.active{background:#1f386418;font-weight:700}.gera-warn{color:#b00020;font-size:12px;white-space:nowrap}.gera-unresolved{background:#fff3cd;border-radius:4px;padding:2px 6px}.gera-readonly{opacity:.85}@media(max-width:767px){.gera-layout{flex-direction:column}.gera-nav{width:100%}}.rte{border:1px solid #bbb;border-radius:4px;margin-top:8px;background:#fff}.rte-toolbar{display:flex;gap:6px;align-items:center;padding:6px;border-bottom:1px solid #e2e4ea}.rte-on{background:#1f3864;color:#fff;border-color:#1f3864}.rte .ProseMirror{min-height:140px;padding:10px 12px;outline:none;font-size:14px;line-height:1.7}.rte .ProseMirror p{margin:0 0 .7em}.photo-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.photo-thumb{margin:0;width:132px;border:1px solid #dde;border-radius:6px;overflow:hidden;background:#fff}.photo-thumb img{width:100%;height:92px;object-fit:cover;display:block;background:#eef0f4}.photo-thumb figcaption{font-size:11px;color:#556;padding:4px 6px;display:flex;flex-direction:column;gap:4px}.photo-thumb figcaption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-thumb input{font-size:12px;padding:3px 5px;width:100%}.photo-order{display:flex;gap:4px}.tpl-grid{display:flex;gap:16px;flex-wrap:wrap}.tpl-card{width:220px;border:1px solid #dde;border-radius:8px;overflow:hidden;background:#fff}.tpl-card.tpl-active{border-color:#1f3864;box-shadow:0 0 0 2px #1f386433}.tpl-preview{height:84px;position:relative;display:flex;align-items:center;justify-content:center}.tpl-sample{color:#fff;font-weight:700;font-size:15px}.tpl-accent{position:absolute;left:0;bottom:0;width:100%;height:6px}.tpl-body{padding:12px;font-size:14px}.tpl-badge{display:inline-block;background:#1f3864;color:#fff;border-radius:999px;font-size:11px;padding:1px 10px;margin-left:6px}.login-wrap{display:grid;place-items:center;min-height:100vh}.login-card{width:360px}dialog[open]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:100;border:1px solid #ccd;border-radius:8px;padding:20px;max-width:480px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}dialog[open]:before{content:"";position:fixed;inset:0;background:#0006;z-index:-1}dialog::backdrop{background:#0006}@media(max-width:767px){.layout{flex-direction:column}.sidebar{width:100%;padding:8px 0}.sidebar nav{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}.sidebar nav a{white-space:nowrap;flex-shrink:0}.main{padding:12px}.primary,.ghost,.danger-ghost{min-height:44px;font-size:15px;padding:10px 16px}.mini{min-height:40px;min-width:40px;font-size:14px;padding:6px 12px}input,select,textarea{font-size:16px;min-height:44px}.photo-order{gap:10px;flex-wrap:wrap}.photo-thumb{width:100%}.photo-thumb img{height:180px}dialog[open]{width:calc(100% - 24px);max-width:none}}