/* Widget Sweet · Heisei interface skin (editor chrome only, never exported sites) */
:root{--heisei-edge:#b76e9a;--heisei-ink:#71395d;--heisei-paper:#fffafd;--heisei-bar:#e9b1d0;--heisei-shadow:#ebc8dc}
body.ws-heisei,body.ws-maker{color:var(--heisei-ink);font-family:Tahoma,Verdana,"MS PGothic",sans-serif;background-color:#fff1f8;background-image:linear-gradient(90deg,#f8dce955 50%,transparent 50%),linear-gradient(#f8dce955 50%,transparent 50%);background-size:20px 20px}
body.ws-heisei .puri-header,body.ws-heisei .blog-header,body.ws-maker>header{background:linear-gradient(#fdf1f8,#efc5df);border-bottom:2px solid var(--heisei-edge);box-shadow:inset 0 1px #fff;min-height:55px;gap:8px}
body.ws-heisei .puri-header strong,body.ws-heisei .blog-header strong,body.ws-maker>header strong{color:#9b3774;font-weight:900;text-shadow:1px 1px white}
body.ws-heisei .puri-header:before,body.ws-heisei .blog-header:before,body.ws-maker>header:before{content:none;display:none}
body.ws-heisei .puri-shell,body.ws-heisei .blog-shell{gap:13px}
body.ws-heisei .puri-panel,body.ws-heisei .puri-center,body.ws-heisei .blog-panel,body.ws-heisei .blog-editor,body.ws-heisei .blog-preview{border:1px solid var(--heisei-edge);border-radius:0;background:var(--heisei-paper);box-shadow:2px 2px 0 var(--heisei-shadow);padding:16px;overflow:hidden}
body.ws-heisei .puri-panel:before,body.ws-heisei .puri-center:before,body.ws-heisei .blog-panel:before,body.ws-heisei .blog-editor:before,body.ws-heisei .blog-preview:before{content:'';display:block;margin:-16px -16px 15px;padding:7px 11px;background:linear-gradient(#f9e1ee,#e7acd0);border-bottom:1px solid var(--heisei-edge);font-size:10px;letter-spacing:.08em;font-weight:900;color:#803b63}
body.ws-heisei button,body.ws-heisei .btn,body.ws-maker>header button,body.ws-maker .panel button{border-radius:0;border:1px solid #b977a1;background:linear-gradient(#fff,#f4d6e7);color:#753b5d;box-shadow:inset 1px 1px #fff,1px 1px #ebc6da;font-size:12px;font-weight:700}
body.ws-heisei button:hover,body.ws-maker>header button:hover,body.ws-maker .panel button:hover{background:linear-gradient(#fff8fc,#edb9d6)}
body.ws-heisei button:active,body.ws-maker>header button:active,body.ws-maker .panel button:active{transform:translate(1px,1px);box-shadow:inset 1px 1px #cf9ab9}
body.ws-heisei button.active,body.ws-heisei .active,body.ws-maker .panel button.active,body.ws-maker>header button.primary{background:linear-gradient(#d775a9,#ac3f7d);color:#fff;border-color:#9c4276}
body.ws-heisei input:not([type=range]):not([type=checkbox]):not([type=radio]),body.ws-heisei select,body.ws-heisei textarea,body.ws-maker .panel input:not([type=range]):not([type=checkbox]):not([type=radio]),body.ws-maker .panel select,body.ws-maker .panel textarea{border:1px solid #c28cab;border-radius:0;background-color:#fff;box-shadow:inset 1px 1px #f3e6ed}
body.ws-heisei h1,body.ws-heisei h2,body.ws-heisei h3,body.ws-maker .panel h3{color:#973e74}
body.ws-heisei .blog-post-row,body.ws-heisei .asset-admin-grid>div{border:1px solid #c78caf;border-radius:0;background:#fff9fd;box-shadow:1px 1px #f0d1e2}
body.ws-heisei .blog-tabs button,body.ws-heisei .toolbar button{border-radius:0}
body.ws-heisei .blog-preview iframe{border-radius:0;border:1px solid #c58ba9}
/* Site Maker chrome: do not style .canvas, .element, .section, or the website preview. */
body.ws-maker>header{padding:9px 12px}
body.ws-maker .app{height:calc(100vh - 74px)}
body.ws-maker .panel{background:#fff9fc;border-color:#c98cae;padding:14px;box-shadow:inset -2px 0 #f1d5e4}
body.ws-maker .panel:before{content:'SITE MAKER';display:block;margin:-14px -14px 13px;padding:7px 11px;background:linear-gradient(#f9e2ef,#e9b4d3);border-bottom:1px solid #b76e9a;color:#803b63;font-size:10px;font-weight:900;letter-spacing:.08em}
body.ws-maker .stage{background-color:#fce9f4;background-image:radial-gradient(#d4a6c2 1px,transparent 1px);background-size:16px 16px}
body.ws-maker .panel .tool,body.ws-maker .panel .pageitem button{border-radius:0}
body.ws-maker .panel .active{background:#f6d1e5;color:#87345e}
body.ws-maker .panel label{color:#824363}
body.ws-maker .panel .field{border-radius:0}
@media(max-width:800px){body.ws-heisei .puri-shell,body.ws-heisei .blog-shell{padding:10px;gap:10px}body.ws-maker .app{height:auto;min-height:calc(100vh - 74px)}body.ws-maker>header{gap:5px}}

/* Layout Maker: full Heisei desktop chrome. Scoped to the editor only. */
body.ws-maker>header{border-top:4px solid #c66d9e;background:linear-gradient(#fbe8f2,#e6b4d0);box-shadow:inset 0 1px #fff}
body.ws-maker>header strong{font-size:16px;letter-spacing:0}
body.ws-maker .panel{background:#fff9fc;border-right:2px solid #c88eaf}
body.ws-maker .panel h3{background:linear-gradient(#f9e4f0,#e9b6d3);border:1px solid #c78aab;padding:7px 9px;font-size:12px;letter-spacing:.02em;margin:12px -4px 9px}
body.ws-maker .starter-template{border-radius:0;box-shadow:inset 1px 1px #fff,1px 1px #efd4e2;background:linear-gradient(#fff,#fff3fa)}
body.ws-maker .starter-template:hover{background:#f5d5e8}
body.ws-maker .template-swatch{border-radius:0;width:25px;height:25px;border:1px solid #ad7795}
body.ws-maker .panel .tool{padding:7px 9px}
body.ws-maker .panel hr{border-top:1px dashed #d4a0bc}
body.ws-maker .stage{background-color:#fce9f4;background-image:linear-gradient(#eac5da 1px,transparent 1px),linear-gradient(90deg,#eac5da 1px,transparent 1px);background-size:20px 20px}
body.ws-maker .panel .field:focus{outline:2px solid #e6a6c9;outline-offset:1px}
body.ws-maker .panel .hint{color:#80576d}

body.ws-maker .starter-template,body.ws-maker .theme-drawer>summary{background-image:none!important}
body.ws-maker .starter-template{box-shadow:none!important}

/* The Purideco center strip is the only maker panel with a caption. */
body.ws-heisei .puri-center:before{content:'Widget Sweet - Purideco Maker';font-size:11px;letter-spacing:0}