@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap");.shp{--washi:#f4f0e7;--paper:#fcfaf5;--paper2:#ede7d9;--line:#e3dccd;--line2:#d6cdb8;--sumi:#201d18;--clay:#5b5448;--clay2:#8a8170;--pine:#4e736a;--pine-soft:#e0e4df;--pine-line:#c4cfc9;--pine-on:#3c574f;--ember:#c2674a;--ember-bright:#d97a52;--ember-soft:rgba(194,103,74,0.12);--dusk:#211d18;--dusk2:#2a251f;--dusk3:#342e26;--dusk-line:rgba(244,240,231,0.1);--dusk-ink:#f2ece1;--dusk-ink2:#b7ab98;--dusk-ink3:#8a7f6d;font-family:Noto Sans JP,HankenGrotesk,system-ui,sans-serif;color:var(--sumi);background:var(--washi);-webkit-font-smoothing:antialiased}.shp-serif{font-family:Zen Old Mincho,Newsreader,serif;font-weight:600}.shp-hero-rule{background:linear-gradient(180deg,transparent,var(--ember) 18%,var(--ember) 82%,transparent)}.shp-step-mark{font-family:Zen Old Mincho,serif;font-weight:500}.shp-dusk{background:radial-gradient(120% 90% at 82% 8%,rgba(217,122,82,.16),transparent 55%),radial-gradient(90% 70% at 12% 100%,rgba(78,115,106,.16),transparent 60%),linear-gradient(168deg,var(--dusk2),var(--dusk));color:var(--dusk-ink);box-shadow:0 2px 8px rgba(33,25,16,.18),0 26px 60px rgba(33,25,16,.28)}.shp-dusk,.shp-sense{border:1px solid var(--dusk-line)}.shp-sense{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}.shp-sense--live{border-color:rgba(217,122,82,.42);box-shadow:inset 0 0 0 1px rgba(217,122,82,.12),0 6px 18px rgba(194,103,74,.16)}.shp-dot{border-radius:9999px;width:7px;height:7px}.shp-dot--ember{background:var(--ember-bright);box-shadow:0 0 0 3px rgba(217,122,82,.18),0 0 10px 1px rgba(217,122,82,.55);animation:shp-pulse 3.4s ease-in-out infinite}.shp-dot--pine{background:#7fa89c;box-shadow:0 0 0 3px rgba(127,168,156,.16)}.shp-dot--dim{background:var(--dusk-ink3);opacity:.7}.shp-tally{font-family:Zen Old Mincho,Newsreader,serif;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1}@keyframes shp-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shp-sense-in{0%{opacity:0;transform:scale(.82) translateY(6px)}60%{opacity:1}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shp-pulse{0%,to{box-shadow:0 0 0 3px rgba(217,122,82,.16),0 0 8px 1px rgba(217,122,82,.45)}50%{box-shadow:0 0 0 4px rgba(217,122,82,.22),0 0 14px 2px rgba(217,122,82,.7)}}@keyframes shp-tally-pop{0%{transform:translateY(4px) scale(.96);opacity:.4}to{transform:translateY(0) scale(1);opacity:1}}.shp-rise{animation:shp-rise .5s cubic-bezier(.22,.61,.36,1) both}.shp-sense-in{animation:shp-sense-in .46s cubic-bezier(.22,.61,.36,1) both}.shp-tally-pop{animation:shp-tally-pop .42s cubic-bezier(.22,.61,.36,1)}.shp :focus-visible{outline:2px solid var(--pine);outline-offset:2px;border-radius:4px}.shp-workspace-body{display:flex;flex-direction:column;gap:1.25rem}.shp-center-rail,.shp-left-rail,.shp-right-rail{display:contents}.shp-tabs{scrollbar-width:none}.shp-tabs::-webkit-scrollbar{display:none}.shp-simple-flow{animation:shp-rise .42s cubic-bezier(.22,.61,.36,1);padding-bottom:88px}.shp-simple-flow--embedded{padding-bottom:0}.shp--embedded .shp-embedded-toolbar{padding-top:.5rem;padding-bottom:.5rem}.shp--embedded .shp-simple-steps{align-items:flex-start;padding-bottom:.5rem}.shp--embedded .shp-simple-steps--embedded{overflow-y:hidden;transition:height .2s ease}.shp--embedded .shp-simple-steps--single{display:block;overflow:visible;padding-bottom:0}.shp--embedded .shp-simple-steps--single .shp-simple-step{width:100%}.shp--embedded .shp-simple-card{border-radius:16px;padding:1rem}.shp--embedded .shp-simple-card>.mt-5,.shp--embedded .shp-simple-card>.mt-6{margin-top:1rem}.shp--embedded .shp-simple-card .mt-3{margin-top:.5rem}.shp--embedded .shp-simple-card .mt-2{margin-top:.375rem}.shp--embedded .shp-simple-card .gap-3{gap:.625rem}.shp--embedded .shp-simple-card .gap-2{gap:.5rem}.shp--embedded .shp-simple-card h1{font-size:clamp(2rem,2.4vw,2.35rem)}.shp--embedded .shp-simple-card input{height:2.625rem}.shp--embedded .shp-simple-card .shp-preset-card{padding:.75rem .875rem}.shp-simple-steps{display:flex;gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:.75rem;scroll-padding-inline:0;scroll-snap-type:x mandatory;scrollbar-color:var(--line2) transparent;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.shp-simple-steps::-webkit-scrollbar{height:8px}.shp-simple-steps::-webkit-scrollbar-track{background:transparent}.shp-simple-steps::-webkit-scrollbar-thumb{background:var(--line2);border-radius:999px}.shp-simple-step{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.shp-simple-inline-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.shp-simple-inline-action{display:inline-flex;min-height:44px;min-width:0;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;padding:.7rem 1rem;font-size:.875rem;font-weight:700;line-height:1.15;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.shp-simple-inline-action:hover{transform:translateY(-1px)}.shp-simple-inline-action--primary{margin-left:auto;border:1px solid var(--pine);background:var(--pine);color:white}.shp-simple-inline-action--primary:hover{background:var(--pine-on)}.shp-simple-inline-action--secondary{border:1px solid var(--line);background:var(--paper);color:var(--clay)}.shp-simple-inline-action--secondary:hover{border-color:var(--pine-line);background:var(--pine-soft);color:var(--pine-on)}.shp-simple-nav{position:fixed;right:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;justify-content:center;gap:.75rem;width:-moz-max-content;width:max-content;max-width:calc(100vw - 24px);padding:6px;border:1px solid rgba(227,220,205,.9);border-radius:9999px;background:rgba(252,250,245,.92);box-shadow:0 10px 28px rgba(80,52,24,.16);transform:translateX(50%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.shp-simple-nav--embedded{position:static;z-index:1;margin:.75rem auto 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;backdrop-filter:none;-webkit-backdrop-filter:none}.shp-simple-nav-arrow{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9999px;background:var(--paper);color:var(--pine-on);box-shadow:0 1px 3px rgba(80,52,24,.07);transition:background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease,transform .18s ease}.shp-simple-nav-arrow:hover:not(:disabled){border-color:var(--pine-line);background:var(--pine-soft);transform:translateY(-1px)}.shp-simple-nav-arrow:disabled{cursor:not-allowed;opacity:.38;transform:none}.shp-simple-dots{display:flex;align-items:center;gap:.45rem;min-height:44px;padding-inline:.25rem}.shp-simple-dot{width:10px;height:10px;border:1px solid var(--line2);border-radius:9999px;background:var(--line);transition:width .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.shp-simple-dot:hover{border-color:var(--pine-line);background:var(--pine-soft)}.shp-simple-dot--active{width:28px;border-color:var(--pine);background:var(--pine);box-shadow:0 0 0 4px rgba(78,115,106,.12)}@media (max-width:767px){.shp-simple-flow{padding-bottom:72px}.shp-simple-flow--embedded{padding-bottom:0}.shp-simple-nav{bottom:max(14px,env(safe-area-inset-bottom))}.shp-simple-nav--embedded{bottom:auto}.shp--embedded .shp-simple-card{padding:.875rem}}@media (min-width:1024px){.shp--embedded .shp-workspace{border-radius:20px}.shp--embedded .shp-workspace-body{height:auto}.shp--embedded .shp-center-rail,.shp--embedded .shp-left-rail,.shp--embedded .shp-right-rail{overflow:visible}.shp-workspace{border:1px solid var(--line);border-radius:24px;background:rgba(252,250,245,.82);box-shadow:0 3px 10px rgba(80,52,24,.08),0 22px 60px rgba(80,52,24,.14)}.shp-workspace-body{display:grid;grid-template-columns:minmax(286px,320px) minmax(0,1fr) minmax(318px,380px);gap:0;height:100%;min-height:0}.shp-workspace-body--simple{display:block;overflow-y:auto;padding:18px}.shp--embedded .shp-workspace-body--simple{padding:10px}.shp-workspace-body--simple .shp-simple-flow{max-width:1120px}.shp-center-rail,.shp-left-rail,.shp-right-rail{display:flex;min-height:0;flex-direction:column;gap:16px;order:0;padding:18px}.shp-left-rail,.shp-right-rail{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.shp-left-rail{border-right:1px solid var(--line)}.shp-center-rail{overflow:hidden}.shp-right-rail{border-left:1px solid var(--line)}.shp-workspace .shp-bundle-panel,.shp-workspace .shp-panel-section,.shp-workspace .shp-room-detail{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0}.shp-left-rail>.shp-panel-section:not(:last-child),.shp-right-rail>div:not(:last-child){border-bottom:1px solid var(--line);padding-bottom:16px}.shp-panel-intro h1{max-width:11ch}.shp-layout-panel{height:100%}.shp-layout-panel .shp-canvas{flex:1 1 auto;min-height:0;margin-top:12px;padding:16px}.shp-workspace .shp-room-detail{margin-top:0}.shp-workspace .shp-bundle-panel h2,.shp-workspace .shp-room-detail h3{font-size:1.25rem;line-height:1.2}.shp-workspace .shp-bundle-panel>div:first-child{gap:12px}.shp-workspace .shp-bundle-panel>div:first-child p{line-height:1.45}}@media (min-width:1440px){.shp-workspace-body{grid-template-columns:minmax(310px,350px) minmax(0,1fr) minmax(350px,420px)}}.shp{--wall:#4a4236;--wall-soft:#6f6655}.shp-canvas{position:relative;background-color:#efe9db;background-image:linear-gradient(var(--line2) 1px,transparent 1px),linear-gradient(90deg,var(--line2) 1px,transparent 1px);background-size:23px 23px;border:1px solid var(--line);border-radius:16px;overflow:auto}.shp-foot{--cell:74px;position:relative;width:-moz-fit-content;width:fit-content;margin-inline:auto;background:transparent;filter:drop-shadow(0 14px 24px rgba(74,66,54,.16))}@media (min-width:480px){.shp-foot{--cell:88px}}@media (min-width:1024px){.shp-foot{--cell:80px}}@media (min-width:1140px){.shp-foot{--cell:94px}}@media (min-width:1024px){.shp-workspace .shp-foot{--cell:clamp(58px,5vw,78px)}}@media (min-width:1280px){.shp-workspace .shp-foot{--cell:clamp(62px,4.8vw,84px)}}@media (min-width:1024px) and (max-height:820px){.shp-workspace .shp-foot{--cell:clamp(52px,4.4vw,68px)}}.shp-modgrid{display:grid;grid-template-columns:repeat(var(--cols,4),var(--cell));grid-auto-rows:var(--cell);grid-auto-flow:row dense}.shp-room-shell{position:relative;min-width:0;min-height:0}.shp-room-shell>.shp-room{width:100%;height:100%}.shp-room{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:7px 8px;border:1.5px solid var(--wall);background:var(--paper);text-align:left;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;transition:background-color .16s ease,box-shadow .16s ease}.shp-room:hover{background:#f7f1e5;z-index:2}.shp-room--selected{border-color:var(--ember);background:linear-gradient(160deg,#fff8f1,#fbede1);box-shadow:inset 0 0 0 1.5px var(--ember);z-index:3}.shp-room-shell--resizing .shp-room{border-color:var(--ember);box-shadow:inset 0 0 0 1.5px var(--ember),0 0 0 3px rgba(217,122,82,.2)}.shp-room--placeholder{background:var(--ember-soft);border-style:dashed;border-color:var(--ember)}.shp-room--placeholder>*{visibility:hidden}.shp-room-name{font-size:12.5px;font-weight:600;line-height:1.1;letter-spacing:.01em;color:var(--sumi)}.shp-room-dim{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;letter-spacing:-.02em;color:var(--clay2)}.shp-room-ico{position:absolute;top:6px;left:7px;color:var(--wall-soft);opacity:.85}.shp-room--selected .shp-room-ico{color:var(--ember);opacity:1}.shp-room-count{position:absolute;top:5px;right:6px;display:inline-flex;align-items:center;gap:3px;min-width:18px;height:18px;padding:0 5px;border-radius:9999px;background:var(--ember);color:#fff;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;justify-content:center}.shp-room-count--empty{background:var(--paper2);color:var(--clay2)}.shp-resize-handle{position:absolute;right:4px;bottom:4px;z-index:5;display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;border:1px solid rgba(74,66,54,.26);border-radius:8px;background:rgba(252,250,245,.92);color:var(--wall-soft);cursor:nwse-resize;opacity:.78;touch-action:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease,box-shadow .16s ease}.shp-resize-handle:focus-visible,.shp-resize-handle:hover,.shp-room-shell--resizing .shp-resize-handle,.shp-room-shell--selected .shp-resize-handle{border-color:var(--ember);background:#fff8f1;color:var(--ember);opacity:1;box-shadow:0 4px 12px rgba(74,66,54,.16)}.shp-room-shell--resizing .shp-resize-handle{cursor:nwse-resize}.shp-door{bottom:-1.5px;height:15px;pointer-events:none}.shp-door,.shp-door:before{position:absolute;width:15px}.shp-door:before{content:"";left:0;bottom:0;height:3px;background:var(--paper)}.shp-room--selected .shp-door:before{background:#fdf3ea}.shp-door:after{content:"";position:absolute;left:0;bottom:0;width:15px;height:15px;border-left:1.5px solid var(--wall-soft);border-bottom:1.5px solid var(--wall-soft);border-bottom-left-radius:100%}.shp-winrow{position:absolute;top:-1.5px;left:8px;right:8px;display:flex;justify-content:center;gap:7px;pointer-events:none}.shp-win{width:15px;height:3px;background:var(--paper);border-top:1.5px solid var(--wall-soft);border-bottom:1.5px solid var(--wall-soft)}.shp-room--selected .shp-win{background:#fdf3ea}.shp-count{font-variant-numeric:tabular-nums}.shp-drag-layer{position:fixed;z-index:60;pointer-events:none;cursor:grabbing;width:var(--shp-drag-w,150px);height:var(--shp-drag-h,150px);filter:drop-shadow(0 18px 30px rgba(74,66,54,.3))}.shp-drag-layer .shp-room{width:100%;height:100%;border-color:var(--ember);background:linear-gradient(160deg,#fff8f1,#fbede1);box-shadow:inset 0 0 0 1.5px var(--ember)}@media (prefers-reduced-motion:reduce){.shp-dot--ember,.shp-rise,.shp-sense-in,.shp-tally-pop{animation:none!important}.shp-drag-layer,.shp-room{transition:none!important}}