.strudel-wrap {
            position: relative;
            border: 1px solid rgb(var(--b3, 40 40 40));
            border-radius: 12px;
            background: rgb(var(--b1, 18 18 18));
            color: rgb(var(--bc, 240 240 240));
            box-shadow: 0 10px 30px rgba(0,0,0,0.35);
            overflow: hidden;
            height: 360px;
        }

.strudel-toolbar {
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            align-items: flex-end;
            margin-bottom: 16px;
            padding: 12px 16px;
            border-radius: 12px;
            background: rgba(0, 0, 0, 0.2);
            border: 1px solid rgba(255, 255, 255, 0.08);
        }

.strudel-field {
            display: flex;
            flex-direction: column;
            gap: 6px;
            min-width: 160px;
        }

.strudel-field-grow {
            flex: 1 1 240px;
        }

.strudel-field label {
            font-size: 0.85rem;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            color: rgba(255, 255, 255, 0.65);
        }

.strudel-select,
.strudel-input {
            background: rgba(0, 0, 0, 0.45);
            border: 1px solid rgba(255, 255, 255, 0.12);
            color: inherit;
            border-radius: 10px;
            padding: 8px 12px;
            min-height: 40px;
        }

.strudel-select:focus,
.strudel-input:focus {
            outline: 2px solid rgba(255, 255, 255, 0.35);
            outline-offset: 2px;
        }

.strudel-actions {
            display: flex;
            align-items: center;
            gap: 12px;
            min-height: 40px;
        }

.strudel-status {
            font-size: 0.9rem;
            color: rgba(255, 255, 255, 0.7);
            min-height: 20px;
        }

.strudel-status[data-tone="success"] {
            color: #7adf9f;
        }

.strudel-status[data-tone="error"] {
            color: #f58b8b;
        }

.strudel-status[data-tone="warn"] {
            color: #f5d38b;
        }

.strudel-status[data-tone="muted"] {
            color: rgba(255, 255, 255, 0.5);
        }

.strudel-wrap > strudel-editor {
            display: none;
        }

.strudel-container {
            display: block;
            width: 100%;
            height: 100%;
            overflow: auto;
        }

.strudel-wrap canvas,
.strudel-wrap #hydra-canvas,
.strudel-wrap .hydra-canvas {
            position: absolute !important;
            inset: 0 !important;
            width: 100% !important;
            height: 100% !important;
            max-width: 100% !important;
            max-height: 100% !important;
        }

.strudel-readonly {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 24px;
            text-align: center;
            font-weight: 600;
            letter-spacing: 0.02em;
            background: rgba(0, 0, 0, 0.55);
            color: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(2px);
            z-index: 2;
        }