*{box-sizing:border-box}html,body{margin:0}body.maker-page{--fg:#3a424e;--line-strong:#3a424e;background:var(--bg);background-image:radial-gradient(circle, rgba(58, 66, 78, calc(var(--dot-grid-opacity) * .7)) var(--dot-grid-radius), transparent var(--dot-grid-radius));background-size:var(--dot-grid-pitch) var(--dot-grid-pitch);min-height:100vh;color:var(--fg);background-position:0 0}@media (max-width:600px){body.maker-page{background-size:var(--dot-grid-pitch-mobile) var(--dot-grid-pitch-mobile)}}header.maker-header{border-bottom:1px dashed var(--line-thin);background:var(--bg);background-image:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding:14px 24px;display:flex}.maker-header .logo-cluster{align-items:center;gap:14px;min-width:0;display:flex}.maker-header .logo-img{width:auto;height:32px;display:block}.maker-header .app-name{font-family:var(--font-tier1-klee);color:var(--fg);letter-spacing:.01em;border-left:1px dashed var(--line-thin);padding-left:16px;font-size:17px;font-weight:600}.maker-header .app-name .small{font-family:var(--font-tier3-mono);color:var(--fg-3);letter-spacing:.16em;text-transform:uppercase;margin-left:8px;font-size:10px}.maker-header .btn-medium{font-family:var(--font-tier3-sans);color:var(--fg);background:var(--bg-3);border:1px solid var(--fg);border-radius:var(--radius-soft);letter-spacing:.02em;cursor:pointer;padding:8px 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-block}.maker-header .btn-max{font-family:var(--font-tier3-sans);color:var(--bg);background:var(--accent);border-radius:var(--radius-soft);letter-spacing:.02em;cursor:pointer;border:none;padding:9px 16px;font-size:13px;font-weight:500;text-decoration:none;display:inline-block}.maker-header .btn-max:hover{background:var(--accent-ink)}.maker-header .logo-link{flex:none;display:block}.maker-header .logo-link:hover{opacity:.72}.maker-header .header-links{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.maker-header .ma-home{font-family:var(--font-tier3-sans);color:var(--fg-2);letter-spacing:.02em;white-space:nowrap;padding:6px 4px;font-size:13px;text-decoration:none}.maker-header .ma-home:hover{color:var(--fg);text-decoration:underline}.maker-header .header-links .maker-auth{border-left:1px dashed var(--line-thin);padding-left:14px}.maker-header .ma-home .ma-home-short{display:none}@media (max-width:600px){.maker-header .ma-home .ma-home-full{display:none}.maker-header .ma-home .ma-home-short{display:inline}.maker-header .header-links{gap:8px}.maker-header .header-links .maker-auth{padding-left:8px}}.app-shell{grid-template-columns:1fr 480px;min-height:calc(100vh - 64px);display:grid}@media (max-width:1200px){.app-shell{grid-template-columns:1fr}}.sidebar{border-right:1px dashed var(--line-thin);background:var(--bg);background-image:none;flex-direction:column;gap:22px;padding:24px 22px;display:flex}.sidebar.right{border-right:none;border-left:1px dashed var(--line-thin)}@media (max-width:1200px){.sidebar{border-left:none;border-right:none;border-bottom:1px dashed var(--line-thin)}.sidebar.right{border-bottom:none}}.group{flex-direction:column;gap:10px;display:flex}.group h3{font-family:var(--font-tier3-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);margin:0;font-size:11px;font-weight:400}.seg{border:1px solid var(--line-thin);border-radius:var(--radius-soft);display:flex;overflow:hidden}.seg button{font-family:var(--font-tier3-mono);color:var(--fg-2);cursor:pointer;border:none;border-right:1px dashed var(--line-thin);letter-spacing:.02em;background:0 0;flex:1;padding:8px 0;font-size:12px}.seg button:last-child{border-right:none}.seg button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.sf-body .seg button[aria-pressed=true],.group--pair-frame .seg button[aria-pressed=true]{background:var(--bg-3);color:var(--fg);outline:1.5px solid var(--accent);outline-offset:-1.5px}.seg--pair button{flex-direction:column;align-items:center;gap:5px;padding:9px 0 7px;display:flex}.seg-ic{line-height:0;display:block}.seg--dot button{justify-content:center;align-items:center;gap:7px;min-height:34px;display:flex}.dot-sample{background:#777;border-radius:50%;flex:none;display:inline-block}.seg--dot button[aria-pressed=true] .dot-sample{background:var(--bg)}.dot-sample-note{color:var(--fg-3);letter-spacing:.02em;margin:6px 2px 0;font-size:10.5px}.seg button[disabled]{color:var(--fg-4);cursor:not-allowed}.paper-grid{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.paper-grid button{border:1px solid var(--line-thin);border-radius:var(--radius-soft);cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;display:flex}.paper-grid button .pname{font-family:var(--font-tier3-sans);color:var(--fg);letter-spacing:.02em;font-size:13px;line-height:1}.paper-grid button .pdim{font-family:var(--font-tier3-mono);color:var(--fg-3);letter-spacing:.04em;font-size:10px;line-height:1}.paper-grid button[aria-pressed=true]{background:var(--bg-3);outline:1.5px solid var(--accent);outline-offset:-1.5px}.paper-grid button[aria-pressed=true] .pname{color:var(--accent-ink,var(--fg))}.paper-grid button[aria-pressed=true] .pdim{color:var(--fg-2)}.field-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.field-row label{font-family:var(--font-tier3-sans);color:var(--fg-2);font-size:13px}.field-row .val{font-family:var(--font-tier3-mono);color:var(--fg);font-size:13px}.slider-row{flex-direction:column;gap:6px;display:flex}.slider-row input[type=range]{width:100%;accent-color:var(--accent)}.onboarding-memo{background:var(--bg-3);border-left:2px solid var(--accent);border-radius:0 var(--radius-soft) var(--radius-soft) 0;margin-top:8px;padding:14px 16px}.onboarding-memo .ml{font-family:var(--font-tier1-klee);color:var(--fg);letter-spacing:.01em;margin-bottom:6px;font-size:13px;font-weight:600}.onboarding-memo .mb{font-family:var(--font-tier2-pencil);color:var(--fg);margin:0;font-size:12px;line-height:1.85}.canvas-area{background:var(--bg);background-image:radial-gradient(circle, rgba(26, 31, 42, var(--dot-grid-opacity)) var(--dot-grid-radius), transparent var(--dot-grid-radius));background-size:var(--dot-grid-pitch) var(--dot-grid-pitch);flex-direction:column;display:flex}@media (max-width:600px){.canvas-area{background-size:var(--dot-grid-pitch-mobile) var(--dot-grid-pitch-mobile)}}.canvas-gridbar{border-bottom:1px dashed var(--line-thin);background:var(--bg);background-image:none;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 28px;display:flex}.canvas-gridbar .gb-label{font-family:var(--font-tier3-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);font-size:11px}.canvas-gridbar .seg{flex:none;min-width:220px}.canvas-makebar .seg--dot{min-width:200px}.canvas-makebar .seg--toggle{min-width:110px}.canvas-makebar .makebar-note{flex-basis:100%;margin:2px 0 0}.maker-quickbar{border-bottom:1px dashed var(--line-thin);background:var(--bg-3);background-image:none;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 28px;display:flex}.maker-quickbar .qb-label{font-family:var(--font-tier3-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);font-size:11px}.maker-quickbar .qb-select{font-family:var(--font-tier3-mono);color:var(--fg);border:1px solid var(--line-thin);border-radius:var(--radius-soft);background:var(--bg);cursor:pointer;padding:5px 8px;font-size:13px}.maker-quickbar .qb-select:disabled{opacity:.5;cursor:not-allowed}.maker-quickbar .qb-seg{flex:none}.maker-quickbar .qb-seg button{flex:none;padding:5px 11px}.maker-page .erase-hit:hover{stroke:#d6454547}.maker-quickbar .qb-seg.modeseg button[aria-pressed=true]{font-weight:700}.maker-quickbar .qb-note{font-family:var(--font-tier3-sans);color:var(--fg-3);letter-spacing:.02em;flex-basis:100%;margin:0;font-size:11px}.maker-quickbar .qb-group{align-items:center;gap:6px;display:inline-flex}.maker-quickbar .qb-seg[aria-label=点の大きさ] button{justify-content:center;align-items:center;gap:5px;display:inline-flex}.maker-quickbar .qb-seg[aria-label=点の大きさ] button:before{content:"";background:currentColor;border-radius:50%;flex:none}.maker-quickbar .qb-seg[aria-label=点の大きさ] button:first-child:before{width:4px;height:4px}.maker-quickbar .qb-seg[aria-label=点の大きさ] button:nth-child(2):before{width:6px;height:6px}.maker-quickbar .qb-seg[aria-label=点の大きさ] button:nth-child(3):before{width:9px;height:9px}@media (max-width:600px){.maker-quickbar{padding:8px 16px}}.canvas-toolbar{border-bottom:1px dashed var(--line-thin);background:var(--bg);background-image:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex}.canvas-toolbar .title{font-family:var(--font-tier1-klee);color:var(--fg);letter-spacing:.01em;font-size:17px;font-weight:600}.canvas-toolbar .title .small{font-family:var(--font-tier3-mono);color:var(--fg-3);letter-spacing:.16em;text-transform:uppercase;margin-left:10px;font-size:11px}.canvas-toolbar .right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.iconbtn{border:1px solid var(--line-thin);background:var(--bg);cursor:pointer;border-radius:2px;place-items:center;width:32px;height:32px;padding:0;display:grid}.iconbtn:hover:not(:disabled){border-color:var(--accent)}.iconbtn:disabled{opacity:.4;cursor:not-allowed}.iconbtn svg{width:14px;height:14px}.iconbtn.labeled{width:auto;height:32px;font-family:var(--font-tier3-sans);color:var(--fg);letter-spacing:.02em;grid-auto-flow:column;gap:6px;padding:0 10px;font-size:12px}.iconbtn.labeled .lbl{line-height:1}.iconbtn.labeled.danger:hover:not(:disabled){border-color:#b33a3a}.iconbtn.labeled.danger:hover:not(:disabled) .lbl,.iconbtn.labeled.danger:hover:not(:disabled) svg path{color:#b33a3a;stroke:#b33a3a}.canvas-toolbar .pos-readout{font-family:var(--font-tier3-mono);color:var(--fg-3);letter-spacing:.04em;margin-right:12px;font-size:11px}.canvas-toolbar .btn-save{font-family:var(--font-tier3-sans);color:var(--bg);background:var(--fg);border-radius:var(--radius-soft);letter-spacing:.02em;cursor:pointer;border:none;margin-left:8px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;display:inline-block}.canvas-toolbar .btn-save:hover{background:var(--accent)}.canvas-toolbar .btn-save:disabled{opacity:.4;cursor:not-allowed;background:var(--fg)}.canvas-stage{background:var(--bg);background-image:none;flex-direction:column;flex:1;align-items:center;gap:18px;padding:32px 32px 40px;display:flex;overflow:auto}.paper-pair-label{width:100%;max-width:440px;color:var(--fg-2);font-family:var(--font-tier3-sans);letter-spacing:.04em;text-align:left;font-size:13px;font-weight:500}.paper-pair{width:100%;max-width:440px;display:block}.paper-pane{border:1px solid var(--line-thin);aspect-ratio:1;box-shadow:var(--shadow-paper);background:#fff;position:relative}.paper-pane .pp-grid{place-items:center;display:grid;position:absolute;inset:32px}.paper-pane .pp-grid .d{cursor:pointer;background:#1a1f2a;border-radius:50%;width:6px;height:6px}.paper-pane.problem .pp-grid .d.placed{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 4px #2c6e7f2e}.paper-pane .pp-grid .d-hit{cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0;position:absolute;transform:translate(-50%,-50%)}.paper-pane svg.line-layer{pointer-events:none;width:calc(100% - 64px);height:calc(100% - 64px);position:absolute;inset:32px}.paper-pane .pp-stamp{font-family:var(--font-tier3-mono);color:var(--fg-3);letter-spacing:.04em;font-size:9px;position:absolute;bottom:8px;right:12px}.canvas-actions{flex-wrap:wrap;align-items:center;gap:10px;width:100%;max-width:440px;display:flex}.canvas-stage>.edit-actions{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:440px;display:flex}.canvas-actions .btn-save{min-width:150px;font-family:var(--font-tier3-sans);color:var(--bg);background:var(--fg);border-radius:var(--radius-soft);letter-spacing:.02em;cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;padding:11px 16px;font-size:14px;font-weight:500;display:inline-flex}.canvas-actions .btn-save:hover:not(:disabled){background:var(--accent)}.canvas-actions .btn-save:disabled{opacity:.4;cursor:not-allowed;background:var(--fg)}.canvas-help{border-top:1px dashed var(--line-thin);width:100%;max-width:440px;font-family:var(--font-tier2-pencil);color:var(--fg-2);padding-top:8px;font-size:13px;line-height:1.85}.saved-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.saved-cell{position:relative}.saved-cell .thumb{aspect-ratio:1;border:1px solid var(--line-thin);border-radius:var(--radius-soft);cursor:pointer;box-sizing:border-box;background:#fff;width:100%;padding:8px;display:block}.saved-cell.sel .thumb{border-color:var(--accent);outline:1.5px solid var(--accent);outline-offset:-1.5px}.saved-cell .thumb svg{width:100%;height:100%;display:block}.saved-cell .thumb .thumb-pair{justify-content:center;align-items:center;gap:4px;width:100%;height:100%;display:flex}.saved-cell .thumb .thumb-pair svg{flex:1 1 0;min-width:0;height:100%}.saved-cell .thumb .thumb-pair .tp-op{color:var(--fg-3);-webkit-user-select:none;user-select:none;flex:none;font-size:12px;line-height:1}.saved-cell .sel-mark{background:var(--accent);color:#fff;text-align:center;pointer-events:none;border-radius:50%;width:18px;height:18px;font-size:11px;line-height:18px;position:absolute;top:-6px;left:-6px}.saved-cell .cnum{font-family:var(--font-tier3-mono);color:var(--fg-3);letter-spacing:.04em;pointer-events:none;font-size:10px;position:absolute;top:4px;right:7px}.saved-cell .order{justify-content:center;gap:12px;margin-top:4px;display:flex}.saved-cell .order button{width:32px;height:22px;color:var(--fg-3);cursor:pointer;background:0 0;border:none;padding:0;font-size:15px;line-height:22px}.saved-cell .order button:hover:not([disabled]){color:var(--fg)}.saved-cell .order button[disabled]{color:var(--line-mid);cursor:default}.saved-cell .cell-actions{gap:8px;margin-top:8px;display:flex}.saved-cell .act-edit{background:var(--accent);color:#fff;border-radius:var(--radius-soft);cursor:pointer;border:none;flex:auto;justify-content:center;align-items:center;gap:6px;height:38px;font-size:13px;display:flex}.saved-cell .act-edit:hover{filter:brightness(1.08)}.saved-cell .act-edit svg{width:14px;height:14px}.saved-cell .act-edit .lbl{line-height:1}.saved-cell.editing .act-edit{background:var(--fg)}.saved-cell .act-del{height:38px;color:var(--fg-3);border:1px solid var(--line-mid);border-radius:var(--radius-soft);cursor:pointer;background:0 0;flex:0 0 46px;justify-content:center;align-items:center;display:flex}.saved-cell .act-del:hover{color:#b33a3a;border-color:#b33a3a}.saved-cell .act-del svg{width:15px;height:15px}.saved-cell.editing .thumb{border-color:var(--accent);outline:2px dashed var(--accent);outline-offset:1px}.saved-cell .edit-mark{background:var(--accent);color:#fff;letter-spacing:.04em;pointer-events:none;white-space:nowrap;border-radius:999px;padding:3px 6px;font-size:9px;line-height:1;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.canvas-toolbar.editing .title{color:var(--accent)}.canvas-toolbar.editing .title:before{content:"● ";color:var(--accent);vertical-align:middle;font-size:.7em}.gb-editing{color:var(--accent);font-family:var(--font-tier3-mono);font-size:11px}.canvas-actions .btn-cancel-edit{border:1px solid var(--line-mid);border-radius:var(--radius-soft);color:var(--fg-3);cursor:pointer;background:0 0;flex:none;padding:0 16px;font-size:13px}.canvas-actions .btn-cancel-edit:hover{border-color:var(--fg);color:var(--fg)}.saved-empty{font-family:var(--font-tier2-pencil);color:var(--fg-3);padding:12px 0;font-size:13px;line-height:1.85}.saved-count{font-family:var(--font-tier3-mono);color:var(--fg-2);letter-spacing:.04em;border-top:1px dashed var(--line-thin);justify-content:space-between;align-items:baseline;gap:8px;padding-top:10px;font-size:11px;display:flex}.saved-count .left{align-items:center;gap:6px;display:flex}.saved-count .left .chk-all{border:1px solid var(--line-mid);cursor:pointer;background:var(--bg);border-radius:2px;place-items:center;width:12px;height:12px;padding:0;display:grid}.saved-count .left .chk-all[aria-checked=true]:after{content:"";border-left:1.5px solid var(--fg);border-bottom:1.5px solid var(--fg);width:6px;height:3px;transform:rotate(-45deg)translate(.5px,-1px)}.saved-count .left .chk-all[aria-checked=mixed]:after{content:"";background:var(--fg);width:6px;height:2px}.saved-count button.pdf-go{color:var(--accent);font-family:var(--font-tier3-sans);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:500;text-decoration:none}.saved-count button.pdf-go:hover{text-underline-offset:4px;text-decoration:underline}.saved-count button.pdf-go:disabled{color:var(--fg-3);cursor:not-allowed;text-decoration:none}.layout-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.layout-grid button{aspect-ratio:1;background:var(--bg);border:1px solid var(--line-thin);border-radius:var(--radius-soft);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;display:flex;position:relative}.layout-grid button[aria-pressed=true]{background:var(--bg-3);outline:1.5px solid var(--accent);outline-offset:-1.5px}.layout-grid button .ldiagram{gap:1.5px;width:22px;height:16px;display:grid}.layout-grid button .ldiagram>span{background:var(--fg-2);border-radius:.5px}.layout-grid button[aria-pressed=true] .ldiagram>span{background:var(--accent)}.layout-grid button .lnum{font-family:var(--font-tier3-mono);color:var(--fg-2);letter-spacing:.04em;font-size:10px}.pdf-preview{background:var(--bg-3);border:1px solid var(--line-thin);border-radius:var(--radius-soft);flex-direction:column;gap:12px;padding:14px;display:flex}.pdf-preview .pp-pages{flex-direction:column;align-items:center;gap:16px;display:flex}.pdf-preview .pp-page{border:1px solid var(--line-thin);width:100%;box-shadow:var(--shadow-paper);background:#fff;position:relative;overflow:hidden}.pdf-preview .pp-page svg{width:100%;height:100%;display:block}.group h3 .pp-paperinfo{float:right;font-family:var(--font-tier3-mono);color:var(--fg-2);letter-spacing:.04em;font-size:10px;font-weight:400}.pdf-preview .pp-page .pageno{font-family:var(--font-tier3-mono);color:var(--fg-3);letter-spacing:.06em;font-size:10px;position:absolute;bottom:6px;right:10px}.pdf-preview .pp-foot{font-family:var(--font-tier3-mono);color:var(--fg-2);letter-spacing:.04em;border-top:1px dashed var(--line-thin);justify-content:space-between;align-items:baseline;padding-top:8px;font-size:11px;display:flex}.pdf-preview .pp-foot strong{color:var(--fg);font-weight:400}.pdf-preview .pp-empty{font-family:var(--font-tier2-pencil);color:var(--fg-3);text-align:center;padding:24px 0;font-size:13px;line-height:1.85}.btn-export{width:100%;font-family:var(--font-tier3-sans);color:var(--bg);background:var(--accent);border-radius:var(--radius-soft);letter-spacing:.02em;cursor:pointer;border:none;justify-content:center;align-items:baseline;gap:10px;margin-top:4px;padding:12px 16px;font-size:14px;font-weight:500;display:inline-flex}.btn-export:hover:not(:disabled){background:var(--accent-ink)}.btn-export:disabled{opacity:.4;cursor:not-allowed}.btn-export .x{font-family:var(--font-tier3-mono);letter-spacing:.04em;color:#ffffffd1;font-size:11px}.export-actions{gap:8px;margin-top:4px;display:flex}.export-actions .btn-export{flex:1;margin-top:0}.settings-fold{border:1px solid var(--line-mid);border-radius:var(--radius-soft);background:var(--bg)}.settings-fold summary{cursor:pointer;border-radius:var(--radius-soft);flex-direction:column;gap:6px;padding:13px 14px;list-style:none;display:flex}.settings-fold summary:hover{background:var(--bg-3)}.settings-fold[open] summary{border-bottom:1px dashed var(--line-thin);border-radius:var(--radius-soft) var(--radius-soft) 0 0}.settings-fold summary::-webkit-details-marker{display:none}.settings-fold .sf-label{font-family:var(--font-tier3-sans);letter-spacing:.02em;text-transform:none;color:var(--fg);justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.settings-fold .sf-chevron:after{content:"ひらく ▾";white-space:nowrap;font-family:var(--font-tier3-sans);color:var(--bg);background:var(--accent);letter-spacing:.04em;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:500;display:inline-block}.settings-fold[open] .sf-chevron:after{content:"とじる ▴"}.settings-fold .sf-current{font-family:var(--font-tier3-sans);color:var(--fg-2);font-size:12px;line-height:1.6}.settings-fold .sf-body{flex-direction:column;gap:22px;padding:16px 14px;display:flex}.layout-grid button .lauto{font-family:var(--font-tier3-sans);font-size:11.5px;font-weight:500;line-height:1.3}.group .seg-hint{font-family:var(--font-tier3-sans);color:var(--fg-3);letter-spacing:.02em;margin:7px 2px 0;font-size:11px;line-height:1.5}.chk-row{font-family:var(--font-tier3-sans);color:var(--fg);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.chk-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--fg);cursor:pointer}.trace-warn{border-radius:var(--radius-soft);width:100%;max-width:440px;font-family:var(--font-tier3-sans);color:#b3322f;text-align:center;background:#fdecec;border:1px solid #f3c0c0;margin:0;padding:8px 12px;font-size:12px;line-height:1.55}.mi-wrap{max-width:720px;margin:0 auto;padding:24px 16px 64px}.mi-intro{font-family:var(--font-tier3-sans);color:var(--fg-3);margin:0 0 8px;font-size:13px;line-height:1.6}.mi-group{margin-top:26px}.mi-group>h2{font-family:var(--font-tier3-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);margin:0 0 10px;font-size:11px;font-weight:400}.mi-list{gap:8px;display:grid}.mi-card{background:var(--bg);border:1px solid var(--line-thin);border-radius:var(--radius-soft);flex-direction:column;gap:3px;padding:13px 15px;text-decoration:none;display:flex}.mi-card:hover{border-color:var(--accent);background:var(--bg-3)}.mi-card .mi-name{font-family:var(--font-tier1-klee);color:var(--fg);letter-spacing:.01em;font-size:15px;font-weight:600}.mi-card .mi-desc{font-family:var(--font-tier3-sans);color:var(--fg-2);font-size:12.5px}.mi-card .mi-url{font-family:var(--font-tier3-mono);color:var(--fg-3);letter-spacing:.02em;margin-top:1px;font-size:11px}.mobile-export-bar{display:none}@media (max-width:1200px){.mobile-export-bar{z-index:50;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px dashed var(--line-thin);flex-direction:column;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-export-bar button{width:100%;font-family:var(--font-tier3-sans);color:var(--bg);background:var(--accent);border-radius:var(--radius-soft);letter-spacing:.02em;cursor:pointer;border:none;justify-content:center;align-items:baseline;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;display:inline-flex}.mobile-export-bar button:disabled{opacity:.4;cursor:not-allowed}.mobile-export-bar button .x{font-family:var(--font-tier3-mono);letter-spacing:.04em;color:#ffffffd1;font-size:11px}.sidebar.right{padding-bottom:84px}}.warning{border-radius:var(--radius-soft);font-family:var(--font-tier3-sans);color:#74450c;background:#fff8ee;border:1px dashed #c46f1a;margin-top:4px;padding:12px 14px;font-size:12px;line-height:1.7}.warning strong{font-family:var(--font-tier3-mono);letter-spacing:.16em;text-transform:uppercase;color:#8b4d0e;margin-bottom:4px;font-size:10px;display:block}.maker-done{max-width:808px;margin:0 auto;padding:48px 24px 80px}.maker-done .done-inner{background:var(--bg);border:1px solid var(--line-thin);border-radius:var(--radius-soft);padding:48px 40px 56px}@media (max-width:640px){.maker-done{padding:24px 16px 56px}.maker-done .done-inner{padding:32px 20px 40px}}.done-check{font-family:var(--font-tier3-mono);letter-spacing:.1em;color:var(--accent);align-items:center;gap:8px;font-size:12px;display:inline-flex}.done-check svg{flex:none}.done-h1{font-family:var(--font-tier1-klee);letter-spacing:.02em;color:var(--fg);margin:6px 0 0;font-size:30px;font-weight:600;line-height:1.5}.done-lead{font-family:var(--font-tier2-pencil);color:var(--fg-2);margin:12px 0 0;font-size:16px;line-height:1.85}.done-memo{border-left:2px solid var(--accent);font-family:var(--font-tier2-pencil);color:var(--fg-2);margin:28px 0;padding:4px 0 4px 16px;font-size:15px;line-height:1.85}.done-memo .who{font-family:var(--font-tier3-mono);letter-spacing:.12em;color:var(--fg-3);margin-bottom:4px;font-size:11px;display:block}.done-dashed{border:none;border-top:1px dashed var(--line-thin);margin:36px 0}.done-basis{font-family:var(--font-tier3-mono);letter-spacing:.08em;color:var(--accent-ink);background:var(--accent-mute);border-radius:var(--radius-soft);margin-bottom:10px;padding:3px 10px;font-size:11px;display:inline-block}.done-next h3{font-family:var(--font-tier1-klee);color:var(--fg);margin:0 0 4px;font-size:20px;font-weight:600}.done-next .sub{color:var(--fg-3);margin:0;font-size:13px}.done-sku-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}@media (max-width:640px){.done-sku-row{grid-template-columns:1fr}}.done-sku{border:1px solid var(--line-thin);border-radius:var(--radius-soft);background:var(--bg);color:var(--fg);padding:16px;text-decoration:none;display:block}.done-sku:hover{border-color:var(--accent)}.done-sku .thumb{aspect-ratio:1/1.05;border:1px dashed var(--line-thin);border-radius:2px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.done-sku .thumb svg{width:72px;height:72px}.done-sku .star{font-family:var(--font-tier3-mono);letter-spacing:.1em;color:var(--accent);margin-bottom:4px;font-size:10px;display:block}.done-sku .tag{font-family:var(--font-tier3-mono);letter-spacing:.12em;color:var(--fg-3);font-size:10px}.done-sku .name{margin:2px 0;font-size:14px;font-weight:600;line-height:1.5}.done-sku .desc{color:var(--fg-2);margin-bottom:6px;font-size:12px;line-height:1.7}.done-sku .meta{font-family:var(--font-tier3-mono);color:var(--fg-3);font-size:11px}.done-links{margin-top:18px}.done-ghost{border:1.5px solid var(--line-mid);border-radius:var(--radius-soft);color:var(--fg-2);padding:11px 22px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.done-ghost:hover{border-color:var(--fg);color:var(--fg)}.done-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:40px;display:flex}.done-back{font-family:var(--font-tier3-sans);color:var(--fg-3);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.done-back:hover{color:var(--fg)}.done-home{color:var(--fg-2);margin-left:auto;font-size:13px;text-decoration:none}.done-home:hover{color:var(--fg)}.print-only{display:none}@media print{@page{margin:0}body.maker-page{background:#fff!important}body.maker-page>header.maker-header,body.maker-page>.app-shell,.mobile-export-bar,.maker-done{display:none!important}.print-only{display:block!important}.print-page{page-break-after:always;box-sizing:border-box;background:#fff;position:relative;overflow:hidden}.print-page:last-child{page-break-after:auto}.print-page-inner{flex-direction:column;width:100%;height:100%;padding:14mm;display:flex}.print-nameband{color:#3a424e;letter-spacing:.04em;flex:none;justify-content:flex-end;align-items:baseline;gap:2mm;height:11mm;font-size:4.8mm;display:flex}.print-nameband .nb-line{border-bottom:.35mm solid #3a424e;height:7mm}.print-nameband .nb-line--date{width:12mm}.print-nameband .nb-line--name{width:50mm}.print-nameband .nb-label--name{margin-left:4mm}.print-grid{flex:1;gap:8mm;display:grid}.print-problem.pair-horizontal{gap:var(--pgap,9mm);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.print-problem.pair-vertical{gap:var(--pgap,9mm);grid-template-columns:1fr;grid-auto-rows:auto;justify-items:center;display:grid}.print-problem{grid-template-columns:1fr 1fr;align-items:stretch;gap:6mm;display:grid}.print-arrow{justify-content:center;place-self:center;align-items:center;display:flex}.print-arrow svg{display:block}.print-problem.pair-horizontal .print-arrow svg{width:calc(14mm * var(--pscale,1));height:calc(8mm * var(--pscale,1))}.print-problem.pair-vertical .print-arrow svg{width:calc(8mm * var(--pscale,1));height:calc(14mm * var(--pscale,1))}.print-problem.pair-vertical .print-cell{width:100%;max-width:120mm}.print-cell{flex-direction:column;gap:2mm;min-width:0;display:flex}.print-pane{aspect-ratio:1;background:#fff;width:100%}.print-pane svg{width:100%;height:100%;display:block}.print-page-footer{font-family:var(--font-tier3-mono);color:#888;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:6mm;font-size:7pt;display:flex}.print-page-footer .print-logo{width:auto;height:6.5mm;display:block}}.gb-fair{color:#6b727b;font-size:12px}.gb-fair.is-bad,.qb-note.is-bad{color:#d04848}.overlay-boards{justify-content:center;align-items:flex-start;gap:10px;width:100%;max-width:760px;display:flex}.overlay-board{flex-direction:column;flex:1 1 0;align-items:center;gap:8px;min-width:0;display:flex}.overlay-board .ob-cap{font-family:var(--font-tier3-sans);letter-spacing:.04em;color:var(--fg-2);font-size:13px;font-weight:500}.overlay-board .paper-pane{width:100%}.overlay-board .paper-pane>svg{width:100%;height:100%;display:block}.overlay-op{font-family:var(--font-tier1-klee);color:var(--fg-2);-webkit-user-select:none;user-select:none;flex:none;align-self:center;margin-top:16px;font-size:22px}@media (max-width:900px){.overlay-boards{flex-direction:column;align-items:center;gap:6px;max-width:340px}.overlay-op{margin-top:0}}.overlay-boards.is-vertical{flex-direction:column;align-items:center;max-width:380px}.overlay-boards.is-vertical .overlay-board{width:100%}.overlay-boards.is-vertical .overlay-op{margin-top:0}@media (max-width:900px) and (orientation:landscape){.overlay-boards:not(.is-vertical){flex-direction:row;align-items:flex-start;max-width:760px}.overlay-boards:not(.is-vertical) .overlay-board{width:auto}.overlay-boards:not(.is-vertical) .overlay-op{margin-top:16px}}@media print{.print-problem.triple.pair-horizontal{grid-template-columns:1fr auto 1fr auto 1fr}.print-problem.triple.pair-vertical{grid-template-columns:1fr}.print-op{color:#777;justify-content:center;place-self:center;align-items:center;font-size:5mm;display:flex}}.maker-auth{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.maker-auth .ma-link{font-family:var(--font-tier3-sans);color:var(--fg-2);letter-spacing:.02em;padding:6px 4px;font-size:13px;text-decoration:none}.maker-auth .ma-link:hover{color:var(--fg);text-decoration:underline}.maker-auth .ma-cta{font-family:var(--font-tier3-sans);color:var(--bg);background:var(--accent);border-radius:var(--radius-soft);letter-spacing:.02em;padding:8px 15px;font-size:13px;font-weight:500;text-decoration:none}.maker-auth .ma-cta:hover{background:var(--accent-ink)}.maker-auth .ma-badge{font-family:var(--font-tier3-mono);color:var(--accent-ink);border:1px solid var(--accent);letter-spacing:.04em;border-radius:999px;padding:3px 11px;font-size:11px}.lockico{vertical-align:-1px;opacity:.85;margin-left:3px}button.locked{opacity:.62;cursor:pointer;position:relative}button.locked:hover{opacity:.85;outline:1px dashed var(--accent)}button.locked[aria-pressed=true]{opacity:1}.seg button.locked,.paper-grid button.locked .pname,.layout-grid button.locked .lnum{color:var(--fg-3)}a.sf-upsell{background:color-mix(in srgb, var(--accent) 7%, var(--bg));border:1px dashed var(--accent);border-radius:var(--radius-soft);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;padding:10px 12px;text-decoration:none;display:flex}.sf-upsell-ic{display:none}.sf-upsell-tx{font-family:var(--font-tier3-sans);color:var(--fg-2);flex:180px;font-size:12px;line-height:1.6}.sf-upsell-go{font-family:var(--font-tier3-sans);color:var(--accent-ink);white-space:nowrap;font-size:12px;font-weight:600}a.sf-upsell:hover .sf-upsell-go{text-decoration:underline}.save-cap-note{font-family:var(--font-tier3-sans);color:var(--fg-3);text-align:center;margin:8px 0 0;font-size:11.5px;line-height:1.6}.save-cap-note a{color:var(--accent-ink);text-decoration:none}.save-cap-note a:hover{text-decoration:underline}.daily-nudge{background:color-mix(in srgb, var(--accent) 6%, var(--bg));border-left:2px solid var(--accent);font-family:var(--font-tier3-sans);color:var(--fg-2);border-radius:2px;margin:0 0 8px;padding:8px 10px;font-size:11.5px;line-height:1.6}.daily-nudge a{color:var(--accent-ink);font-weight:600;text-decoration:none}.daily-nudge a:hover{text-decoration:underline}.done-upsell{background:var(--bg-2,#fafaf8);border:1px solid var(--line-thin);border-radius:var(--radius-soft);margin-top:22px;padding:16px 18px}.done-upsell .who{font-family:var(--font-tier3-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin-bottom:6px;font-size:10px;display:block}.done-upsell p{font-family:var(--font-tier2-zen,var(--font-tier3-sans));color:var(--fg);margin:0 0 10px;font-size:13.5px;line-height:1.85}