/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}.block{display:block}.flex{display:flex}.h-screen{height:100vh}.max-h-\[80vh\]{max-height:80vh}.w-full{width:100%}.w-screen{width:100vw}.flex-1{flex:1}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e+38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-t-transparent{border-top-color:#0000}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.whitespace-pre-wrap{white-space:pre-wrap}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@layer base{body{background:linear-gradient(135deg,#f8fafc,#eff6ff);min-height:100vh;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}}@layer components{.scratch-block{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff;border:1px solid #00000026;flex-direction:column;min-height:32px;margin:4px;padding:8px 12px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:12px;font-weight:500;transition:all .15s ease-out;display:flex;position:relative;box-shadow:0 2px 4px #0003,inset 0 1px #fff3,inset 0 -1px #0000001a}.scratch-block .block-content{z-index:1;pointer-events:none;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0;display:flex;position:relative}.scratch-block .optional-syntax{opacity:.7;font-style:italic}.scratch-block .parameter{background-color:#fff3;border-radius:4px;margin:0 2px;padding:0 4px}.scratch-block:hover{cursor:grab;filter:brightness(1.08);box-shadow:0 3px 6px #00000040,inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.scratch-block:active{cursor:grabbing;filter:brightness(.95);box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff1a}.scratch-block.event{border-radius:12px 12px 4px 4px;position:relative}.scratch-block.event:after{content:"";background:inherit;border-radius:0 0 4px 4px;width:12px;height:4px;position:absolute;bottom:-4px;left:15px}.scratch-block.condition{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);border-radius:0;padding:8px 18px}.scratch-block.expression{text-align:center;border-radius:16px;min-width:40px;padding:6px 12px}.scratch-block.effect,.scratch-block.function,.scratch-block.structure{border-radius:4px;position:relative}.scratch-block.effect:before,.scratch-block.function:before,.scratch-block.structure:before{content:"";background:inherit;border-radius:4px 4px 0 0;width:12px;height:4px;position:absolute;top:-4px;left:15px}.scratch-block.effect:after,.scratch-block.function:after,.scratch-block.structure:after{content:"";background:inherit;border-radius:0 0 4px 4px;width:12px;height:4px;position:absolute;bottom:-4px;left:15px}.block-input{color:#333;pointer-events:all;cursor:text;background:#ffffffe6;border:1px solid #00000026;border-radius:12px;justify-content:center;align-items:center;min-width:60px;height:24px;margin:0 2px;padding:2px 8px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:11px;display:inline-flex;box-shadow:inset 0 1px 2px #0000001a}.block-input:focus{border-color:#4d97ff;outline:none;box-shadow:inset 0 1px 2px #0000001a,0 0 0 2px #4d97ff4d}.block-input::-moz-placeholder{color:#666;font-style:italic}.block-input::placeholder{color:#666;font-style:italic}.scratch-block:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 8px #00000040,inset 0 1px #ffffff4d}.scratch-block.dragging{opacity:.9;z-index:50;cursor:grabbing;box-shadow:0 8px 25px #0000004d}.scratch-palette{background:#fff;border-right:1px solid #e5e7eb;width:320px;height:100vh;display:flex}.category-icons{background:#404040;gap:4px;width:60px;padding:8px 4px}.category-icon,.category-icons{flex-direction:column;display:flex}.category-icon{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:52px;height:52px;padding:8px;transition:all .2s;position:relative}.category-icon:hover{background:#ffffff1a;transform:scale(1.05)}.category-icon.active{background:#ffffff26;box-shadow:inset 0 0 0 2px #ffffff4d}.category-icon .icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:2px;font-size:14px;font-weight:700;display:flex}.category-icon .label{color:#fff;text-align:center;font-size:9px;font-weight:500;line-height:1}.blocks-area{background:#fff;border-left:1px solid #e5e7eb;flex:1;overflow-y:auto}.blocks-area input{border:1px solid #e5e7eb;border-radius:4px;width:100%;margin-bottom:8px;padding:4px 8px;font-size:12px}.blocks-area input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 1px #3b82f6}.scratch-workspace{background-color:#f0f0f0;background-image:linear-gradient(#0000000d 1px,#0000 0),linear-gradient(90deg,#0000000d 1px,#0000 0);background-size:15px 15px;flex:1;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #0000001a}.block-content{pointer-events:none;align-items:center;gap:4px;display:flex}.scratch-workspace-content{position:absolute;inset:0;overflow:auto}.scratch-toolbar{background:linear-gradient(90deg,#2563eb,#7c3aed);border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;height:3.5rem;padding:0 1.5rem;display:flex;box-shadow:0 2px 4px #0000001a}.scratch-toolbar h1{color:#fff;font-size:1.25rem;font-weight:700}.scratch-toolbar span{color:#dbeafe}.drop-zone{border:2px dashed #0000;transition:all .2s ease-in-out}.drop-zone.drag-over{background-color:#dbeafe80;border-color:#60a5fa}.category-events{color:#ffab19}.category-conditions{color:#ff8c1a}.category-effects{color:#5cb1d6}.category-expressions{color:#59c059}.category-functions{color:#855cd6}.category-types{color:#ff6680}.category-sections{color:#96f}.category-structures{color:#cf63cf}.block-info{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.block-info-tag{text-transform:uppercase;letter-spacing:.3px;text-align:center;border:1px solid #ffffff1a;border-radius:8px;min-width:24px;padding:2px 6px;font-size:9px;font-weight:600;line-height:1;box-shadow:0 1px 2px #0000001a}.block-info-tag.addon-tag{color:#fff;background:linear-gradient(135deg,#3b82f6,#1e40af)}.block-info-tag.category-tag{color:#fff;background:linear-gradient(135deg,#6b7280,#374151)}.block-info-tag.type-tag{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}