*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 10% 0%,#3b123f 0,#17101d 35%,#100d16 100%);color:#eee}button,input,select,textarea{font:inherit}button{cursor:pointer}.appbar{min-height:64px;background:linear-gradient(90deg,#ff1493,#7b2cff 55%,#4a167c);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;gap:16px}.brand{display:flex;align-items:center;gap:10px}.brand .logo{width:38px;height:38px;border-radius:10px;background:#a855f7;display:grid;place-items:center;font-weight:900}.brand small{display:block;color:#aeb4bf;font-size:11px}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions button,.preview-top button{border:1px solid #3a404b;background:#232832;color:#fff;border-radius:8px;padding:8px 11px}.actions .primary{background:#a855f7;border-color:#a855f7}.controls{background:#211526;border-bottom:1px solid #4b2858;padding:18px}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.heading h1{margin:0;font-size:21px;color:#fff}.heading p,.hint,.theme-note{color:#d8bfe2!important}.heading p,.hint,.theme-note{margin:4px 0 0;color:#6b7280;font-size:13px}.heading button{border:1px solid #713d83;background:#321d3b;color:#fff;border-radius:7px;padding:7px 10px}.control-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}.control-grid label,.editor label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#eadcf0}.control-grid select,.control-grid input,.editor input,.editor textarea,.editor select{width:100%;border:1px solid #673777;border-radius:7px;padding:8px;background:#160f1b;color:#fff}.control-grid input[type=range]{padding:0}.check{flex-direction:row!important;align-items:center;gap:8px!important;padding-top:23px}.workspace{display:grid;grid-template-columns:340px 1fr;min-height:calc(100vh - 190px);background:#120d17}.editor{padding:14px;background:#1b1221;border-right:1px solid #4b2858;overflow:auto;height:calc(100vh - 190px);position:sticky;top:0}.editor-head h2{margin:0;font-size:18px}.editor-head .hint{margin-bottom:12px}.editor-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;position:sticky;top:0;background:#1b1221;padding:3px 0 10px;z-index:5}.tab{border:1px solid #613370;background:#29172f;border-radius:7px;padding:8px 5px;font-weight:800;font-size:12px;color:#596273}.tab.active{background:linear-gradient(90deg,#ff1493,#8a2be2);color:#fff;border-color:#17191d}.tab-panel{display:none}.tab-panel.active{display:block}.editor details{border:1px solid #4f2b5d;border-radius:9px;background:#24152b;margin:9px 0;overflow:hidden}.editor summary{cursor:pointer;font-weight:800;padding:11px 12px;color:#fff;list-style:none}.editor summary::-webkit-details-marker{display:none}.editor summary:after{content:'＋';float:right;color:#8b93a1}.editor details[open] summary:after{content:'−'}.details-body{padding:0 12px 12px}.editor label+label{margin-top:10px}.editor textarea{min-height:68px;resize:vertical}.theme-note{line-height:1.45}.canvas-area{min-width:0;padding:18px}.media-help{font-size:11px;color:#d8bfe2;line-height:1.4}.file-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.danger{border-color:#a43a67!important;color:#ffb4d6!important}.canvas-toolbar{height:40px;display:flex;align-items:center;justify-content:space-between;color:#555;font-size:13px;padding:0 4px}.site{min-height:550px;overflow:hidden;--page:#fff;--content:#fff;--accent:#a855f7;--text:#222}.site [data-edit]{cursor:text;outline:2px dashed transparent;outline-offset:3px;transition:outline-color .12s,background .12s}.site [data-edit]:hover{outline-color:color-mix(in srgb,var(--accent) 35%,transparent)}.site [data-edit].editing{outline-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.topbar{background:#20242b;color:#fff;padding:7px 12px;font-size:12px}.site-header{display:grid;place-items:center;text-align:center;padding:20px;background:var(--accent);color:#fff}.site-header h1{margin:0 0 7px;font-size:clamp(28px,5vw,52px)}.site-header p{margin:0}.banner{height:85px;display:grid;place-items:center;background:linear-gradient(90deg,var(--accent),#fff0);color:#fff;font-weight:900}.navbar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:10px;background:var(--accent)}.navbar a{color:#fff;text-decoration:none;font-weight:800;padding:7px 12px}.layout{display:grid;min-height:430px;background:var(--page)}.layout.one{grid-template-columns:1fr}.layout.left{grid-template-columns:var(--side-width) 1fr}.layout.right{grid-template-columns:1fr var(--side-width)}.layout.both{grid-template-columns:var(--side-width) 1fr var(--side-width)}.layout.spaced{gap:12px;padding:12px}.side{background:color-mix(in srgb,var(--accent) 12%,var(--page));color:var(--text);padding:22px}.side h3{color:var(--accent);margin-top:0}.side .box{border:1px solid var(--accent);padding:12px;white-space:pre-wrap}.main{background:var(--content);color:var(--text);padding:38px}.main h2{color:var(--accent);margin-top:0}.main p{line-height:1.7;white-space:pre-wrap}.callout{background:color-mix(in srgb,var(--accent) 10%,var(--content));padding:18px;border-left:4px solid var(--accent);margin:24px 0}.footer{background:color-mix(in srgb,var(--accent) 18%,#111);color:#fff;text-align:center;padding:24px}.preview-screen{display:none;position:fixed;inset:0;background:#fff;z-index:1000;overflow:auto}.preview-screen.active{display:block}.preview-top{position:sticky;top:0;height:50px;background:#17191d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 15px;z-index:2}.preview-screen #cleanPreview{min-height:calc(100vh - 50px)}.collapsed .control-grid{display:none}.collapsed{padding-bottom:10px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:2000;background:#17191d;color:#fff;padding:10px 15px;border-radius:999px;box-shadow:0 8px 25px #0004;transition:.18s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.control-grid{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:280px 1fr}.editor{height:calc(100vh - 240px)}}@media(max-width:700px){.appbar{align-items:flex-start;flex-direction:column}.workspace{display:block}.editor{position:relative;height:auto;border-right:0;border-bottom:1px solid #ddd}.control-grid{grid-template-columns:1fr}.layout.left,.layout.right,.layout.both{grid-template-columns:1fr}.side{display:none}.canvas-area{padding:8px}.actions button{padding:7px 9px;font-size:12px}}

.media-block{margin:24px 0;padding:16px;border:1px dashed color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--content));border-radius:10px}.media-block audio,.media-block video{max-width:100%;width:100%}.media-block img{max-width:100%;height:auto;display:block;margin:auto}.embed-wrap{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:8px}.embed-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.media-title{color:var(--accent);margin:0 0 10px}.media-caption{margin:8px 0 0;line-height:1.5}.site.with-bg{background-size:cover;background-position:center;background-attachment:fixed}.site-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.site.has-bg-video{position:relative}.site.has-bg-video>*{position:relative;z-index:1}.site-bg-overlay{position:absolute;inset:0;background:rgba(0,0,0,.2);z-index:0;pointer-events:none}.block-controls{display:flex;gap:6px;justify-content:flex-end;margin-bottom:6px}.block-controls button{font-size:11px;padding:4px 7px;border:1px solid #754080;background:#321c3b;color:#fff;border-radius:5px}.builder-media-preview{margin-top:8px}.asset-name{font-size:11px;color:#d8bfe2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}