/* じかんわり専用：生成した机・紙・付箋を使用 */
.planner-page{max-width:1200px;margin:0 auto;padding:14px}.planner-page>h1{text-align:center;font-size:25px;margin:5px}.planner-page>.kids-seo-lead{text-align:center;margin:0 0 15px}
.planner{--ink:#443d32;position:relative;aspect-ratio:16/9;width:100%;background:#efe0c7 url(assets/desk.webp) center/cover;color:var(--ink);border:5px solid #c7a779;border-radius:22px;overflow:hidden;font-family:"Zen Maru Gothic","Yu Gothic",sans-serif;font-weight:700;container-type:inline-size;isolation:isolate}
.planner *{box-sizing:border-box}.planner [hidden]{display:none!important}.planner button,.planner input,.planner select{font:inherit;color:var(--ink)}.planner button{cursor:pointer;border:0;border-radius:12px;background:transparent url(assets/ivory-button.webp) center/100% 100%;min-height:40px;padding:9px 15px;font-weight:900;font-size:clamp(13px,1.4cqw,19px);line-height:1.35}.planner button:hover{filter:brightness(1.035)}.planner button:active{filter:brightness(.96)}.planner button:disabled{opacity:.45;cursor:default}.planner :focus-visible{outline:3px solid #136d87;outline-offset:2px}.planner button.mint{background-image:url(assets/mint-button.webp)}.planner button.coral{background-image:url(assets/coral-button.webp)}.planner input,.planner select{border:2px solid #bdb6a4;border-radius:8px;background:#fffef9;padding:8px;min-width:0;font-size:16px}.planner h2,.planner h3,.planner p{margin:0;line-height:1.5}.planner h2{font-size:clamp(22px,3cqw,40px)}.planner-top{height:10%;display:flex;justify-content:flex-end;gap:7px;padding:7px 2%}.planner-top button{padding:5px 12px;font-size:clamp(11px,1.2cqw,17px);min-height:30px}
#base{height:100%}.planner-cover{height:88%;display:grid;grid-template-columns:43% 57%;align-items:center;padding:1% 6% 4%}.cover-intro{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.cover-intro h2{font-size:clamp(26px,4.7cqw,65px);line-height:1.4;color:#426359}.cover-intro p{font-size:clamp(14px,1.8cqw,25px)}.eyebrow{font-size:clamp(11px,1.2cqw,18px);letter-spacing:.08em;color:#636b54}.sample-book{background:url(assets/notebook.webp) center/100% 100%;padding:10% 8% 9%;transform:rotate(2deg)}.sample-book h3{font-size:clamp(13px,1.7cqw,23px);text-align:center;margin-bottom:12px}.sample-days{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;font-size:14px;background:#d1e5d8;border-radius:8px}.sample-cells{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:5px}.sample-cells span{background:#fffdf7 url(assets/card.webp) center/100% 100%;font-size:clamp(12px,2.2cqw,29px);text-align:center;padding:6px 0;min-height:30px}.sample-book>p{text-align:center;font-size:clamp(10px,1.1cqw,16px);margin-top:10px}
.planner-editor{height:88%;display:grid;grid-template-columns:minmax(0,1fr) 22%;grid-template-rows:auto minmax(0,1fr) 26px;gap:8px 18px;padding:1% 4% 2%}.title-label{grid-column:1/3;display:flex;align-items:center;gap:12px;font-size:14px}.title-label input{width:min(620px,85%);font-size:clamp(16px,2cqw,27px);border-color:#bdc7b4;padding:6px 12px}.table-scroll{overflow:auto;overscroll-behavior:contain;border:8px solid #faf5e5;border-radius:12px;background:#fffdf7 url(assets/notebook.webp) center/100% 100%;scrollbar-width:thin;box-shadow:0 3px 8px #57432b22}
#planTable{border-collapse:separate;border-spacing:4px;width:100%;height:100%;table-layout:fixed}#planTable th,#planTable td{padding:0;border:0;background:none}#planTable th:first-child{width:68px}#planTable thead th{position:sticky;top:0;z-index:1;background:#fffdf7}#planTable th button{width:100%;background:#deebdc;min-height:34px;padding:4px;font-size:14px}#planTable tbody th button{background:#ede6d4;height:100%;font-size:14px}#planTable th small{display:block;font-size:10px;overflow-wrap:anywhere}#planTable td button{position:relative;width:100%;height:100%;min-height:49px;background:#fff9dd url(assets/card.webp) center/100% 100%;border:1px solid #d7ccab;border-radius:8px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(12px,1.45cqw,20px);overflow-wrap:anywhere}#planTable td button:before{content:"";position:absolute;inset:2px;background:var(--cell-color,transparent);opacity:.23;border-radius:5px;z-index:0}#planTable td button>*{position:relative}#planTable td button .cell-icon{font-size:clamp(15px,1.7cqw,23px);line-height:1.1}#planTable td button.empty{color:#85836f}#planTable td button[aria-pressed=true]{outline:3px solid #3b867c;outline-offset:-2px}.planner-tools{background:url(assets/panel.webp) center/100% 100%;padding:10% 9%;display:flex;flex-direction:column;gap:9px;justify-content:center}.planner-tools p{font-size:clamp(12px,1.4cqw,20px);text-align:center}.planner-tools button{font-size:clamp(12px,1.35cqw,18px)}.planner-tools small{text-align:center;font-size:clamp(10px,1cqw,14px)}.planner-status{grid-column:1/3;font-size:13px;text-align:center}
.planner-export{height:87%;display:grid;grid-template-columns:60% 36%;gap:4%;padding:1% 7% 3%}.preview-wrap{min-height:0;display:flex;align-items:center;justify-content:center}.preview-wrap canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 5px 15px #60462e33}.planner-export aside{display:flex;flex-direction:column;justify-content:center;gap:10px}.planner-export p{font-size:clamp(12px,1.4cqw,20px)}.planner-export #exportStatus{font-size:12px}
.planner-dialog{position:absolute;inset:0;z-index:10;background:#4d4a3b88;display:grid;place-items:center;padding:3%}.dialog-paper{width:90%;max-height:100%;overflow:auto;background:#fffdf5 url(assets/panel.webp) center/100% 100%;border-radius:20px;padding:3% 4%;box-shadow:0 8px 30px #46382233}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.dialog-head h2{font-size:clamp(20px,2.5cqw,34px);line-height:1.4}.dialog-head button{flex-shrink:0}.dialog-paper p{margin:9px 0;font-size:clamp(13px,1.4cqw,19px)}.dialog-paper label{display:flex;align-items:center;gap:12px;margin:10px 0}.dialog-paper input[type=text]{flex:1}.dialog-paper input[type=range]{width:60%;padding:0}.palette-tabs,.action-row{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.palette-tabs button[aria-pressed=true]{background-image:url(assets/mint-button.webp)}.palette{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.palette button{background:#fffef5 url(assets/card.webp) center/100% 100%;min-height:53px;padding:7px;font-size:14px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #d3c7b6}.palette .icon-only{font-size:25px}.palette .color-chip{height:24px;width:24px;border:1px solid #a49b89;border-radius:50%;display:inline-block}.structure-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.structure-grid section{border:1px solid #d7cbb8;border-radius:12px;padding:8px 14px}.structure-grid h3{font-size:16px}.slots-list{display:grid;gap:10px}.slot{display:flex;align-items:center;gap:10px;border-bottom:1px solid #d3c8b5;padding:6px}.slot>span{flex:1;overflow-wrap:anywhere}.slot small{display:block;font-size:12px}.parent-note{margin-top:20px;padding:15px;background:#fffbef;border-radius:12px}.parent-note h2{font-size:18px}.parent-note p{font-size:14px;line-height:1.8}.planner:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;border:0;border-radius:0}.planner:fullscreen .planner-editor{padding-bottom:2%} 
@media(max-width:600px) and (orientation:portrait){.planner-page{padding:6px}.planner{aspect-ratio:auto;height:760px;max-height:none;border-width:3px;border-radius:16px}.planner-top{height:9%;padding:8px 5px;gap:3px;justify-content:center;align-content:center;flex-wrap:wrap}.planner-top button{font-size:11px;padding:5px 8px;min-height:29px}.planner-cover{height:91%;grid-template-columns:1fr;grid-template-rows:auto auto;padding:1% 7% 8%}.cover-intro{align-items:center;text-align:center;gap:9px}.cover-intro h2{font-size:36px;line-height:1.3}.cover-intro h2 br{display:none}.cover-intro p{font-size:15px}.cover-intro>button{font-size:16px}.sample-book{padding:10% 8%;transform:rotate(1deg)}.sample-book h3{font-size:15px}.sample-cells span{font-size:22px;padding:5px}.sample-book>p{font-size:11px}.eyebrow{font-size:11px}.planner-editor{height:90%;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto 30px;padding:2% 3%;gap:10px}.title-label{grid-column:1;font-size:11px;gap:5px}.title-label input{width:100%;font-size:15px}.table-scroll{border-width:5px}#planTable th:first-child{width:46px}#planTable{min-width:310px;border-spacing:3px}#planTable td button{font-size:12px;min-height:57px}#planTable td button .cell-icon{font-size:20px}#planTable th button,#planTable tbody th button{font-size:12px}#planTable th small{font-size:9px}.planner-tools{display:grid;grid-template-columns:1fr 1fr;padding:13px;gap:7px}.planner-tools p,.planner-tools small{display:none}.planner-tools button{font-size:13px}.planner-status{grid-column:1;font-size:12px}.planner-export{height:90%;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:3% 7% 7%}.planner-export aside{display:grid;grid-template-columns:1fr 1fr;gap:7px;text-align:center}.planner-export h2,.planner-export .eyebrow,.planner-export aside>p{grid-column:1/3}.planner-export h2{font-size:25px}.planner-export aside>p{font-size:13px}.planner-export button{font-size:12px}.dialog-paper{width:100%;padding:20px 14px}.dialog-head h2{font-size:20px}.dialog-paper p{font-size:14px}.palette{grid-template-columns:repeat(3,1fr)}.palette button{font-size:13px;min-height:57px}.palette-tabs button{font-size:13px}.structure-grid{grid-template-columns:1fr}.slot{flex-wrap:wrap}.slot>span{flex-basis:100%}.dialog-paper label{flex-wrap:wrap}.dialog-paper input[type=text]{width:100%}.planner:fullscreen{height:100dvh}}
@media(max-height:500px) and (orientation:landscape){.planner-page{padding:5px}.planner-top{height:12%;padding:4px 2%}.planner-top button{font-size:11px;min-height:26px;padding:3px 10px}.planner-editor{height:86%;grid-template-rows:33px minmax(0,1fr) 19px;gap:4px 10px}.title-label input{font-size:16px;padding:3px 8px}.planner-tools{gap:5px;padding:8% 6%}.planner-tools button{font-size:11px;min-height:29px;padding:5px}.planner-tools p{font-size:11px}.planner-tools small{display:none}#planTable td button{min-height:44px;font-size:12px}#planTable td button .cell-icon{font-size:16px}.planner-status{font-size:11px}.planner-cover{height:87%}.cover-intro{gap:7px}.cover-intro h2{font-size:33px}.cover-intro p{font-size:13px}.cover-intro>button{font-size:13px;min-height:32px}.sample-book{padding:8%}.sample-cells span{font-size:20px;padding:3px;min-height:26px}.sample-book>p{font-size:10px}.planner-dialog{padding:2%}.dialog-paper{padding:2% 4%}.dialog-head{margin-bottom:5px}.dialog-head h2{font-size:21px}.dialog-paper p{font-size:13px}.palette button{min-height:40px;font-size:12px}.planner-export aside{gap:5px}.planner-export h2{font-size:25px}.planner-export p{font-size:12px}.planner-export button{min-height:30px;font-size:12px;padding:6px}}

.planner{box-sizing:border-box}

@media(min-width:1000px){.planner:fullscreen #planTable td button{font-size:clamp(20px,1.6cqw,32px)}.planner:fullscreen #planTable td button .cell-icon{font-size:clamp(25px,2cqw,40px)}.planner:fullscreen #planTable th button,.planner:fullscreen #planTable tbody th button{font-size:clamp(17px,1.25cqw,26px)}.planner:fullscreen #planTable th small{font-size:15px}.planner:fullscreen .planner-tools{gap:18px}.planner:fullscreen .planner-tools button{font-size:clamp(19px,1.3cqw,26px);min-height:65px}.planner:fullscreen .planner-tools p{font-size:clamp(19px,1.3cqw,26px)}.planner:fullscreen .planner-tools small{font-size:18px}.planner:fullscreen .title-label input{width:min(1000px,85%);font-size:32px}.planner:fullscreen .planner-top button{font-size:21px}}