:root{--bg:#09111f;--panel:#0c121ff0;--panel-border:#e46141b8;--text:#eaf2ff;--muted:#9eb0d1;--accent:#e46141;--accent2:#f08a72;--input:#ffffff14}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--text);background:radial-gradient(circle at top,#16223d 0%,#0a1120 42%,#05070d 100%);margin:0;font-family:Inter,Arial,Helvetica,sans-serif;overflow:hidden}#app{grid-template-columns:360px 1fr;width:100%;height:100%;display:grid}#sidebar{background:var(--panel);border-right:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;padding:18px;position:relative;overflow-y:auto;box-shadow:inset -1px 0 #e461412e}h1{margin:0 0 10px;font-size:22px;line-height:1.2}.sub{color:var(--muted);margin-bottom:16px;font-size:13px;line-height:1.6}.card{border:1px solid var(--panel-border);background:#ffffff08;border-radius:18px;margin-bottom:14px;padding:14px;box-shadow:inset 0 1px #ffffff0d}.card h2{margin:0 0 12px;font-size:14px}.row{grid-template-columns:1fr 110px;align-items:center;gap:10px;margin-bottom:10px;display:grid}.row:last-child{margin-bottom:0}label{color:var(--text);font-size:13px}input[type=number],input[type=file],select,input[type=range],button{background:var(--input);width:100%;color:var(--text);border:1px solid #e4614173;border-radius:12px;outline:none;padding:10px 12px;font-size:13px}input[type=file]{padding:8px}select{appearance:none;cursor:pointer}input[type=range]{background:0 0;border:none;border-radius:0;padding:0}.upload-grid{gap:10px;display:grid}.upload-item{gap:6px;display:grid}.upload-item span,.note,.small-note{color:var(--muted);font-size:12px;line-height:1.5}.hidden{display:none!important}.stack-list{gap:8px;display:grid}.stack-row{grid-template-columns:1fr 110px;align-items:center;gap:10px;display:grid}.wa-btn,.demo-btn{text-align:center;color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent2));cursor:pointer;border-radius:14px;width:100%;padding:14px 16px;font-size:14px;font-weight:700;text-decoration:none;display:block;box-shadow:0 10px 24px #e4614147}.demo-btn:disabled{opacity:.5;cursor:not-allowed}#viewport{background:0 0;width:100%;height:100%;position:relative;overflow:hidden}#watermarkLayer{z-index:0;pointer-events:none;opacity:.28;mix-blend-mode:normal;background-position:50%;background-repeat:no-repeat;background-size:100%;position:absolute;inset:0}canvas{z-index:1;display:block;position:relative}#info{z-index:10;color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;text-align:right;background:#060a129e;border:1px solid #ffffff14;border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.5;position:absolute;top:18px;right:18px}@media (width<=980px){#app{grid-template-rows:auto 1fr;grid-template-columns:1fr}#sidebar{border-right:none;border-bottom:1px solid var(--panel-border);max-height:52vh}}