:root{--bg-0:#15161a;--bg-1:#1c1e23;--bg-2:#24262d;--bg-3:#2d2f38;--border:#383b45;--text-0:#f1f2f4;--text-1:#b7bac3;--text-2:#797d89;--accent:#5b8cff;--accent-2:#3f6ef0;--danger:#ef5a5a;--ok:#3cc27a;--canvas-bg:#e7e9ee;--panel-w:280px;font-size:14px}*{box-sizing:border-box}:root{color-scheme:dark}select option,select optgroup{background-color:#1c1e23;color:#f1f2f4}select option:checked{background-color:#3b2f73;color:#fff}select option:disabled{color:#797d89}html,body{margin:0;padding:0;height:100%;background:var(--bg-0);color:var(--text-0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{display:flex;flex-direction:column;height:100vh;overflow:hidden}#credit-bar{flex-shrink:0;background:#000;color:#9a9da5;text-align:center;font-size:11px;padding:5px 0;letter-spacing:.02em;-webkit-user-select:none;user-select:none}#credit-bar .heart{color:#e5484d}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}#toolbar{display:flex;align-items:center;gap:10px;background:var(--bg-1);border-bottom:1px solid var(--border);padding:8px 14px;flex-shrink:0;height:52px}#toolbar .tb-title{font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;color:var(--text-0)}#toolbar .tb-title input{background:transparent;border:1px solid transparent;color:var(--text-0);font-weight:600;font-size:14px;padding:4px 6px;border-radius:5px;max-width:200px}#toolbar .tb-title input:hover,#toolbar .tb-title input:focus{border-color:var(--border);background:var(--bg-2);outline:none}.tb-sep{width:1px;align-self:stretch;background:var(--border);margin:0 4px}.tb-group{display:flex;align-items:center;gap:4px}.tb-btn{display:flex;align-items:center;gap:6px;background:var(--bg-2);border:1px solid var(--border);color:var(--text-1);padding:6px 10px;border-radius:6px;font-size:12.5px;white-space:nowrap;transition:.12s}.tb-btn:hover{background:var(--bg-3);color:var(--text-0)}.tb-btn:disabled{opacity:.35;cursor:not-allowed}.tb-btn.primary{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.tb-btn.primary:hover{background:var(--accent)}.tb-btn.icon-only{padding:6px 8px}.device-switch{display:flex;background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:2px}.device-switch button{background:transparent;border:none;color:var(--text-2);padding:5px 9px;border-radius:5px;font-size:12px}.device-switch button.active{background:var(--bg-3);color:var(--text-0)}#spacer{flex:1}#app-body{flex:1;display:flex;min-height:0}aside{background:var(--bg-1);flex-shrink:0;display:flex;flex-direction:column;min-height:0}#left-panel{width:var(--panel-w);border-right:1px solid var(--border)}#right-panel{width:300px;border-left:1px solid var(--border)}.panel-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.panel-tabs button{flex:1;background:transparent;border:none;color:var(--text-2);padding:10px 4px;font-size:12px;font-weight:600;letter-spacing:.02em;border-bottom:2px solid transparent}.panel-tabs button.active{color:var(--text-0);border-bottom-color:var(--accent)}#rightPanelHeader{padding:10px 12px 0;flex-shrink:0}#rightPanelHeader:empty{padding:0}.back-to-settings-btn{display:flex;align-items:center;gap:6px;width:100%;background:var(--bg-2);border:1px solid var(--accent);color:var(--text-0);padding:8px 10px;border-radius:8px;font-size:12px;font-weight:600;justify-content:center}.back-to-settings-btn:hover{background:var(--bg-3)}.editing-label{font-size:11px;color:var(--text-2);padding:0 2px 8px;text-align:center}.panel-body{flex:1;overflow-y:auto;padding:12px}.panel-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);margin:14px 0 8px;font-weight:700}.panel-section-title:first-child{margin-top:0}.block-lib{display:grid;grid-template-columns:1fr 1fr;gap:8px}.block-lib-item{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-1);font-size:11px;text-align:center;-webkit-user-select:none;user-select:none}.block-lib-item:hover{border-color:var(--accent);color:var(--text-0);background:var(--bg-3)}.block-lib-item .ic{font-size:18px;line-height:1}.block-lib-item[draggable=true]{cursor:grab}.block-lib-item.dragging{opacity:.4}.preset-card{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:10px;margin-bottom:8px;cursor:pointer}.preset-group{margin-bottom:6px;padding-bottom:6px;border-bottom:1px dashed var(--border)}.preset-group:last-child{border-bottom:none}.preset-card.signature{border-color:#9b7cff80;background:linear-gradient(135deg,#9b7cff24,#ff5cc80f)}.preset-card.signature b{color:#fff}.preset-card:hover{border-color:var(--accent)}.preset-card b{display:block;font-size:12.5px;margin-bottom:4px;color:var(--text-0)}.preset-card span{font-size:11px;color:var(--text-2)}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.asset-item{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;overflow:hidden}.asset-item .thumb{height:60px;background:repeating-conic-gradient(#33353d 0% 25%,#2b2d34 0% 50%) 50%/16px 16px;display:flex;align-items:center;justify-content:center;overflow:hidden}.asset-item .thumb img{max-width:100%;max-height:100%;object-fit:contain}.asset-item .meta{padding:5px 6px;font-size:10px;color:var(--text-2)}.asset-item .name{color:var(--text-1);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-item .actions{display:flex;gap:3px;padding:0 6px 6px}.asset-item .actions button{flex:1;background:var(--bg-3);border:1px solid var(--border);color:var(--text-1);border-radius:4px;font-size:10px;padding:3px 0}.asset-item .actions button:hover{color:#fff;border-color:var(--accent)}.upload-drop{border:1.5px dashed var(--border);border-radius:8px;padding:16px 8px;text-align:center;color:var(--text-2);font-size:11.5px;margin-bottom:10px}.upload-drop:hover{border-color:var(--accent);color:var(--text-1)}.upload-drop input{display:none}.url-add-row{display:flex;gap:6px;margin-bottom:10px}.url-add-row input{flex:1}.field{margin-bottom:10px}.field label{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:var(--text-1);margin-bottom:4px;font-weight:600}.field input[type=text],.field input[type=number],.field input[type=url],.field select,.field textarea{width:100%;background:var(--bg-2);border:1px solid var(--border);color:var(--text-0);padding:6px 8px;border-radius:6px;font-size:12.5px}.field textarea{resize:vertical;min-height:60px}.field input[type=color]{width:100%;height:30px;padding:2px;background:var(--bg-2);border:1px solid var(--border);border-radius:6px}.field-row{display:flex;gap:8px}.field-row .field{flex:1}.field.check{display:flex;align-items:center;gap:8px;flex-direction:row}.field.check input{width:auto}.field.check label{margin:0}.formatting-row{display:flex;gap:4px;margin-bottom:10px}.formatting-row button{flex:1;background:var(--bg-2);border:1px solid var(--border);color:var(--text-1);padding:6px 0;border-radius:6px;font-size:12px}.formatting-row button.active{background:var(--accent-2);color:#fff;border-color:var(--accent-2)}.asset-pick-btn{margin-top:4px;width:100%;background:var(--bg-3);border:1px solid var(--border);color:var(--text-1);padding:5px;border-radius:6px;font-size:11px}.asset-btn-row{display:flex;gap:6px;margin-top:4px}.asset-btn-row .asset-pick-btn{margin-top:0;flex:1}.empty-hint{color:var(--text-2);font-size:12px;line-height:1.5;padding:10px 2px}.divider-line{height:1px;background:var(--border);margin:14px 0}.mini-list-item{background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:8px;margin-bottom:6px}.mini-list-item .row{display:flex;gap:6px;margin-bottom:6px}.mini-list-item .row:last-child{margin-bottom:0}.mini-list-item select,.mini-list-item input{flex:1;background:var(--bg-1);border:1px solid var(--border);color:var(--text-0);padding:4px 6px;border-radius:5px;font-size:11.5px}.mini-list-item .rm{flex:0;background:var(--bg-1);color:var(--danger);border:1px solid var(--border);border-radius:5px;padding:0 8px}.add-mini-btn{width:100%;background:var(--bg-2);border:1px dashed var(--border);color:var(--text-1);padding:7px;border-radius:6px;font-size:12px}.add-mini-btn:hover{border-color:var(--accent);color:var(--text-0)}#canvas-wrap{flex:1;overflow:auto;display:flex;justify-content:center;padding:36px 20px;background:var(--canvas-bg);background-image:radial-gradient(#d3d6dd 1px,transparent 1px);background-size:16px 16px}#device-frame{background:#fff;box-shadow:0 6px 30px #0000002e;height:fit-content;transition:width .18s ease}#device-frame.desktop{width:660px;padding:14px;border-radius:10px;background:#f4f5f7}#device-frame.tablet{width:520px;padding:10px;border-radius:22px;background:#111}#device-frame.mobile{width:375px;padding:10px 6px;border-radius:26px;background:#111}#canvas-inner{background:#fff;overflow:hidden}#device-frame.tablet #canvas-inner,#device-frame.mobile #canvas-inner{border-radius:14px}#canvas{min-height:200px;position:relative}.resize-handle{position:absolute;width:14px;height:14px;background:var(--accent);border:2px solid #fff;border-radius:3px;cursor:nwse-resize;z-index:50;box-shadow:0 1px 4px #0006;display:none}.resize-handle:hover{background:var(--accent-2)}.img-placeholder{background:#eef0f4;border:1.5px dashed #c7cbd4;text-align:center;vertical-align:middle;font-family:Arial,Helvetica,sans-serif;color:#8a90a0}.img-placeholder .ph-ic{font-size:22px;display:block;margin-bottom:4px;opacity:.7}#canvas.empty{display:flex;align-items:center;justify-content:center;min-height:400px;color:#9aa0ab;font-size:13px;flex-direction:column;gap:8px;border:2px dashed #d5d8e0;margin:14px}#canvas.drag-over-empty{border-color:var(--accent);color:var(--accent)}.ed-section{position:relative;border:1px solid transparent}.ed-section:hover{border-color:#8aa8ff}.ed-section.selected{border-color:var(--accent-2)}.ed-section-toolbar{position:absolute;top:-1px;right:6px;display:none;gap:2px;background:var(--accent-2);border-radius:0 0 6px 6px;padding:2px;z-index:5}.ed-section:hover .ed-section-toolbar,.ed-section.selected .ed-section-toolbar{display:flex}.ed-section-toolbar button{background:transparent;border:none;color:#fff;width:22px;height:20px;font-size:11px;border-radius:3px}.ed-section-toolbar button:hover{background:#ffffff40}.ed-section-label{position:absolute;top:-1px;left:6px;background:var(--accent-2);color:#fff;font-size:9.5px;padding:1px 6px;border-radius:0 0 5px 5px;display:none;z-index:5;letter-spacing:.03em}.ed-section:hover .ed-section-label,.ed-section.selected .ed-section-label{display:block}.block-wrap{position:relative;border:1px dashed transparent}.block-wrap:hover{border-color:#ffb020;z-index:2}.block-wrap.selected{border-color:var(--accent);z-index:2}.block-toolbar{position:absolute;top:-19px;right:2px;display:none;gap:1px;background:#ffb020;border-radius:4px 4px 0 0;padding:1px;z-index:6}.block-wrap:hover .block-toolbar{display:flex}.block-wrap.selected .block-toolbar{display:flex;background:var(--accent)}.block-toolbar button{background:transparent;border:none;color:#1a1a1a;width:19px;height:17px;font-size:10px;border-radius:2px}.block-wrap.selected .block-toolbar button{color:#fff}.block-toolbar button:hover{background:#00000026}.insertion-line{height:3px;background:var(--accent);margin:0;position:relative;z-index:10;border-radius:2px}.col-cell-inner{min-height:40px;position:relative}.col-add-btn{display:block;width:100%;background:#f2f4f8;border:1px dashed #c6cbd6;color:#8991a0;padding:8px 0;font-size:11px}.col-add-btn:hover{background:#e9ecf3;color:#556}#html-view{position:fixed;inset:0;background:var(--bg-0);z-index:100;display:flex;flex-direction:column}#html-view[hidden]{display:none}#html-view .hv-toolbar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-1)}#html-view .hv-toolbar b{margin-right:auto}#html-code{flex:1;overflow:auto;margin:0;padding:18px 22px;font-family:SF Mono,Consolas,Menlo,monospace;font-size:12.5px;line-height:1.6;color:#c9d1d9;background:#0d1117;white-space:pre-wrap;word-break:break-word}.tag{color:#7ee787}.attr{color:#79c0ff}.str{color:#a5d6ff}.cmt{color:#8b949e}#validation-panel{position:fixed;bottom:16px;right:16px;width:320px;max-height:60vh;overflow:auto;background:var(--bg-1);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #0006;z-index:90}#validation-panel[hidden]{display:none}#validation-panel .vp-head{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border)}#validation-panel .vp-head b{flex:1;font-size:13px}#validation-panel .vp-head button{background:none;border:none;color:var(--text-2);font-size:15px}#validation-panel ul{list-style:none;margin:0;padding:8px}#validation-panel li{font-size:12px;padding:8px;border-radius:6px;margin-bottom:4px;background:var(--bg-2);color:var(--text-1);display:flex;gap:8px}#validation-panel li.ok{color:var(--ok)}#validation-panel li .dot{flex-shrink:0}.modal-backdrop{position:fixed;inset:0;background:#0000008c;z-index:200;display:flex;align-items:center;justify-content:center}.modal-backdrop[hidden]{display:none}.modal{background:var(--bg-1);border:1px solid var(--border);border-radius:10px;width:560px;max-width:92vw;max-height:85vh;display:flex;flex-direction:column}.modal .m-head{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.modal .m-head b{flex:1;font-size:14px}.modal .m-head button{background:none;border:none;color:var(--text-2);font-size:16px}.modal .m-body{padding:14px 16px;overflow:auto}.modal .m-body textarea{width:100%;height:280px;background:var(--bg-2);border:1px solid var(--border);color:var(--text-0);border-radius:6px;padding:10px;font-family:monospace;font-size:12px}.modal .m-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--bg-3);border:1px solid var(--border);color:var(--text-0);padding:9px 16px;border-radius:20px;font-size:12.5px;z-index:300;box-shadow:0 6px 20px #0006;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#3a3d47;border-radius:5px}:root{--bg-0:#07070a;--bg-1:#0d0d12;--bg-2:#15151d;--bg-3:#1d1d27;--border:rgba(255,255,255,.09);--border-strong:rgba(255,255,255,.16);--text-0:#f8f8fb;--text-1:#b7b7c7;--text-2:#737487;--accent:#9b7cff;--accent-2:#7657ff;--accent-pink:#ff5cc8;--accent-cyan:#55e6ff;--danger:#ff667c;--ok:#58e6a5;--canvas-bg:#101017;--panel-w:292px;font-size:14px}html,body{background:#07070a;color:var(--text-0);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body:before{content:"";position:fixed;inset:-30%;pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 15%,rgba(155,124,255,.12),transparent 28%),radial-gradient(circle at 85% 20%,rgba(255,92,200,.08),transparent 25%),radial-gradient(circle at 50% 100%,rgba(85,230,255,.06),transparent 30%)}#app{background:linear-gradient(180deg,#09090d,#07070a)}#credit-bar{background:#050507;color:#6f7080;border-top:1px solid rgba(255,255,255,.05);font-size:10px;padding:6px 0;letter-spacing:.06em;text-transform:uppercase}#credit-bar .heart{color:#ff5cc8;text-shadow:0 0 12px rgba(255,92,200,.8)}#credit-bar a{color:#fff!important;text-decoration:underline!important;text-underline-offset:2px}button,input,select,textarea{outline:none}button{transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}button:active{transform:scale(.97)}#toolbar{height:64px;padding:10px 14px;background:#0a0a0ee0;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px #0000003d;gap:8px;position:relative;z-index:20}#toolbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(155,124,255,.65),rgba(255,92,200,.55),transparent);opacity:.65}#toolbar .tb-title{font-size:13px;font-weight:800;letter-spacing:-.02em;gap:8px}#toolbar .tb-title:before{content:"✦";display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#9b7cff,#ff5cc8);color:#fff;box-shadow:0 0 22px #9b7cff59;font-size:15px}#toolbar .tb-title input{max-width:180px;background:#ffffff09;border:1px solid transparent;border-radius:9px;padding:7px 9px;color:#fff}#toolbar .tb-title input:hover,#toolbar .tb-title input:focus{background:#ffffff0f;border-color:#9b7cff73;box-shadow:0 0 0 3px #9b7cff14}.tb-sep{background:#ffffff14;height:26px}.tb-group{gap:5px}.tb-btn{background:#ffffff0b;border:1px solid rgba(255,255,255,.09);color:#bfc0ce;padding:7px 11px;border-radius:9px;font-size:11.5px;font-weight:650;box-shadow:inset 0 1px #ffffff09}.tb-btn:hover{background:#ffffff16;border-color:#9b7cff59;color:#fff;box-shadow:0 6px 20px #0000002e}.tb-btn.primary{background:linear-gradient(135deg,#8c6cff,#c04cff);border-color:transparent;color:#fff;box-shadow:0 8px 24px #8b5bff47}.tb-btn.primary:hover{background:linear-gradient(135deg,#a080ff,#df5bca);box-shadow:0 10px 30px #8b5bff66}.tb-btn.icon-only{width:32px;height:32px;padding:0;display:grid;place-items:center;font-size:17px}.device-switch{background:#ffffff09;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:3px}.device-switch button{color:#727385;padding:6px 9px;border-radius:7px;font-size:10.5px;font-weight:700}.device-switch button:hover{color:#fff}.device-switch button.active{background:linear-gradient(135deg,#9b7cff47,#ff5cc824);color:#fff;box-shadow:inset 0 0 0 1px #9b7cff33,0 3px 12px #0003}#app-body{background:#09090d}aside{background:#0c0c11e0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}#left-panel{border-right:1px solid rgba(255,255,255,.07)}#right-panel{border-left:1px solid rgba(255,255,255,.07)}.panel-tabs{border-bottom:1px solid rgba(255,255,255,.07);padding:5px 7px 0;gap:3px}.panel-tabs button{border:0!important;border-bottom:2px solid transparent!important;border-radius:8px 8px 0 0;color:#686a7a;padding:10px 5px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.panel-tabs button:hover{color:#fff;background:#ffffff09}.panel-tabs button.active{color:#fff;border-bottom-color:#9b7cff!important;background:linear-gradient(180deg,rgba(155,124,255,.08),transparent)}.panel-body{padding:14px 12px;scrollbar-width:thin}.panel-section-title{color:#6e7082;font-size:9.5px;letter-spacing:.13em;margin:17px 0 9px;font-weight:850}.block-lib{gap:7px}.block-lib-item{position:relative;background:linear-gradient(145deg,#ffffff0e,#ffffff06);border:1px solid rgba(255,255,255,.075);border-radius:12px;padding:12px 6px;gap:7px;color:#aeb0bf;font-size:10.5px;box-shadow:inset 0 1px #ffffff09;overflow:hidden}.block-lib-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(155,124,255,.11),transparent 50%,rgba(255,92,200,.06));opacity:0;transition:.2s}.block-lib-item:hover{border-color:#9b7cff73;color:#fff;background:#9b7cff14;transform:translateY(-2px);box-shadow:0 9px 25px #0003,0 0 20px #9b7cff14}.block-lib-item:hover:before{opacity:1}.block-lib-item .ic{font-size:20px;position:relative;filter:drop-shadow(0 0 7px rgba(155,124,255,.25))}.preset-card,.asset-item,.mini-list-item{background:linear-gradient(145deg,#ffffff0e,#ffffff06);border:1px solid rgba(255,255,255,.075);border-radius:12px;box-shadow:inset 0 1px #ffffff08}.preset-card{padding:12px;margin-bottom:8px}.preset-card:hover{border-color:#9b7cff73;background:#9b7cff12;transform:translateY(-1px)}.preset-card b{font-size:12px}.preset-card span{color:#77798a;font-size:10.5px;line-height:1.5}.field input[type=text],.field input[type=number],.field input[type=url],.field select,.field textarea,.mini-list-item select,.mini-list-item input{background:#ffffff0b;border:1px solid rgba(255,255,255,.085);color:#f5f5f8;border-radius:8px;padding:7px 9px}.field input:focus,.field select:focus,.field textarea:focus,.mini-list-item input:focus,.mini-list-item select:focus{border-color:#9b7cff99;box-shadow:0 0 0 3px #9b7cff17}.field label{font-size:10.5px;color:#a5a6b5;font-weight:700}.field input[type=color]{height:34px;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:8px}.formatting-row button,.add-mini-btn,.asset-pick-btn{background:#ffffff0b;border:1px solid rgba(255,255,255,.08);color:#aaa;border-radius:8px}.formatting-row button:hover,.add-mini-btn:hover,.asset-pick-btn:hover{background:#9b7cff1a;border-color:#9b7cff66;color:#fff}.formatting-row button.active{background:linear-gradient(135deg,#7657ff,#9b7cff);border-color:transparent;color:#fff}.empty-hint{color:#707284;font-size:10.5px;line-height:1.55}.divider-line{background:#ffffff12}.upload-drop{border:1px dashed rgba(255,255,255,.16);border-radius:12px;background:#ffffff06;padding:18px 8px;color:#707284}.upload-drop:hover{border-color:#9b7cff;background:#9b7cff0d;color:#bbb}#canvas-wrap{position:relative;overflow:auto;padding:46px 30px;background:#111117;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(180deg,rgba(155,124,255,.035),transparent 25%);background-size:20px 20px,100% 100%}#canvas-wrap:before{content:"WEBSITE PREVIEW";position:sticky;top:-28px;display:block;text-align:center;font-size:9px;font-weight:800;letter-spacing:.18em;color:#535565;pointer-events:none;margin-bottom:-17px}#device-frame{box-shadow:0 30px 80px #00000073,0 0 0 1px #ffffff12}#device-frame.desktop{padding:13px;border-radius:18px;background:linear-gradient(145deg,#262630,#121218)}#device-frame.tablet,#device-frame.mobile{padding:10px;border-radius:28px;background:linear-gradient(145deg,#292934,#0d0d12);box-shadow:0 30px 90px #0000008c,0 0 0 1px #ffffff14}#canvas-inner{box-shadow:inset 0 0 0 1px #0000000f}#canvas.empty{border:1px dashed rgba(155,124,255,.35);background:radial-gradient(circle at 50% 40%,rgba(155,124,255,.09),transparent 45%);margin:14px;border-radius:15px;color:#77798a}#canvas.drag-over-empty{border-color:#ff5cc8;color:#fff;box-shadow:0 0 40px #ff5cc81f inset}.block-wrap img{max-width:100%;height:auto}.block-wrap.selected{outline:1px solid rgba(155,124,255,.16);outline-offset:-1px}.ed-section{transition:border-color .15s,box-shadow .15s}.ed-section:hover{border-color:#9b7cff99;box-shadow:0 0 0 1px #9b7cff14}.ed-section.selected{border-color:#7657ff;box-shadow:0 0 0 2px #7657ff26,0 10px 30px #00000014}.ed-section-toolbar{background:linear-gradient(135deg,#7657ff,#9b7cff);border-radius:0 0 8px 8px;padding:3px;box-shadow:0 7px 20px #7657ff38}.ed-section-label{background:#7657ff;border-radius:0 0 7px 7px;padding:2px 7px;font-size:8px}.block-wrap{transition:border-color .12s,box-shadow .12s,transform .12s}.block-wrap:hover{border-color:#ffb84d;box-shadow:0 0 0 1px #ffb84d1a}.block-wrap.selected{border-color:#9b7cff;box-shadow:0 0 0 1px #9b7cff24}.block-toolbar{background:linear-gradient(135deg,#ffb84d,#ff7b65);border-radius:6px 6px 0 0;padding:2px;box-shadow:0 6px 16px #ff7b652e}.block-wrap.selected .block-toolbar{background:linear-gradient(135deg,#7657ff,#9b7cff)}.block-toolbar button,.ed-section-toolbar button{font-weight:800}.insertion-line{height:4px;background:linear-gradient(90deg,#7657ff,#ff5cc8);box-shadow:0 0 12px #9b7cff80}.col-add-btn{background:#14141c0a;border:1px dashed rgba(100,105,120,.45);color:#8a8d9c;border-radius:8px}.col-add-btn:hover{background:#7657ff14;color:#5d45bd;border-color:#9b7cff}#html-view{background:#07070a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#html-view .hv-toolbar{padding:11px 15px;background:#0a0a0ef0;border-bottom:1px solid rgba(255,255,255,.08)}#html-view .hv-toolbar b{font-size:13px;letter-spacing:-.01em}#html-view .hv-toolbar b:before{content:"</>";display:inline-grid;place-items:center;margin-right:9px;width:28px;height:28px;border-radius:8px;background:#9b7cff1f;color:#b5a4ff;font-size:10px}#html-code{background:#090a0f;color:#c9d1d9;border:0;padding:22px;font-size:12px;line-height:1.7}#validation-panel{bottom:18px;right:18px;width:330px;background:#0e0e14f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 25px 70px #00000080,0 0 35px #9b7cff12}#validation-panel .vp-head{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07)}#validation-panel li{background:#ffffff0b;border:1px solid rgba(255,255,255,.045);border-radius:9px;color:#aaa}#validation-panel li.ok{color:#6ff0b0}.modal-backdrop{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal{background:#101017;border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 35px 100px #0009,0 0 50px #9b7cff14;overflow:hidden}.modal .m-head{padding:14px 17px;border-bottom:1px solid rgba(255,255,255,.07)}.modal .m-head b{font-size:13px}.modal .m-body textarea{background:#0a0a0f;border:1px solid rgba(255,255,255,.08);border-radius:10px}.modal .m-foot{border-top:1px solid rgba(255,255,255,.07)}.toast{bottom:24px;background:#13131bf0;border:1px solid rgba(155,124,255,.28);border-radius:12px;padding:10px 16px;box-shadow:0 15px 40px #00000073,0 0 25px #9b7cff1a;font-weight:650}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:linear-gradient(#3b3b49,#292934);border:2px solid transparent;background-clip:padding-box;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6255a0,#3c355f);background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}@media(max-width:1150px){#right-panel{width:270px}#left-panel{width:250px}#toolbar .tb-btn{padding:7px 8px}.tb-sep{display:none}}@media(max-width:900px){#left-panel{width:220px}#right-panel{width:250px}.device-switch button{padding:6px 7px}#toolbar .tb-group .tb-btn:not(.primary){display:none}}@media(max-width:720px){#left-panel{display:none}#right-panel{width:270px}#toolbar{overflow-x:auto}.tb-title input{max-width:130px!important}#canvas-wrap{padding:35px 15px}}.tb-live{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(88,230,165,.15);background:#58e6a50d;color:#69dca5;border-radius:999px;font-size:8px;font-weight:850;letter-spacing:.1em}.tb-live span{width:6px;height:6px;border-radius:50%;background:#58e6a5;box-shadow:0 0 10px #58e6a5;animation:livePulse 1.8s infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}.color-control{display:flex;align-items:center;gap:7px}.color-control input[type=color]{width:42px;height:32px;padding:2px;border:1px solid var(--border);border-radius:6px;background:var(--bg-2);flex:0 0 42px;cursor:pointer}.color-hex{min-width:0!important;width:1px!important;flex:1!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.02em}@media(min-width:1100px){#toolbar{gap:7px;padding-left:10px;padding-right:10px}.tb-btn{padding-left:8px;padding-right:8px}#left-panel{width:250px}#right-panel{width:280px}#device-frame.desktop{width:620px}#canvas-wrap{padding:24px 14px}}@media(max-width:1250px){#toolbar{overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-left:10px;padding-right:10px;gap:6px}#toolbar>*{flex-shrink:0}.tb-btn{padding:6px 9px;font-size:10.5px}#spacer{display:none}#device-frame.desktop{width:600px;padding:10px}#canvas-wrap{padding-left:12px;padding-right:12px}}@media(max-width:1050px){#left-panel{width:220px}#right-panel{width:260px}#device-frame.desktop{width:590px}#canvas-wrap{padding:20px 10px}}@media(max-width:980px){#device-frame.desktop{width:560px}#left-panel,#right-panel{width:230px}}#canvas-wrap{display:block;text-align:center}#site-frame{display:inline-block;text-align:left;vertical-align:top;border-radius:16px;background:linear-gradient(145deg,#262630,#121218);padding:0;box-shadow:0 30px 80px #00000073,0 0 0 1px #ffffff12;overflow:hidden;transition:width .2s ease}#site-frame .chrome{height:34px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}#site-frame .chrome i{width:10px;height:10px;border-radius:50%;background:#3a3a46;display:block}#site-frame .chrome i:nth-child(1){background:#ff5f57}#site-frame .chrome i:nth-child(2){background:#febc2e}#site-frame .chrome i:nth-child(3){background:#28c840}#site-frame .chrome .url{flex:1;margin:0 30px;height:20px;border-radius:6px;background:#ffffff0d;color:#8a8b99;font-size:10.5px;display:flex;align-items:center;justify-content:center;letter-spacing:.02em}#site-frame.tablet,#site-frame.mobile{border-radius:30px;padding:10px}#site-frame.tablet .chrome,#site-frame.mobile .chrome{display:none}#site-frame.tablet #frame-scaler,#site-frame.mobile #frame-scaler{border-radius:20px}#frame-scaler{position:relative;overflow:hidden;background:#fff}#site-iframe{border:0;display:block;transform-origin:0 0;background:#fff}.device-note{font-size:10px;color:#5d5f70;margin-top:10px;letter-spacing:.04em}.lib-group-title{font-size:9.5px;letter-spacing:.13em;color:#6e7082;font-weight:850;text-transform:uppercase;margin:16px 0 8px}.lib-group-title:first-child{margin-top:4px}.outline-list{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.outline-item{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:9px;background:#ffffff09;border:1px solid rgba(255,255,255,.06);font-size:11.5px;color:#b7b8c7;cursor:pointer;-webkit-user-select:none;user-select:none}.outline-item:hover{border-color:#9b7cff66;color:#fff}.outline-item.active{border-color:#7657ff;background:#7657ff24;color:#fff}.outline-item .oi-ic{width:22px;text-align:center;font-size:13px}.outline-item .oi-t{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.outline-item .oi-v{font-size:9.5px;color:#6e7082}.outline-item.drop-before{box-shadow:0 -3px #9b7cff}.outline-item.drop-after{box-shadow:0 3px #9b7cff}.it{border:1px solid rgba(255,255,255,.075);background:#ffffff08;border-radius:10px;margin-bottom:6px}.it>summary{list-style:none;display:flex;align-items:center;gap:6px;padding:8px 9px;cursor:pointer;font-size:11.5px;color:#c9cad6}.it>summary::-webkit-details-marker{display:none}.it>summary .it-n{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.it>summary button{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#aaa;border-radius:6px;width:22px;height:22px;font-size:10px;padding:0}.it>summary button:hover{color:#fff;border-color:#9b7cff}.it[open]{border-color:#9b7cff59}.it .it-body{padding:4px 9px 9px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:6px}.swatch{height:40px;border-radius:9px;border:1px solid rgba(255,255,255,.1);cursor:pointer;position:relative;overflow:hidden;padding:0}.swatch:hover{transform:translateY(-1px);border-color:#9b7cff}.swatch span{position:absolute;left:0;right:0;bottom:0;font-size:8px;font-weight:700;padding:2px 4px;background:#00000073;color:#fff;text-align:left;white-space:nowrap;overflow:hidden}.thumb-prev{margin-top:6px;height:64px;border-radius:8px;background:repeating-conic-gradient(#2b2d34 0% 25%,#33353d 0% 50%) 50%/14px 14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumb-prev img{max-height:100%;max-width:100%;object-fit:contain}.range-row{display:flex;align-items:center;gap:8px}.range-row input[type=range]{flex:1;accent-color:#9b7cff}.range-row output{font-size:11px;color:#aaa;width:38px;text-align:right}.sec-head-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.sec-head-row .big-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#9b7cff4d,#ff5cc826);font-size:16px}.sec-head-row b{font-size:13px}.sec-head-row small{display:block;color:#727385;font-size:10px}.tip-box{font-size:10.5px;line-height:1.55;color:#8d8fa0;background:#9b7cff0f;border:1px solid rgba(155,124,255,.18);border-radius:10px;padding:9px 10px;margin:8px 0 12px}.tip-box code{background:#ffffff14;padding:0 4px;border-radius:4px;color:#d9ceff}.load-row{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;margin-bottom:6px}.load-row b{flex:1;font-size:12.5px}.load-row small{color:#777;font-size:10.5px;display:block;font-weight:400}.lib-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:#ffffff0d;border:1px solid var(--border);margin:2px 0 10px}.lib-seg button,.lib-parts button{background:transparent;border:0;color:var(--text-1,#bbb);font:inherit;font-size:12px;font-weight:600;padding:8px;border-radius:9px;cursor:pointer}.lib-seg button.on{background:var(--accent);color:#fff}.lib-parts{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:6px}.lib-parts button{border:1px solid var(--border);background:#ffffff08}.lib-parts button.on{border-color:var(--accent);background:#9b7cff29;color:#fff}.lib-search,.lib-select{width:100%;margin:0 0 10px;padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:inherit;font:inherit;font-size:13px}.lib-select option{background:#1a1726;color:#fff}.lib-wide{width:100%;justify-content:center;margin:0 0 6px}.lib-wide:disabled{opacity:.45;cursor:not-allowed}.lib-card{display:flex;align-items:center;gap:10px;padding:9px 10px;margin-bottom:6px;border-radius:10px;border:1px solid var(--border);background:var(--bg-2);cursor:pointer;transition:border-color .15s,transform .15s}.lib-card:hover{border-color:var(--accent)}.lib-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lib-card.dragging{opacity:.5}.lib-card.slim{padding:7px 10px}.lib-ic{flex-shrink:0;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#9b7cff24;font-size:14px}.lib-ic svg{width:16px;height:16px}.lib-txt{min-width:0;flex:1}.lib-txt b{display:block;font-size:12.5px;color:var(--text-0,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-txt small{display:block;font-size:11px;color:var(--text-2,#8a86a0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-acts{display:flex;gap:2px;opacity:.55}.lib-card:hover .lib-acts{opacity:1}.lib-acts button{background:transparent;border:0;color:inherit;cursor:pointer;padding:4px 6px;border-radius:6px;font-size:12px}.lib-acts button:hover{background:#ffffff14}.lib-sw{flex-shrink:0;width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden}.lib-sw i{position:absolute;right:4px;bottom:4px;width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.4)}.lib-io{display:grid;grid-template-columns:1fr 1fr;gap:6px}.lib-io .tb-btn{justify-content:center}#left-panel .panel-tabs{display:flex}#left-panel .panel-tabs button{flex:1 1 0;min-width:0;font-size:10px;letter-spacing:0;padding-left:2px;padding-right:2px;white-space:nowrap}.m-sheet-head,#m-selbar,#m-nav,#m-backdrop,#m-more{display:none}@media(max-width:760px),(max-height:500px)and (pointer:coarse){html,body{overscroll-behavior:none}#app{height:100dvh}#toolbar{height:52px;padding:0 10px;gap:8px;overflow:visible!important}#toolbar>*:not(.tb-title):not(.tb-group):not(#btnExportHtml){display:none!important}#toolbar .tb-group:not(:nth-of-type(1)){display:none!important}#toolbar .tb-group:has(#btnUndo){display:flex!important}#btnUndo,#btnRedo{display:inline-flex!important;width:40px;height:40px;justify-content:center;font-size:18px}.tb-title{flex:1;min-width:0}.tb-title input{max-width:none!important;width:100%;font-size:16px!important}#btnExportHtml{padding:0 12px!important;height:40px;font-size:13px}#canvas-wrap{padding:8px 8px calc(140px + env(safe-area-inset-bottom))!important;-webkit-overflow-scrolling:touch}#canvas-wrap:before,.device-note{display:none!important}#site-frame,#site-frame.mobile,#site-frame.tablet{padding:0!important;border-radius:14px;box-shadow:0 10px 30px #00000059}#site-frame .chrome{display:none!important}#site-frame #frame-scaler{border-radius:14px!important}#credit-bar{display:none}#left-panel,#right-panel{display:flex!important;flex-direction:column;position:fixed!important;left:0;right:0;width:auto!important;bottom:calc(60px + env(safe-area-inset-bottom));height:min(66dvh,600px);max-height:calc(100dvh - 120px);z-index:70;border-radius:20px 20px 0 0;border:1px solid rgba(255,255,255,.1);border-bottom:0;background:#101017!important;box-shadow:0 -20px 60px #0000008c;transform:translateY(calc(100% + 80px));transition:transform .28s cubic-bezier(.2,.8,.2,1);visibility:hidden}#left-panel.m-open,#right-panel.m-open,#m-more.m-open{transform:none;visibility:visible}#left-panel .panel-tabs,#right-panel .panel-tabs{display:none!important}#left-panel .panel-body,#right-panel .panel-body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:24px}.m-sheet-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 14px 8px;position:relative;flex-shrink:0;touch-action:none}.m-sheet-title{grid-column:2;font-size:15px;color:#fff}.m-grab{position:absolute;top:6px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:#ffffff38}.m-done{grid-column:3;justify-self:end;background:#9b7cff2e;border:1px solid rgba(155,124,255,.45);color:#fff;font:600 13px/1 inherit;padding:9px 14px;border-radius:999px;cursor:pointer}#m-backdrop{display:block;position:fixed;inset:0 0 calc(60px + env(safe-area-inset-bottom)) 0;z-index:65;background:#00000059;opacity:0;pointer-events:none;transition:opacity .25s}#m-backdrop.on{opacity:1;pointer-events:auto}#m-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:80;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0c0c12f5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.08)}#m-nav button{all:unset;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#8f8ca6;font:600 10.5px/1 system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}#m-nav button i{display:grid;place-items:center;width:44px;height:28px;border-radius:14px;font-style:normal;transition:background .2s}#m-nav button i svg{width:20px;height:20px}#m-nav .m-dots{font-size:11px;letter-spacing:1px}#m-nav button.on{color:#fff}#m-nav button.on i{background:linear-gradient(135deg,#9b7cff73,#ff5cc84d)}#m-selbar:not([hidden]){display:flex;align-items:center;gap:4px;position:fixed;left:8px;right:8px;bottom:calc(68px + env(safe-area-inset-bottom));z-index:60;padding:6px 6px 6px 10px;border-radius:16px;background:#181624f5;border:1px solid rgba(155,124,255,.35);box-shadow:0 12px 30px #00000080;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-x:auto;scrollbar-width:none}#m-selbar::-webkit-scrollbar{display:none}#m-selbar .m-sel-ic{flex-shrink:0;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#9b7cff33;font-size:13px}#m-selbar .m-sel-ic svg{width:15px;height:15px}#m-selbar b{flex:1;min-width:40px;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}#m-selbar button{flex-shrink:0;min-width:36px;height:38px;border-radius:11px;border:0;background:#ffffff12;color:#fff;font:600 15px/1 system-ui,sans-serif;cursor:pointer}#m-selbar .m-sel-edit{padding:0 14px;font-size:13px;background:linear-gradient(135deg,#7657ff,#b35cff)}#m-more{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));max-height:78dvh;z-index:70;border-radius:20px 20px 0 0;background:#101017;border:1px solid rgba(255,255,255,.1);border-bottom:0;box-shadow:0 -20px 60px #0000008c;transform:translateY(calc(100% + 80px));transition:transform .28s cubic-bezier(.2,.8,.2,1);visibility:hidden}.m-more-body{overflow:auto;padding:4px 14px 18px}.m-label{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6f6c88;margin:12px 2px 8px}.m-dev{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.m-dev button{border:0;background:transparent;color:#aaa6c2;font:600 13px/1 inherit;padding:11px 0;border-radius:10px;cursor:pointer}.m-dev button.on{background:#7657ff;color:#fff}.m-big{width:100%;margin:12px 0 4px;padding:14px;border-radius:14px;border:0;font:700 15px/1 inherit;color:#fff;background:linear-gradient(135deg,#7657ff,#ff5cc8);cursor:pointer}.m-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.m-grid button{min-height:48px;padding:10px;border-radius:13px;border:1px solid rgba(255,255,255,.09);background:#ffffff0a;color:#e9e7f5;font:600 13px/1.2 inherit;text-align:left;cursor:pointer}.m-grid button:active,.m-dev button:active,#m-selbar button:active{transform:scale(.97)}.m-tip{margin:14px 2px 4px;font-size:12px;line-height:1.5;color:#8f8ca6}.m-credit{margin-top:12px;text-align:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6f6c88}.m-credit a{color:#fff;text-decoration:underline}.m-credit .heart{color:#ff5cc8}#left-panel input,#left-panel select,#left-panel textarea,#right-panel input,#right-panel select,#right-panel textarea{font-size:16px!important}.block-lib-item,.outline-item,.lib-card,.preset-card{min-height:48px}.lib-acts{opacity:1!important}.lib-acts button{min-width:34px;min-height:34px}.modal{width:calc(100vw - 16px)!important;max-width:none!important;max-height:88dvh!important;border-radius:18px}.modal-backdrop{align-items:flex-end;padding-bottom:8px}#validation-panel{left:8px!important;right:8px!important;width:auto!important;bottom:calc(68px + env(safe-area-inset-bottom))!important;max-height:60dvh;z-index:90}.hv-toolbar{flex-wrap:wrap;gap:6px;padding:10px!important}#html-code{font-size:11px!important}#toast{bottom:calc(76px + env(safe-area-inset-bottom))!important;max-width:calc(100vw - 32px);text-align:center;z-index:130}body.m-sel #toast{bottom:calc(128px + env(safe-area-inset-bottom))!important}}.ui-ask{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:#08061099;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:uiFade .15s ease}@keyframes uiFade{0%{opacity:0}}.ui-ask-box{width:min(420px,100%);background:#14131d;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:22px;box-shadow:0 30px 70px #0009}.ui-ask-t{margin:0;font-size:15px;font-weight:600;color:#fff;line-height:1.45}.ui-ask-b{margin:8px 0 0;font-size:13px;color:#a8a4bd;line-height:1.5}.ui-ask-i{width:100%;margin-top:14px;padding:11px 13px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#fff;font:inherit;font-size:15px}.ui-ask-i:focus{outline:2px solid #7657ff;outline-offset:1px}.ui-ask-row{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.ui-ask-row button{min-height:42px;padding:0 18px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#e9e7f5;font:inherit;font-weight:600;font-size:14px;cursor:pointer}.ui-ask-o{background:linear-gradient(135deg,#7657ff,#b35cff)!important;border-color:transparent!important;color:#fff!important}.ui-ask-o.danger{background:linear-gradient(135deg,#e2445c,#ff6b6b)!important}.ui-ask-row button:active{transform:scale(.97)}@media(max-width:760px),(max-height:500px)and (pointer:coarse){.ui-ask{align-items:end;padding:0}.ui-ask-box{width:100%;border-radius:20px 20px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom,0px))}.ui-ask-row{margin-top:20px}.ui-ask-row button{flex:1;min-height:50px;font-size:15px}.ui-ask-i{font-size:16px;min-height:48px}}#canvas-wrap:before{display:none!important}#page-strip{position:sticky;top:-46px;z-index:30;display:flex;align-items:center;gap:6px;max-width:100%;margin:-30px auto 16px;padding:6px;width:fit-content;background:#12121adb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 10px 30px #00000059;text-align:left}.ps-label{font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#5f6172;padding:0 6px 0 8px}.ps-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;max-width:min(62vw,720px)}.ps-tabs::-webkit-scrollbar{display:none}.ps-tab{display:flex;align-items:center;gap:6px;flex-shrink:0;background:transparent;border:1px solid transparent;color:#9a9cad;padding:6px 10px;border-radius:9px;font-size:12px;font-weight:650;white-space:nowrap}.ps-tab:hover{background:#ffffff0f;color:#fff}.ps-tab.on{background:linear-gradient(135deg,#9b7cff4d,#ff5cc824);border-color:#9b7cff66;color:#fff}.ps-home{font-style:normal;opacity:.7}.ps-more{font-style:normal;padding:0 4px;margin-right:-4px;border-radius:5px;opacity:.8;letter-spacing:.05em}.ps-more:hover{background:#ffffff26;opacity:1}.ps-add,.ps-replay{flex-shrink:0;background:#ffffff0d;border:1px dashed rgba(255,255,255,.18);color:#c9cad6;padding:6px 11px;border-radius:9px;font-size:12px;font-weight:650;white-space:nowrap}.ps-add:hover{border-color:#9b7cff;color:#fff;background:#9b7cff1f}.ps-replay{border-style:solid;border-color:#ffffff14}.ps-replay:hover{color:#fff;border-color:#58e6a580}.ps-replay[hidden]{display:none}.tb-motion .mo-dot{width:8px;height:8px;border-radius:50%;background:#6c6e80;display:inline-block}.tb-motion.on{color:#fff;border-color:#58e6a559}.tb-motion.on .mo-dot{background:#58e6a5;box-shadow:0 0 10px #58e6a5;animation:livePulse 1.8s infinite}.pg-card{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#9b7cff1f,#ff5cc80d);border:1px solid rgba(155,124,255,.25);margin-bottom:10px}.pg-card .pg-ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#ffffff14;font-size:15px}.pg-card b{display:block;font-size:12.5px;color:#fff}.pg-card small{font-size:10.5px;color:#8c8ea0}.pg-acts{display:flex;gap:6px;flex-wrap:wrap}.pg-acts .add-mini-btn{flex:1;width:auto;min-width:40px}.modal.modal-wide{width:860px}.ap-name{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#a5a6b5;margin-bottom:14px}.ap-name input{background:#ffffff0b;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:9px;padding:9px 11px;font-size:14px}.ap-name input:focus{outline:none;border-color:#9b7cff99;box-shadow:0 0 0 3px #9b7cff1a}.ap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.ap-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:10px;border-radius:12px;background:#ffffff09;border:1px solid rgba(255,255,255,.08);color:#d7d8e2}.ap-card svg{width:100%;height:auto;margin-bottom:6px;fill:#9b7cff}.ap-card svg .wt-bg{fill:#ffffff0d}.ap-card b{font-size:12px;color:#fff}.ap-card small{font-size:10.5px;color:#80829a;line-height:1.4}.ap-card:hover{border-color:#9b7cff73;background:#9b7cff12}.ap-card.on{border-color:#9b7cff;background:#9b7cff24;box-shadow:0 0 0 3px #9b7cff26}.ap-note{flex:1;font-size:11px;color:#7c7e90;align-self:center}.ex-sum{font-size:11.5px;color:#8c8ea0;margin:0 0 12px;word-break:break-word}.ex-opt{display:block;width:100%;text-align:left;padding:14px 16px;margin-bottom:10px;border-radius:12px;background:#ffffff09;border:1px solid rgba(255,255,255,.09);color:#d7d8e2}.ex-opt:hover{border-color:#9b7cff80;background:#9b7cff14}.ex-opt b{display:block;font-size:13px;color:#fff;margin-bottom:4px}.ex-opt b em{font-style:normal;font-size:10px;font-weight:700;color:#58e6a5;margin-left:6px;text-transform:uppercase;letter-spacing:.06em}.ex-opt span{font-size:11.5px;color:#8c8ea0;line-height:1.5}@media(max-width:760px),(max-height:500px)and (pointer:coarse){#page-strip{position:sticky;top:0;margin:0 auto 8px;width:100%;border-radius:12px}.ps-label,.ps-replay{display:none!important}.ps-tabs{max-width:none;flex:1}.modal.modal-wide{width:96vw}.ap-grid{grid-template-columns:repeat(2,1fr)}}#root{height:100%}.shuffle{position:relative;display:inline-flex;align-items:stretch}.shuffle .shuffle-main{border-top-right-radius:0;border-bottom-right-radius:0;background:linear-gradient(135deg,#7657ff38,#ff5cc82e);border-color:#9b7cff73;color:#fff}.shuffle .shuffle-main:hover{background:linear-gradient(135deg,#7657ff57,#ff5cc847)}.shuffle .shuffle-more{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;padding-left:7px;padding-right:7px;border-color:#9b7cff73}.shuffle-lock{font-style:normal;margin-left:5px;font-size:10px}.shuffle-menu{position:fixed;z-index:500;width:250px;padding:6px;border-radius:12px;background:#15151d;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px #0000008c;display:flex;flex-direction:column;gap:2px;text-align:left}.shuffle-menu>button{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:8px}.shuffle-menu>button:hover{background:#9b7cff29}.shuffle-menu b{font-size:12.5px;color:#fff}.shuffle-menu small{font-size:11px;color:#9a9bab}.shuffle-menu label{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:12px;color:#d6d6e2;cursor:pointer}.shuffle-sep{height:1px;background:#ffffff14;margin:4px 2px}.shuffle-pool{font-size:10.5px;line-height:1.4;color:#7d7e8e;padding:6px 10px 4px}.content-box{margin-top:14px;padding-top:4px;border-top:1px solid rgba(255,255,255,.07)}.content-sum{font-size:11.5px;color:#c9cad6;line-height:1.45;display:flex;flex-direction:column;gap:3px}.content-sum small{font-size:10.5px;color:#7d7e8e;word-break:break-all}.content-sum .bad,.content-probs.bad{color:#ff8a9a}.content-probs{all:unset;cursor:pointer;display:block;margin:8px 0 4px;font-size:11.5px;color:#f2c46b}.content-list{list-style:none;margin:0 0 8px;padding:0;max-height:220px;overflow:auto;font-size:11px;line-height:1.4}.content-list li{padding:5px 7px;border-radius:7px;background:#ffffff09;margin-bottom:4px;color:#c9cad6}.content-list li.error{background:#ff5a6e1a}.content-list b{display:block;font-size:10.5px;color:#9a9bab;font-weight:600}.content-acts{display:grid;grid-template-columns:1fr;gap:6px;margin-top:8px}.content-acts .tb-btn{justify-content:center;cursor:pointer}.boot{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg-0,#15161a);color:#e6e6f0;font:14px/1.5 system-ui,sans-serif;text-align:center;padding:24px}.boot .spin{width:34px;height:34px;border-radius:50%;border:3px solid rgba(155,124,255,.25);border-top-color:#9b7cff;animation:bootspin 1s linear infinite;margin:0 auto 14px}@keyframes bootspin{to{transform:rotate(360deg)}}.boot .err{max-width:460px}.boot .err p{color:#a9aab8;font-size:13px}.boot .err code{color:#c4b4ff}.boot .row{display:flex;gap:8px;justify-content:center;margin-top:14px}.uc-badge{margin-left:6px;font-size:10px;font-weight:600;color:#c4b4ff;background:#9b7cff24;border-radius:999px;padding:1px 7px;vertical-align:1px;text-transform:none;letter-spacing:0}.field.user-colour .color-control{box-shadow:0 0 0 1px #9b7cff73;border-radius:9px}.color-control{display:flex;align-items:center;gap:6px}.color-control input[type=color].is-auto{opacity:.35}.uc-reset{flex:none;width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#d6d6e2;cursor:pointer}.uc-reset:hover{border-color:#9b7cff;color:#fff}.link-btn{all:unset;cursor:pointer;color:#c4b4ff;text-decoration:underline}.sec-colours{margin:6px 0 10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:8px 10px}.sec-colours>summary{cursor:pointer;font-size:12px;font-weight:600;color:#d6d6e2;list-style:none}.sec-colours>summary:before{content:"▸ ";color:#8a8b99}.sec-colours[open]>summary:before{content:"▾ "}.sec-colours[open]>summary{margin-bottom:8px}.fd-add{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:6px}.fd-add.two{grid-template-columns:1fr 1fr}.fd-add.four{grid-template-columns:repeat(4,1fr)}.fd-add .add-mini-btn{margin:0;padding:8px 6px;font-size:11.5px;border-style:solid}.fd-add .add-mini-btn b{display:inline-block;min-width:14px;color:#c4b4ff}.fd-layers{display:flex;flex-direction:column;gap:3px;margin-bottom:10px;max-height:280px;overflow:auto}.fd-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:#ffffff09;border:1px solid transparent;cursor:pointer;font-size:12px;color:#d6d6e2}.fd-row:hover{border-color:#9b7cff59}.fd-row.on{background:#9b7cff2e;border-color:#9b7cff;color:#fff}.fd-row.off{opacity:.5}.fd-ic{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#ffffff12;font-size:11px;flex:none}.fd-nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fd-acts{display:flex;gap:2px}.fd-acts button{all:unset;cursor:pointer;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;font-size:11px;color:#b9bac8}.fd-acts button:hover{background:#ffffff1a;color:#fff}.fd-props{border-top:1px solid rgba(255,255,255,.07);margin-top:6px;padding-top:2px}.fd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0 10px}.fd-num{display:flex;flex-direction:column;gap:3px;font-size:10.5px;color:#9a9bab;position:relative}.fd-num input{width:100%;box-sizing:border-box;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#fff;padding:6px 7px;font-size:12px}.fd-num input:focus{border-color:#9b7cff;outline:none}.fd-num i{position:absolute;right:8px;bottom:7px;font-style:normal;font-size:10px;color:#7d7e8e;pointer-events:none}.ex-php{cursor:default}.ex-php em{font-style:normal;font-size:10px;background:#9b7cff;color:#fff;border-radius:999px;padding:1px 7px;margin-left:6px;vertical-align:1px}.ex-field{display:flex;flex-direction:column;gap:4px;margin:10px 0 8px;font-size:11px;color:#9a9bab}.ex-field input{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;padding:8px 10px;font-size:13px}.tb-design.on{background:linear-gradient(135deg,#7657ff,#ff5cc8);border-color:transparent;color:#fff;box-shadow:0 0 0 3px #9b7cff40}.design-panel{margin:-4px -2px 8px;padding:10px;border-radius:12px;background:#9b7cff14;border:1px solid rgba(155,124,255,.35)}.dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dp-head b{font-size:13px;color:#fff}.dp-mode{font-size:11.5px;color:#d6d6e2;background:#00000040;border-radius:8px;padding:7px 9px;margin-bottom:8px;display:flex;flex-direction:column;gap:2px}.dp-mode span{color:#8a8b99;font-size:10.5px}.dp-reset{width:100%;margin-top:8px}.bx-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.bx-tile{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:5px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.bx-tile:hover{border-color:#9b7cff73}.bx-tile.on{border-color:#9b7cff;box-shadow:0 0 0 2px #9b7cff59}.bx-tile small{font-size:10.5px;color:#b9bac8;text-align:center}.bx-tile.plain{justify-content:center;align-items:center;min-height:74px;font-size:11.5px;color:#d6d6e2}.bxp{height:58px;border-radius:7px;display:grid;place-items:center;overflow:hidden;padding:0 6px}.wg-tab .outline-list{margin-bottom:6px}.wg-row{display:flex;align-items:center;gap:8px;cursor:pointer}.wg-row-ic{width:22px;text-align:center;font-size:15px;flex-shrink:0}.wg-row-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wg-row-k{font-size:10.5px;color:var(--text-2);white-space:nowrap}.wg-eye{all:unset;cursor:pointer;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;color:#3cc27a;font-size:11px}.wg-eye.off{color:var(--text-2)}.wg-eye:hover{background:#ffffff14}.wg-gallery{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.wg-card{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:5px;border-radius:12px;border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:border-color .15s,transform .15s}.wg-card:hover{border-color:#9b7cff99;transform:translateY(-1px)}.wg-card small{font-size:10.5px;font-weight:700;text-align:center;padding:2px 0 1px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg-prev{position:relative;height:112px;border-radius:9px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;pointer-events:none}.wg-prev .wg-layer{position:relative!important;inset:auto!important;display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%}.wg-prev .wg{position:relative!important;inset:auto!important;translate:none!important;transform:none!important;--wg-s:54px!important}.wg-prev .wg-toast{transform:scale(.32)!important;transform-origin:bottom center;max-width:none;width:330px;flex-shrink:0}.wg-prev .wg-progress{position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%}.wg-prev .wg-progress .wg-fill{width:62%}.wg-prev .wg-ascii{font-size:6.2px}.wg-prev .wg-sh-none .wg-ascii{padding:4px 6px}.wg-prev .wg-bub{max-width:96px;font-size:9.5px;padding:4px 7px;bottom:calc(100% + 6px);white-space:normal}.wg-prev .wg-pill,.wg-prev .wg-fan-list{display:none}#left-panel .panel-tabs button{text-transform:none;font-size:11px;letter-spacing:-.01em}.wg-kinds{display:grid;gap:6px;margin-bottom:10px}.wg-kind{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:2px;padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.wg-kind:hover{border-color:#9b7cff80}.wg-kind b{font-size:12px;color:#fff}.wg-kind span{font-size:10.5px;color:var(--text-2)}.wg-settings .hint{font-size:11px;color:var(--text-2);padding:3px 2px 0;line-height:1.4}.wg-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}.wg-head .wg-prev{width:96px;height:84px;flex-shrink:0;border:1px solid rgba(255,255,255,.08)}.wg-head>div>b{display:block;font-size:13.5px}.wg-head>div>span{font-size:11px;color:var(--text-2);line-height:1.35}.wg-actions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.wg-actions .danger{color:#ff8a8a}.wg-group{border:1px solid rgba(255,255,255,.07);border-radius:10px;margin-bottom:8px;background:#ffffff05}.wg-group>summary{cursor:pointer;padding:9px 11px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#cfd1dc;list-style:none}.wg-group>summary::-webkit-details-marker{display:none}.wg-group>summary:after{content:"▸";float:right;opacity:.6;transition:transform .15s}.wg-group[open]>summary:after{transform:rotate(90deg)}.wg-group>div{padding:0 11px 6px}.seg{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.seg button{all:unset;cursor:pointer;padding:5px 8px;border-radius:7px;font-size:11px;font-weight:600;color:var(--text-1);background:#ffffff0d;border:1px solid rgba(255,255,255,.07)}.seg button.on{background:#9b7cff38;border-color:#9b7cff99;color:#fff}.wg-emojis{display:flex;flex-wrap:wrap;gap:3px;margin:-4px 0 10px}.wg-emojis button{all:unset;cursor:pointer;width:26px;height:26px;display:grid;place-items:center;border-radius:6px;font-size:16px}.wg-emojis button:hover{background:#ffffff1a}.field textarea.mono{font:12px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;overflow:auto}.color-row{display:flex;gap:6px}.color-row input[type=color]{width:44px;flex-shrink:0}.color-row input[type=text]{flex:1}.ex-gate-note{margin:-2px 0 10px;padding:8px 10px;border-radius:8px;background:#9b7cff1f;border:1px solid rgba(155,124,255,.3);font-size:12px;color:#dcd3ff}.su-modal{max-width:440px;width:calc(100% - 24px)}.su-hero{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:22px;color:#fff;background:linear-gradient(135deg,#7657ff,#c86bff);box-shadow:0 12px 30px -10px #7657ffb3;margin:2px 0 10px}.su-text{margin:0 0 14px;font-size:13px;line-height:1.5;color:var(--text-1)}.su-text b{color:#fff;font-weight:600}.su-field{display:grid;gap:5px;margin-bottom:11px}.su-field label{font-size:12px;font-weight:600;color:var(--text-1)}.su-field label i{color:#ff8a8a;font-style:normal}.su-field label small{color:var(--text-2);font-weight:400}.su-field input,.su-field select,.su-field textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#f5f5f8;border-radius:9px;padding:10px 11px;font-size:14px;outline:none}.su-field input:focus,.su-field select:focus,.su-field textarea:focus{border-color:#9b7cffb3;box-shadow:0 0 0 3px #9b7cff26}.su-field.bad input,.su-field.bad select,.su-field.bad textarea{border-color:#ef5a5a}.su-field em{font-style:normal;font-size:11.5px;color:#ff8a8a}.su-check{grid-template-columns:auto 1fr;align-items:start;gap:4px 9px}.su-check input{width:17px;height:17px;margin:1px 0 0;accent-color:#7657ff}.su-check label{font-weight:500;line-height:1.4}.su-check label a{color:#b8a6ff}.su-check em{grid-column:2}.su-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}.su-msg{padding:9px 11px;border-radius:8px;background:#ef5a5a1f;border:1px solid rgba(239,90,90,.4);color:#ffb4b4;font-size:12.5px}#toolbar{min-width:0}#toolbar .tb-title{min-width:0;flex-shrink:1}#toolbar .tb-title input{min-width:90px;width:clamp(90px,12vw,180px)}.tb-file.on{background:#9b7cff29;border-color:#9b7cff73;color:#fff}@media(max-width:1500px){.tb-live{display:none}}@media(max-width:1380px){#toolbar .tb-lbl{display:none}#toolbar{gap:6px}.tb-sep{margin:0 1px}}@media(max-width:1250px){.device-switch button{padding-left:8px;padding-right:8px}}#left-panel .panel-tabs{gap:0}#left-panel .panel-tabs{padding-left:4px;padding-right:4px}#left-panel .panel-tabs button{flex:1 1 auto!important;min-width:0;padding-left:1px!important;padding-right:1px!important;overflow:hidden;text-overflow:ellipsis;font-size:10.5px!important;font-weight:650!important;letter-spacing:-.015em!important;text-transform:none!important}@media(max-width:1150px){#left-panel .panel-tabs button{font-size:9.5px!important}}.outline-item .oi-t{min-width:40px}.outline-item .oi-v{flex:0 1 auto;min-width:0;max-width:52%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.imp-drop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px;margin-bottom:10px;border:1px dashed rgba(155,124,255,.4);border-radius:10px;font-size:12px;color:var(--text-2)}.redeem-box{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 11px;margin:0 0 10px;border-radius:12px;border:1px solid rgba(255,196,92,.35);background:linear-gradient(135deg,#ffc45c1f,#9b7cff1a)}.redeem-box>div{display:grid;gap:2px;min-width:0}.redeem-box b{font-size:12px;color:#fff}.redeem-box span{font-size:10.5px;color:#b9b3c9;line-height:1.35;overflow:hidden;text-overflow:ellipsis}.redeem-box .tb-btn{flex-shrink:0}.preset-card.locked{opacity:.72}.preset-card.locked:hover{opacity:1}.preset-card .pc-sw{position:relative;display:grid;place-items:center}.pc-lock{font-style:normal;font-size:15px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.pc-badge{font-style:normal;font-size:9.5px;font-weight:800;margin-left:6px;padding:2px 6px;border-radius:99px;background:#ffc45c2e;color:#ffd27a;vertical-align:1px}.rd-hero{background:linear-gradient(135deg,#ffb347,#c86bff)}.rd-input{font:700 18px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;letter-spacing:.08em;text-transform:uppercase}.rd-used{font-size:11.5px;color:var(--text-2);margin:-2px 0 8px}.rd-buy{font-size:12.5px;color:var(--text-1);margin:6px 0 0}.rd-buy a{color:#c9b8ff;font-weight:600}.rd-done{display:grid;gap:8px;font-size:13px;color:var(--text-1)}.rd-done b{font-size:15px;color:#fff}.rd-done ul{margin:0;padding:0;list-style:none;display:grid;gap:3px;color:#9fe3bf}.redeem-box{flex-direction:column;align-items:stretch}.redeem-box .tb-btn{justify-content:center}