:root {
	--dks-ink: #061846;
	--dks-ink-soft: rgba(6, 24, 70, .78);
	--dks-muted: rgba(6, 24, 70, .62);
	--dks-blue: #063a68;
	--dks-blue-deep: #021c3f;
	--dks-aqua: #8feff0;
	--dks-aqua-strong: #31c8d5;
	--dks-green: #4cae88;
	--dks-signal: #d8a22d;
	--dks-line: rgba(239, 251, 255, .58);
	--dks-fill: rgba(78, 94, 106, .24);
	--dks-font: "Manrope", "Helvetica Neue", Arial, sans-serif;
	--dks-shadow: 0 30px 82px rgba(3, 16, 30, .24);
}

body.delta-kursstudio-page {
	margin: 0;
	min-width: 320px;
	color: var(--dks-ink);
	font-family: var(--dks-font);
	background: #dce8ee;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;
}

body.delta-kursstudio-page *,
body.delta-kursstudio-page *::before,
body.delta-kursstudio-page *::after {
	box-sizing: border-box;
}

.dks-builder,
.dks-builder *,
.dks-builder *::before,
.dks-builder *::after {
	box-sizing: border-box;
}

.dks-builder {
	position: relative;
	isolation: isolate;
	min-height: 100svh;
	overflow: hidden;
	padding: 14px;
	color: var(--dks-ink);
	font-family: var(--dks-font);
	background:
		linear-gradient(90deg, rgba(244,250,252,.68) 0%, rgba(245,250,252,.18) 42%, rgba(7,17,31,.24) 100%),
		radial-gradient(circle at 18% 12%, rgba(143,239,240,.42), transparent 25%),
		radial-gradient(circle at 78% 24%, rgba(255,255,255,.55), transparent 20%),
		linear-gradient(120deg, #dbe8ef 0%, #f5f8f8 44%, #6f808c 100%);
}

.dks-builder::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(rgba(6, 58, 104, .05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(6, 58, 104, .04) 1px, transparent 1px);
	background-size: 52px 52px;
	mask-image: linear-gradient(180deg, rgba(0,0,0,.72), transparent 82%);
}

.dks-topbar,
.dks-project-strip,
.dks-map,
.dks-canvas,
.dks-copilot,
.dks-stage,
.dks-scene-stack,
.dks-storyboard,
.dks-direction-grid,
.dks-theme-contract dl {
	display: grid;
	gap: 14px;
}

.dks-topbar {
	grid-template-columns: 280px minmax(0, 1fr) auto;
	align-items: center;
	min-height: 76px;
	padding: 0 22px;
	border: 1px solid var(--dks-line);
	border-radius: 38px;
	background:
		linear-gradient(180deg, rgba(226,238,244,.30), rgba(34,45,55,.30)),
		rgba(28, 43, 54, .34);
	box-shadow:
		0 22px 68px rgba(8, 18, 31, .20),
		inset 0 1px 0 rgba(255,255,255,.76),
		inset 0 -1px 0 rgba(255,255,255,.20);
	backdrop-filter: blur(28px) saturate(152%);
}

.dks-brand {
	display: inline-flex;
	align-items: center;
	gap: 13px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 18px rgba(2,18,34,.24);
}

.dks-brand strong,
.dks-brand small,
.dks-project-title span,
.dks-meter span,
.dks-theme-link span,
.dks-panel-head span {
	display: block;
}

.dks-brand strong {
	color: #fff;
	font-size: 20px;
	font-weight: 850;
	line-height: 1;
}

	.dks-brand small {
		margin-top: 3px;
		color: rgba(255,255,255,.76);
		font-size: 12px;
		font-weight: 700;
	}

	.dks-brand-mark {
		position: relative;
		display: block;
		width: 30px;
		height: 30px;
		flex: 0 0 30px;
		border: 2px solid rgba(255,255,255,.84);
		border-radius: 10px;
		background:
			linear-gradient(135deg, rgba(143,239,240,.92), rgba(255,255,255,.28) 38%, rgba(6,58,104,.92)),
			rgba(6,58,104,.36);
		box-shadow: inset 0 0 0 4px rgba(255,255,255,.12), 0 0 18px rgba(143,239,240,.18);
	}

	.dks-brand-mark::before,
	.dks-brand-mark::after {
		content: "";
		position: absolute;
		border-radius: 999px;
		background: rgba(255,255,255,.88);
	}

	.dks-brand-mark::before {
		inset: 7px 6px auto;
		height: 2px;
	}

	.dks-brand-mark::after {
		left: 7px;
		bottom: 6px;
		width: 16px;
		height: 2px;
		box-shadow: 0 -6px 0 rgba(255,255,255,.72);
	}

	.dks-project-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 38px;
	color: rgba(255,255,255,.92);
}

.dks-project-nav a {
	position: relative;
	padding: 28px 0 26px;
	color: inherit;
	text-decoration: none;
	font-size: 14px;
	font-weight: 800;
}

.dks-project-nav a.is-active::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 16px;
	width: 58px;
	height: 3px;
	transform: translateX(-50%);
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, rgba(141,245,249,.95) 49%, transparent);
	box-shadow: 0 0 20px rgba(141,245,249,.85);
}

.dks-top-actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.dks-hidden-form {
	display: none;
}

.dks-inline-form {
	margin: 0;
}

.dks-icon-button,
.dks-tools button {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(255,255,255,.32);
	border-radius: 999px;
	background: rgba(255,255,255,.08);
	color: #fff;
	font: inherit;
	font-weight: 850;
	cursor: pointer;
}

.dks-primary-action,
.dks-add-button {
	min-height: 44px;
	border: 1px solid rgba(255,255,255,.34);
	border-radius: 13px;
	background: linear-gradient(180deg, #0b4779, #021c3f);
	color: #fff;
	font: inherit;
	font-size: 14px;
	font-weight: 850;
	cursor: pointer;
	box-shadow: 0 16px 28px rgba(2,28,63,.22), inset 0 1px 0 rgba(255,255,255,.28);
}

.dks-primary-action {
	padding: 0 18px;
}

.dks-project-strip {
	grid-template-columns: minmax(0, 1fr) 220px 300px;
	align-items: stretch;
	margin: 14px auto;
	width: min(1480px, calc(100vw - 28px));
}

.dks-project-strip-lab {
	grid-template-columns: minmax(0, 1fr) 250px 180px 300px;
}

.dks-project-title,
.dks-meter,
.dks-theme-link,
.dks-studio-intent,
.dks-map,
.dks-canvas,
.dks-copilot {
	border: 1px solid var(--dks-line);
	background:
		linear-gradient(140deg, rgba(255,255,255,.30), rgba(255,255,255,.08)),
		var(--dks-fill);
	box-shadow:
		0 24px 72px rgba(3,16,31,.16),
		inset 0 1px 0 rgba(255,255,255,.66),
		inset 0 -1px 0 rgba(255,255,255,.18);
	backdrop-filter: blur(30px) saturate(152%);
}

.dks-project-title,
.dks-meter,
.dks-theme-link,
.dks-studio-intent {
	min-height: 112px;
	padding: 18px 22px;
	border-radius: 24px;
}

.dks-project-title span,
.dks-meter span,
.dks-theme-link span,
.dks-studio-intent span,
.dks-panel-head span {
	margin-bottom: 7px;
	color: var(--dks-blue);
	font-size: 12px;
	font-weight: 850;
	text-transform: uppercase;
}

.dks-project-title h1 {
	margin: 0 0 8px;
	color: var(--dks-ink);
	font-size: 30px;
	line-height: 1.05;
}

.dks-project-title p,
.dks-theme-link strong,
.dks-studio-intent strong {
	margin: 0;
	color: var(--dks-ink-soft);
	font-size: 15px;
	line-height: 1.45;
}

.dks-studio-intent {
	background:
		linear-gradient(135deg, rgba(143,239,240,.26), rgba(255,255,255,.06)),
		var(--dks-fill);
}

.dks-studio-intent strong {
	display: block;
	color: var(--dks-ink);
	font-size: 20px;
	font-weight: 900;
	line-height: 1.15;
}

.dks-title-input,
.dks-summary-input {
	display: block;
	width: 100%;
	border: 0;
	background: transparent;
	color: var(--dks-ink);
	font: inherit;
}

.dks-title-input {
	margin: 0 0 8px;
	padding: 0;
	font-size: 30px;
	font-weight: 850;
	line-height: 1.05;
}

.dks-summary-input {
	min-height: 42px;
	padding: 0;
	resize: vertical;
	color: var(--dks-ink-soft);
	font-size: 15px;
	line-height: 1.45;
}

.dks-notice {
	width: min(1480px, calc(100vw - 28px));
	margin: 14px auto 0;
	padding: 12px 18px;
	border: 1px solid rgba(255,255,255,.58);
	border-radius: 18px;
	background: rgba(255,255,255,.26);
	color: var(--dks-ink);
	font-weight: 800;
	backdrop-filter: blur(20px);
}

.dks-notice.is-error {
	border-color: rgba(180, 60, 36, .42);
	color: #6f190e;
}

.dks-meter strong {
	display: block;
	margin-bottom: 12px;
	color: var(--dks-ink);
	font-size: 34px;
	line-height: 1;
}

.dks-meter i {
	display: block;
	height: 7px;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(7,28,63,.15);
}

.dks-meter b {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--dks-aqua-strong), var(--dks-aqua));
	box-shadow: 0 0 14px rgba(66,214,221,.58);
}

.dks-workspace {
	display: grid;
	grid-template-columns: 286px minmax(0, 1fr) 330px;
	gap: 14px;
	width: min(1480px, calc(100vw - 28px));
	margin: 0 auto;
	align-items: stretch;
}

.dks-workspace-lab {
	grid-template-columns: 310px minmax(0, 1fr) 360px;
}

.dks-map,
.dks-canvas,
.dks-copilot {
	min-height: calc(100svh - 230px);
	padding: 18px;
	border-radius: 28px;
}

.dks-panel-head h2 {
	margin: 0;
	color: var(--dks-ink);
	font-size: 24px;
	line-height: 1.05;
}

.dks-module-path {
	position: relative;
	display: grid;
	gap: 12px;
	margin-top: 18px;
}

.dks-module-path::before {
	content: "";
	position: absolute;
	top: 30px;
	bottom: 30px;
	left: 20px;
	width: 2px;
	background: rgba(255,255,255,.46);
}

.dks-module {
	position: relative;
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	min-height: 82px;
	padding: 11px;
	border: 1px solid rgba(255,255,255,.48);
	border-radius: 16px;
	background: linear-gradient(135deg, rgba(255,255,255,.19), rgba(255,255,255,.07));
	color: var(--dks-ink);
	text-decoration: none;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 10px 26px rgba(5,17,30,.08);
}

.dks-module.is-active {
	background: linear-gradient(135deg, rgba(143,239,240,.28), rgba(255,255,255,.11));
}

.dks-module em {
	position: relative;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255,255,255,.64);
	border-radius: 999px;
	background: rgba(255,255,255,.20);
	color: var(--dks-blue);
	font-style: normal;
	font-size: 12px;
	font-weight: 850;
}

.dks-module strong,
.dks-module small {
	display: block;
}

.dks-module strong {
	font-size: 14px;
	font-weight: 850;
}

.dks-module small {
	margin-top: 4px;
	color: rgba(7,28,63,.72);
	font-size: 12px;
	font-weight: 650;
	line-height: 1.3;
}

.dks-experience-cards {
	display: grid;
	gap: 12px;
	margin-top: 18px;
}

.dks-experience-card {
	position: relative;
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	min-height: 92px;
	padding: 12px;
	border: 1px solid rgba(255,255,255,.48);
	border-radius: 18px;
	background:
		linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.07)),
		rgba(255,255,255,.06);
	color: var(--dks-ink);
	font: inherit;
	text-align: left;
	cursor: pointer;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 10px 26px rgba(5,17,30,.08);
}

.dks-experience-card.is-active {
	border-color: rgba(143,239,240,.72);
	background:
		radial-gradient(circle at 14% 22%, rgba(143,239,240,.44), transparent 30%),
		linear-gradient(135deg, rgba(255,255,255,.28), rgba(255,255,255,.08));
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.56),
		0 18px 38px rgba(49,200,213,.16);
}

.dks-experience-card em {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255,255,255,.62);
	border-radius: 999px;
	background: rgba(255,255,255,.18);
	color: var(--dks-blue);
	font-style: normal;
	font-size: 12px;
	font-weight: 900;
}

.dks-experience-card strong,
.dks-experience-card small {
	display: block;
}

.dks-experience-card strong {
	font-size: 15px;
	font-weight: 900;
}

.dks-experience-card small {
	margin-top: 4px;
	color: rgba(7,28,63,.70);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
}

.dks-template-belt {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid rgba(255,255,255,.36);
}

.dks-template-belt span {
	grid-column: 1 / -1;
	color: var(--dks-blue);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.dks-template-belt button {
	min-height: 42px;
	border: 1px solid rgba(255,255,255,.48);
	border-radius: 14px;
	background: rgba(255,255,255,.16);
	color: var(--dks-ink);
	font: inherit;
	font-size: 13px;
	font-weight: 850;
	cursor: pointer;
}

.dks-add-button {
	width: 100%;
	margin-top: 16px;
}

.dks-canvas {
	padding: 0;
	overflow: hidden;
}

.dks-canvas-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 74px;
	padding: 15px 18px;
	border-bottom: 1px solid rgba(255,255,255,.42);
}

.dks-canvas-toolbar span,
.dks-canvas-toolbar strong {
	display: block;
}

.dks-canvas-toolbar span {
	margin-bottom: 4px;
	color: var(--dks-blue);
	font-size: 12px;
	font-weight: 850;
	text-transform: uppercase;
}

.dks-canvas-toolbar strong {
	color: var(--dks-ink);
	font-size: 18px;
	font-weight: 850;
}

.dks-spark-strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	padding: 16px 18px 0;
}

.dks-spark-strip article {
	min-height: 86px;
	padding: 14px;
	border: 1px solid rgba(255,255,255,.46);
	border-radius: 18px;
	background:
		linear-gradient(135deg, rgba(143,239,240,.19), rgba(255,255,255,.07)),
		rgba(255,255,255,.10);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.40);
}

.dks-spark-strip span,
.dks-spark-strip strong {
	display: block;
}

.dks-spark-strip span {
	margin-bottom: 8px;
	color: var(--dks-blue);
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
}

.dks-spark-strip strong {
	color: var(--dks-ink);
	font-size: 14px;
	font-weight: 900;
	line-height: 1.25;
}

.dks-tools {
	display: flex;
	gap: 8px;
}

.dks-tools button {
	width: 40px;
	height: 40px;
	color: var(--dks-blue);
	background: rgba(255,255,255,.20);
}

.dks-stage {
	grid-template-columns: minmax(0, 1fr) 286px;
	min-height: 470px;
	padding: 18px;
}

.dks-stage-lab {
	grid-template-columns: minmax(0, 1.16fr) 300px;
}

.dks-course-room {
	position: relative;
	overflow: hidden;
	display: grid;
	align-content: space-between;
	min-height: 470px;
	padding: 22px;
	border: 1px solid rgba(255,255,255,.50);
	border-radius: 28px;
	background:
		radial-gradient(circle at 24% 18%, rgba(143,239,240,.30), transparent 28%),
		linear-gradient(rgba(143,239,240,.18) 1px, transparent 1px),
		linear-gradient(90deg, rgba(143,239,240,.14) 1px, transparent 1px),
		linear-gradient(180deg, rgba(8,58,102,.92), rgba(2,18,45,.98));
	background-position: center;
	background-size: cover, 28px 28px, 28px 28px, cover;
	box-shadow: var(--dks-shadow), inset 0 1px 0 rgba(255,255,255,.42);
	color: #fff;
}

.dks-course-room::before {
	content: "";
	position: absolute;
	inset: 18px;
	border: 1px solid rgba(255,255,255,.38);
	border-radius: 22px;
	pointer-events: none;
}

.dks-course-room-lab {
	min-height: 520px;
	background:
		linear-gradient(90deg, rgba(3,13,36,.08), rgba(3,13,36,.30) 42%, rgba(2,16,37,.78)),
		radial-gradient(circle at 24% 18%, rgba(143,239,240,.34), transparent 30%),
		linear-gradient(180deg, rgba(8,58,102,.82), rgba(2,28,63,.92));
	background-position: center;
	background-size: cover;
}

.dks-course-room-lab::after {
	content: "";
	position: absolute;
	right: -90px;
	bottom: 72px;
	width: 280px;
	height: 280px;
	border: 1px solid rgba(143,239,240,.32);
	border-radius: 999px;
	box-shadow: 0 0 70px rgba(143,239,240,.18);
	pointer-events: none;
}

.dks-room-nav,
.dks-room-hero,
.dks-room-actions {
	position: relative;
	z-index: 1;
}

.dks-room-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: rgba(255,255,255,.9);
}

.dks-room-nav strong,
.dks-room-nav span {
	font-size: 13px;
	font-weight: 850;
}

.dks-room-hero {
	max-width: 540px;
}

.dks-room-hero span {
	display: inline-flex;
	margin-bottom: 12px;
	padding: 8px 12px;
	border: 1px solid rgba(255,255,255,.34);
	border-radius: 999px;
	background: rgba(255,255,255,.16);
	font-size: 12px;
	font-weight: 850;
}

.dks-room-hero h2 {
	margin: 0 0 12px;
	font-size: 38px;
	line-height: 1.04;
	text-shadow: 0 2px 24px rgba(2,18,34,.28);
}

.dks-room-hero p {
	margin: 0;
	max-width: 460px;
	color: rgba(255,255,255,.86);
	font-size: 17px;
	font-weight: 650;
	line-height: 1.45;
}

.dks-room-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.dks-room-actions button {
	min-height: 52px;
	padding: 0 18px;
	border: 1px solid rgba(255,255,255,.40);
	border-radius: 14px;
	background: rgba(255,255,255,.18);
	color: #fff;
	font: inherit;
	font-weight: 850;
	cursor: pointer;
	backdrop-filter: blur(12px);
}

.dks-director-board {
	display: grid;
	align-content: start;
	gap: 12px;
}

.dks-director-note {
	min-height: 148px;
	padding: 16px;
	border: 1px solid rgba(255,255,255,.48);
	border-radius: 20px;
	background: linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.08));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 10px 26px rgba(5,17,30,.08);
}

.dks-director-note.is-hot {
	background:
		radial-gradient(circle at 10% 12%, rgba(216,162,45,.22), transparent 38%),
		linear-gradient(135deg, rgba(143,239,240,.20), rgba(255,255,255,.08));
}

.dks-director-note span,
.dks-director-note strong,
.dks-director-note p {
	display: block;
}

.dks-director-note span {
	margin-bottom: 10px;
	color: var(--dks-blue);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.dks-director-note strong {
	margin-bottom: 8px;
	color: var(--dks-ink);
	font-size: 17px;
	font-weight: 900;
	line-height: 1.18;
}

.dks-director-note p {
	margin: 0;
	color: rgba(7,28,63,.72);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.42;
}

.dks-scene-stack {
	align-content: start;
}

.dks-scene-card {
	min-height: 138px;
	padding: 16px;
	border: 1px solid rgba(255,255,255,.48);
	border-radius: 18px;
	background: linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.08));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 10px 26px rgba(5,17,30,.08);
}

.dks-scene-card.is-active {
	background: linear-gradient(135deg, rgba(143,239,240,.26), rgba(255,255,255,.10));
}

.dks-scene-card span,
.dks-scene-card strong,
.dks-scene-card p {
	display: block;
}

.dks-scene-card span {
	margin-bottom: 10px;
	color: var(--dks-blue);
	font-size: 12px;
	font-weight: 850;
	text-transform: uppercase;
}

.dks-scene-card strong {
	margin-bottom: 8px;
	color: var(--dks-ink);
	font-size: 17px;
	font-weight: 850;
	line-height: 1.18;
}

.dks-scene-card p {
	margin: 0;
	color: rgba(7,28,63,.72);
	font-size: 12px;
	font-weight: 650;
	line-height: 1.42;
}

.dks-storyboard {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	padding: 0 18px 18px;
}

.dks-production-timeline {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
	padding: 0 18px 18px;
}

.dks-storyboard article,
.dks-production-timeline article {
	min-height: 96px;
	padding: 13px;
	border: 1px solid rgba(255,255,255,.48);
	border-radius: 16px;
	background: rgba(255,255,255,.16);
}

.dks-storyboard article.is-current,
.dks-production-timeline article.is-current {
	background: rgba(143,239,240,.24);
}

.dks-storyboard span,
.dks-storyboard strong,
.dks-storyboard small,
.dks-production-timeline span,
.dks-production-timeline strong,
.dks-production-timeline small {
	display: block;
}

.dks-storyboard span,
.dks-production-timeline span {
	margin-bottom: 8px;
	color: var(--dks-blue);
	font-size: 12px;
	font-weight: 850;
}

.dks-storyboard strong,
.dks-production-timeline strong {
	color: var(--dks-ink);
	font-size: 14px;
	font-weight: 850;
}

.dks-storyboard small,
.dks-production-timeline small {
	margin-top: 4px;
	color: rgba(7,28,63,.68);
	font-size: 12px;
	font-weight: 650;
}

.dks-edit-bank {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	padding: 0 18px 18px;
}

.dks-edit-bank label,
.dks-release-flow textarea {
	display: grid;
	gap: 8px;
}

.dks-edit-bank span {
	color: var(--dks-blue);
	font-size: 12px;
	font-weight: 850;
	text-transform: uppercase;
}

.dks-edit-bank textarea,
.dks-release-flow textarea {
	width: 100%;
	border: 1px solid rgba(255,255,255,.48);
	border-radius: 16px;
	background: rgba(255,255,255,.18);
	color: var(--dks-ink);
	font: inherit;
	font-size: 13px;
	font-weight: 650;
	line-height: 1.42;
	resize: vertical;
}

.dks-edit-bank textarea {
	min-height: 106px;
	padding: 13px;
}

.dks-prompt-card {
	display: grid;
	gap: 10px;
	margin-top: 18px;
}

.dks-prompt-card label {
	color: var(--dks-blue);
	font-size: 12px;
	font-weight: 850;
	text-transform: uppercase;
}

.dks-prompt-card textarea {
	width: 100%;
	min-height: 116px;
	resize: vertical;
	padding: 14px;
	border: 1px solid rgba(255,255,255,.48);
	border-radius: 16px;
	background: rgba(255,255,255,.22);
	color: var(--dks-ink);
	font: inherit;
	font-size: 14px;
	font-weight: 650;
	line-height: 1.45;
}

.dks-direction-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 16px;
}

.dks-direction-grid button {
	min-height: 54px;
	border: 1px solid rgba(255,255,255,.48);
	border-radius: 14px;
	background: rgba(255,255,255,.16);
	color: var(--dks-ink);
	font: inherit;
	font-size: 13px;
	font-weight: 850;
	cursor: pointer;
}

.dks-direction-grid button.is-active {
	background: rgba(143,239,240,.24);
}

.dks-moodboard {
	display: grid;
	gap: 12px;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid rgba(255,255,255,.36);
}

.dks-moodboard > span {
	color: var(--dks-blue);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.dks-mood-grid {
	display: grid;
	grid-template-columns: 1.2fr .8fr;
	grid-auto-rows: 96px;
	gap: 10px;
}

.dks-mood-grid figure {
	position: relative;
	overflow: hidden;
	min-height: 96px;
	margin: 0;
	border: 1px solid rgba(255,255,255,.42);
	border-radius: 16px;
	background: rgba(255,255,255,.16);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.36);
}

.dks-mood-grid figure.is-large {
	grid-row: span 2;
}

.dks-mood-grid img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(.9) contrast(1.02);
}

.dks-mood-grid figcaption {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	padding: 6px 8px;
	border-radius: 999px;
	background: rgba(2,28,63,.52);
	color: #fff;
	font-size: 11px;
	font-weight: 850;
	backdrop-filter: blur(12px);
}

.dks-theme-contract {
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid rgba(255,255,255,.42);
}

.dks-theme-contract > span {
	display: block;
	margin-bottom: 12px;
	color: var(--dks-blue);
	font-size: 12px;
	font-weight: 850;
	text-transform: uppercase;
}

.dks-theme-contract dl {
	margin: 0;
}

.dks-theme-contract div {
	display: grid;
	grid-template-columns: 92px minmax(0, 1fr);
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px solid rgba(255,255,255,.26);
}

.dks-theme-contract dt,
.dks-theme-contract dd {
	margin: 0;
	font-size: 12px;
	font-weight: 760;
}

.dks-theme-contract dd {
	color: var(--dks-ink-soft);
}

.dks-release-flow {
	display: grid;
	gap: 10px;
	margin-top: 16px;
}

.dks-release-flow textarea {
	min-height: 70px;
	padding: 11px;
}

.dks-release-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.dks-release-actions form {
	margin: 0;
}

.dks-release-actions button {
	width: 100%;
	min-height: 42px;
	border: 1px solid rgba(255,255,255,.42);
	border-radius: 12px;
	background: rgba(255,255,255,.16);
	color: var(--dks-ink);
	font: inherit;
	font-size: 13px;
	font-weight: 850;
	cursor: pointer;
}

.dks-builder button:focus-visible,
.dks-builder a:focus-visible,
.dks-builder textarea:focus-visible {
	outline: 3px solid rgba(66,214,221,.95);
	outline-offset: 2px;
}

@media (max-width: 1280px) {
	.dks-project-strip,
	.dks-workspace {
		grid-template-columns: 1fr;
	}

	.dks-map,
	.dks-copilot {
		min-height: 0;
	}

	.dks-stage {
		grid-template-columns: 1fr;
	}

	.dks-edit-bank {
		grid-template-columns: 1fr;
	}

	.dks-project-strip-lab,
	.dks-workspace-lab,
	.dks-spark-strip,
	.dks-production-timeline {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 900px) {
	.dks-topbar {
		grid-template-columns: 1fr;
		height: auto;
		padding: 18px;
		border-radius: 28px;
	}

	.dks-project-nav,
	.dks-top-actions,
	.dks-room-actions {
		justify-content: flex-start;
		overflow-x: auto;
	}

	.dks-storyboard {
		grid-template-columns: 1fr;
	}
}

.dks-simple {
	min-height: 100svh;
	padding: 18px;
	color: var(--dks-ink);
	font-family: var(--dks-font);
	background:
		linear-gradient(90deg, rgba(244,250,252,.78), rgba(244,250,252,.34) 52%, rgba(4,24,50,.28)),
		radial-gradient(circle at 18% 16%, rgba(143,239,240,.38), transparent 26%),
		linear-gradient(120deg, #dbe8ef 0%, #f6f8f7 45%, #758792 100%);
}

.dks-simple *,
.dks-simple *::before,
.dks-simple *::after {
	box-sizing: border-box;
}

.dks-simple-top,
.dks-simple-hero,
.dks-simple-brief,
.dks-simple-preview,
.dks-simple-side section {
	border: 1px solid rgba(239,251,255,.62);
	background:
		linear-gradient(140deg, rgba(255,255,255,.32), rgba(255,255,255,.09)),
		rgba(78,94,106,.20);
	box-shadow:
		0 24px 72px rgba(3,16,31,.16),
		inset 0 1px 0 rgba(255,255,255,.66);
	backdrop-filter: blur(28px) saturate(145%);
}

.dks-simple-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 74px;
	padding: 0 22px;
	border-radius: 38px;
}

.dks-simple-actions {
	display: flex;
	gap: 10px;
}

.dks-simple button {
	min-height: 44px;
	padding: 0 18px;
	border: 1px solid rgba(255,255,255,.42);
	border-radius: 14px;
	background: rgba(255,255,255,.16);
	color: var(--dks-ink);
	font: inherit;
	font-size: 14px;
	font-weight: 850;
	cursor: pointer;
}

.dks-simple button.is-primary,
.dks-simple-actions .is-primary {
	background: linear-gradient(180deg, #0b4779, #021c3f);
	color: #fff;
	box-shadow: 0 16px 28px rgba(2,28,63,.22), inset 0 1px 0 rgba(255,255,255,.28);
}

.dks-simple-hero {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
	width: min(1420px, 100%);
	margin: 16px auto;
	padding: 24px;
	border-radius: 28px;
}

.dks-simple-hero span,
.dks-simple-brief > span,
.dks-simple-side span,
.dks-simple-story span {
	display: block;
	margin-bottom: 8px;
	color: var(--dks-blue);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.dks-simple-hero h1,
.dks-simple-brief h2,
.dks-simple-side h2 {
	margin: 0;
	color: var(--dks-ink);
	line-height: 1.05;
}

.dks-simple-hero h1 {
	font-size: clamp(34px, 4.2vw, 64px);
}

.dks-simple .dks-title-input {
	margin: 0;
	padding: 0;
	font-size: clamp(34px, 4.2vw, 64px);
	font-weight: 900;
	letter-spacing: -.04em;
	line-height: 1.02;
}

.dks-simple .dks-summary-input {
	min-height: 46px;
	margin-top: 12px;
	color: rgba(6,24,70,.76);
	font-size: 16px;
	font-weight: 650;
	line-height: 1.48;
}

.dks-simple-hero p,
.dks-simple-brief p,
.dks-simple-side p,
.dks-simple-story p {
	margin: 12px 0 0;
	color: rgba(6,24,70,.76);
	font-size: 16px;
	line-height: 1.48;
}

.dks-simple-hero strong {
	flex: 0 0 auto;
	padding: 14px 18px;
	border-radius: 18px;
	background: rgba(143,239,240,.24);
	color: var(--dks-ink);
	font-size: 24px;
	font-weight: 900;
}

.dks-simple-grid {
	display: grid;
	grid-template-columns: 330px minmax(0, 1fr) 330px;
	gap: 16px;
	width: min(1420px, 100%);
	margin: 0 auto;
}

.dks-simple-brief,
.dks-simple-preview,
.dks-simple-side section {
	border-radius: 28px;
}

.dks-simple-brief,
.dks-simple-side section {
	padding: 22px;
}

.dks-simple-brief h2,
.dks-simple-side h2 {
	font-size: 25px;
}

.dks-simple-brief label {
	display: grid;
	gap: 8px;
	margin-top: 22px;
}

.dks-simple-brief label span {
	color: var(--dks-blue);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.dks-simple textarea {
	width: 100%;
	min-height: 170px;
	padding: 16px;
	border: 1px solid rgba(255,255,255,.52);
	border-radius: 18px;
	background: rgba(255,255,255,.20);
	color: var(--dks-ink);
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.45;
	resize: vertical;
}

.dks-simple-preview {
	overflow: hidden;
	padding: 18px;
}

.dks-simple-room {
	position: relative;
	display: grid;
	align-content: end;
	min-height: 520px;
	padding: 28px;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.48);
	border-radius: 26px;
	background:
		linear-gradient(90deg, rgba(3,13,36,.10), rgba(3,13,36,.34) 42%, rgba(2,16,37,.78)),
		radial-gradient(circle at 24% 20%, rgba(143,239,240,.32), transparent 28%),
		linear-gradient(rgba(143,239,240,.16) 1px, transparent 1px),
		linear-gradient(90deg, rgba(143,239,240,.12) 1px, transparent 1px),
		linear-gradient(180deg, #0a4d86 0%, #031a42 100%);
	background-position: center;
	background-size: cover, cover, 28px 28px, 28px 28px, cover;
	color: #fff;
	box-shadow: var(--dks-shadow), inset 0 1px 0 rgba(255,255,255,.42);
}

.dks-simple-room > * {
	position: relative;
	z-index: 1;
}

.dks-simple-room span {
	display: inline-flex;
	width: fit-content;
	margin-bottom: 14px;
	padding: 8px 12px;
	border: 1px solid rgba(255,255,255,.36);
	border-radius: 999px;
	background: rgba(255,255,255,.14);
	font-size: 12px;
	font-weight: 900;
}

.dks-simple-room h2 {
	max-width: 680px;
	margin: 0;
	color: #fff;
	font-size: clamp(34px, 4vw, 60px);
	line-height: .98;
}

.dks-simple-room p {
	max-width: 560px;
	margin: 14px 0 0;
	color: rgba(255,255,255,.88);
	font-size: 18px;
	font-weight: 750;
}

.dks-simple-room div {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}

.dks-simple-room button {
	color: #fff;
	background: rgba(255,255,255,.18);
	backdrop-filter: blur(12px);
}

.dks-simple-story {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 14px;
}

.dks-simple-story section {
	min-height: 132px;
	padding: 16px;
	border: 1px solid rgba(255,255,255,.48);
	border-radius: 18px;
	background: rgba(255,255,255,.16);
}

.dks-simple-story textarea {
	min-height: 94px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: rgba(6,24,70,.76);
	font-size: 15px;
	font-weight: 650;
}

.dks-simple-side {
	display: grid;
	gap: 16px;
	align-content: start;
}

.dks-simple-side dl {
	display: grid;
	gap: 0;
	margin: 10px 0 0;
}

.dks-simple-side dl div {
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr);
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px solid rgba(255,255,255,.30);
}

.dks-simple-side dt,
.dks-simple-side dd {
	margin: 0;
	font-size: 13px;
	font-weight: 800;
}

.dks-simple-side dd {
	color: rgba(6,24,70,.72);
}

@media (max-width: 1180px) {
	.dks-simple-grid {
		grid-template-columns: 1fr;
	}

	.dks-simple-room {
		min-height: 430px;
	}
}

@media (max-width: 720px) {
	.dks-simple {
		padding: 10px;
	}

	.dks-simple-top,
	.dks-simple-hero {
		align-items: flex-start;
		flex-direction: column;
		border-radius: 24px;
	}

	.dks-simple-story {
		grid-template-columns: 1fr;
	}
}

/* Delta Kursstudio product layer: playful production studio, not Theme copy. */
.dks-simple-plugin {
	background:
		radial-gradient(circle at 14% 12%, rgba(143, 239, 240, .42), transparent 28%),
		radial-gradient(circle at 84% 18%, rgba(143, 239, 240, .34), transparent 24%),
		linear-gradient(130deg, #e7f4fb 0%, #fbfdff 42%, #6f8fa3 100%);
}

body:has(.dks-simple-plugin),
body:has(.dks-simple-plugin) .delta-site-main,
body:has(.dks-simple-plugin) .delta-elementor-page-main,
body:has(.dks-simple-plugin) .delta-front-main {
	background-color: #e7f4fb !important;
	background-image:
		radial-gradient(circle at 18% 8%, rgba(255,255,255,.92), transparent 32%),
		radial-gradient(circle at 76% 18%, rgba(143,239,240,.34), transparent 28%),
		linear-gradient(128deg, #dff3fb 0%, #fbfdff 44%, #6f8fa3 100%) !important;
	background-position: center !important;
	background-size: cover !important;
}

body:has(.dks-simple-plugin) .delta-site-main::before,
body:has(.dks-simple-plugin) .delta-elementor-page-main::before,
body:has(.dks-simple-plugin) .delta-front-main::before {
	background:
		linear-gradient(90deg, rgba(239,249,253,.60), rgba(255,255,255,.18) 48%, rgba(2,28,63,.26)),
		linear-gradient(180deg, rgba(255,255,255,.10), rgba(2,28,63,.30)) !important;
}

.dks-simple-plugin .dks-simple-top,
.dks-simple-plugin .dks-simple-hero,
.dks-simple-plugin .dks-course-switcher,
.dks-simple-plugin .dks-simple-brief,
.dks-simple-plugin .dks-simple-preview,
.dks-simple-plugin .dks-simple-side section {
	border-color: rgba(255, 255, 255, .72);
	background:
		linear-gradient(145deg, rgba(255,255,255,.56), rgba(255,255,255,.18)),
		rgba(225, 245, 252, .22);
	box-shadow:
		0 28px 80px rgba(3, 24, 46, .16),
		inset 0 1px 0 rgba(255,255,255,.78);
}

.dks-simple-plugin .dks-simple-hero {
	align-items: center;
}

.dks-simple-plugin .dks-simple-hero::before {
	content: "Kreativ kursproduksjon";
	display: inline-flex;
	width: fit-content;
	margin-bottom: 12px;
	padding: 7px 12px;
	border: 1px solid rgba(6, 24, 70, .12);
	border-radius: 999px;
	background: rgba(255, 255, 255, .38);
	color: rgba(6, 24, 70, .68);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.dks-simple-plugin .dks-simple-room {
	background:
		linear-gradient(rgba(143,239,240,.22) 1px, transparent 1px),
		linear-gradient(90deg, rgba(143,239,240,.18) 1px, transparent 1px),
		radial-gradient(circle at 50% 24%, rgba(157,248,255,.34), transparent 30%),
		linear-gradient(180deg, #0a4d86 0%, #031a42 100%) !important;
	background-size: 28px 28px, 28px 28px, cover, cover !important;
}

.dks-ai-tool-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 16px 0;
}

.dks-ai-tool-grid article {
	min-height: 92px;
	padding: 14px;
	border: 1px solid rgba(255,255,255,.56);
	border-radius: 18px;
	background:
		radial-gradient(circle at top right, rgba(143, 239, 240, .26), transparent 48%),
		rgba(255,255,255,.24);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.54);
}

.dks-ai-tool-grid strong,
.dks-ai-tool-grid small {
	display: block;
}

.dks-ai-tool-grid strong {
	color: var(--dks-ink);
	font-size: 14px;
	font-weight: 900;
}

.dks-ai-tool-grid small {
	margin-top: 8px;
	color: rgba(6, 24, 70, .68);
	font-size: 12px;
	font-weight: 760;
	line-height: 1.35;
}

/* Delta Kursstudio: creative studio identity, not Theme front-page glass. */
.dks-simple-plugin {
	padding: clamp(22px, 3.2vw, 54px);
	background:
		radial-gradient(circle at 12% 10%, rgba(157,248,255,.48), transparent 24%),
		radial-gradient(circle at 86% 14%, rgba(37,200,215,.30), transparent 24%),
		radial-gradient(circle at 50% 100%, rgba(6,24,70,.16), transparent 38%),
		linear-gradient(132deg, #eaf8fd 0%, #fbfdff 38%, #d9eef7 68%, #9bb6c5 100%) !important;
}

body:has(.dks-simple-plugin),
body:has(.dks-simple-plugin) .delta-site-main,
body:has(.dks-simple-plugin) .delta-elementor-page-main,
body:has(.dks-simple-plugin) .delta-front-main {
	background-color: #eaf8fd !important;
	background-image:
		radial-gradient(circle at 12% 10%, rgba(157,248,255,.42), transparent 24%),
		radial-gradient(circle at 86% 14%, rgba(37,200,215,.26), transparent 24%),
		linear-gradient(132deg, #eaf8fd 0%, #fbfdff 38%, #d9eef7 68%, #9bb6c5 100%) !important;
}

.dks-simple-plugin .dks-simple-top,
.dks-simple-plugin .dks-simple-hero,
.dks-simple-plugin .dks-simple-brief,
.dks-simple-plugin .dks-simple-preview,
.dks-simple-plugin .dks-simple-side section {
	border-color: rgba(255,255,255,.78) !important;
	background:
		linear-gradient(142deg, rgba(255,255,255,.66), rgba(255,255,255,.22) 56%, rgba(143,239,240,.10)),
		rgba(231, 247, 253, .24) !important;
	box-shadow:
		0 30px 90px rgba(3, 24, 46, .14),
		inset 0 1px 0 rgba(255,255,255,.82),
		inset 0 -1px 0 rgba(6,24,70,.06) !important;
	backdrop-filter: blur(22px) saturate(152%) !important;
}

.dks-simple-plugin .dks-simple-grid {
	grid-template-columns: minmax(320px, .78fr) minmax(520px, 1.18fr) minmax(330px, .82fr);
	gap: clamp(18px, 2vw, 30px);
	width: min(1480px, 100%);
}

.dks-simple-plugin .dks-simple-hero,
.dks-simple-plugin .dks-simple-grid {
	width: min(1480px, 100%);
}

.dks-simple-plugin .dks-simple-room {
	align-content: center;
	min-height: 430px;
	background:
		radial-gradient(circle at 28% 18%, rgba(157,248,255,.36), transparent 27%),
		linear-gradient(rgba(143,239,240,.18) 1px, transparent 1px),
		linear-gradient(90deg, rgba(143,239,240,.14) 1px, transparent 1px),
		linear-gradient(145deg, rgba(7,70,122,.98), rgba(3,26,66,.98)) !important;
	background-size: cover, 30px 30px, 30px 30px, cover !important;
}

.dks-simple-plugin .dks-simple-room h2 {
	max-width: 620px;
	font-size: clamp(34px, 3.4vw, 56px);
}

.dks-simple-plugin .dks-simple-story {
	grid-template-columns: 1fr;
}

.dks-simple-plugin .dks-simple-story section {
	min-height: 112px;
}

.dks-simple-plugin .dks-ai-tool-grid article {
	min-height: 104px;
	background:
		radial-gradient(circle at top right, rgba(143,239,240,.34), transparent 46%),
		linear-gradient(145deg, rgba(255,255,255,.50), rgba(255,255,255,.18)) !important;
}

@media (max-width: 1180px) {
	.dks-simple-plugin .dks-simple-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 720px) {
	.dks-ai-tool-grid {
		grid-template-columns: 1fr;
	}
}

/* Delta Kursstudio: cool creative studio, LMS-governed social course production. */
:root {
	--dks-signal: #37c7d6;
	--dks-fill: rgba(228, 247, 253, .18);
	--dks-line: rgba(246, 253, 255, .72);
}

.dks-simple-plugin {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: clamp(22px, 3.4vw, 56px) !important;
	background:
		radial-gradient(circle at 10% 10%, rgba(151, 247, 255, .48), transparent 24%),
		radial-gradient(circle at 82% 8%, rgba(62, 190, 238, .26), transparent 25%),
		radial-gradient(circle at 58% 92%, rgba(7, 28, 63, .13), transparent 35%),
		linear-gradient(132deg, #eaf9ff 0%, #fbfeff 38%, #d8eef8 68%, #95b6c7 100%) !important;
}

.dks-simple-plugin::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		linear-gradient(rgba(6, 58, 104, .035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(6, 58, 104, .03) 1px, transparent 1px),
		radial-gradient(circle at 50% 0%, rgba(255,255,255,.62), transparent 31%);
	background-size: 42px 42px, 42px 42px, cover;
	mask-image: linear-gradient(180deg, rgba(0,0,0,.68), transparent 88%);
}

body:has(.dks-simple-plugin),
body:has(.dks-simple-plugin) .delta-site-main,
body:has(.dks-simple-plugin) .delta-elementor-page-main,
body:has(.dks-simple-plugin) .delta-front-main {
	background-color: #eaf9ff !important;
	background-image:
		radial-gradient(circle at 10% 8%, rgba(151,247,255,.40), transparent 24%),
		radial-gradient(circle at 84% 12%, rgba(62,190,238,.22), transparent 25%),
		linear-gradient(132deg, #eaf9ff 0%, #fbfeff 38%, #d8eef8 68%, #95b6c7 100%) !important;
}

.dks-simple-plugin .dks-simple-top,
.dks-simple-plugin .dks-simple-hero,
.dks-simple-plugin .dks-simple-brief,
.dks-simple-plugin .dks-simple-preview,
.dks-simple-plugin .dks-simple-side section {
	border-color: rgba(255,255,255,.76) !important;
	background:
		linear-gradient(145deg, rgba(255,255,255,.62), rgba(255,255,255,.20) 55%, rgba(143,239,240,.09)),
		rgba(228, 247, 253, .16) !important;
	box-shadow:
		0 30px 86px rgba(3, 24, 46, .13),
		inset 0 1px 0 rgba(255,255,255,.82),
		inset 0 -1px 0 rgba(6,24,70,.055) !important;
	backdrop-filter: blur(18px) saturate(152%) !important;
}

.dks-simple-plugin .dks-simple-top,
.dks-simple-plugin .dks-simple-hero,
.dks-simple-plugin .dks-course-switcher,
.dks-simple-plugin .dks-simple-grid {
	width: min(1480px, 100%) !important;
}

.dks-simple-plugin .dks-simple-top {
	margin: 0 auto;
}

.dks-simple-plugin .dks-simple-hero {
	align-items: center;
	padding: clamp(24px, 3vw, 38px);
}

.dks-simple-plugin .dks-simple-hero::before {
	content: "Kreativ kursproduksjon";
	display: inline-flex;
	width: fit-content;
	margin-right: 12px;
	padding: 7px 12px;
	border: 1px solid rgba(6, 24, 70, .12);
	border-radius: 999px;
	background: rgba(255, 255, 255, .44);
	color: rgba(6, 24, 70, .68);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.dks-simple-plugin .dks-simple-grid {
	grid-template-columns: minmax(300px, .78fr) minmax(560px, 1.2fr) minmax(320px, .82fr) !important;
	gap: clamp(18px, 2vw, 30px) !important;
	align-items: start;
}

.dks-simple-plugin .dks-simple-brief,
.dks-simple-plugin .dks-simple-preview,
.dks-simple-plugin .dks-simple-side,
.dks-simple-plugin .dks-simple-side section {
	min-width: 0;
}

.dks-simple-plugin .dks-simple .dks-title-input,
.dks-simple-plugin .dks-title-input {
	font-size: clamp(40px, 4.4vw, 76px);
	letter-spacing: -.055em;
}

.dks-simple-plugin .dks-summary-input,
.dks-simple-plugin .dks-simple-brief p,
.dks-simple-plugin .dks-simple-side p {
	color: rgba(6, 24, 70, .72) !important;
	font-weight: 650;
}

.dks-simple-plugin .dks-simple-room {
	align-content: center !important;
	min-height: 430px !important;
	background:
		linear-gradient(90deg, rgba(3,13,36,.10), rgba(3,13,36,.28) 42%, rgba(2,16,37,.74)),
		var(--dks-room-bg, radial-gradient(circle at 28% 18%, rgba(157,248,255,.36), transparent 27%)),
		linear-gradient(rgba(143,239,240,.18) 1px, transparent 1px),
		linear-gradient(90deg, rgba(143,239,240,.14) 1px, transparent 1px),
		linear-gradient(145deg, rgba(7,70,122,.98), rgba(3,26,66,.98)) !important;
	background-position: center, var(--dks-room-position, center), center, center, center !important;
	background-size: cover, cover, 30px 30px, 30px 30px, cover !important;
}

.dks-simple-plugin .dks-simple-room::before {
	content: "";
	position: absolute;
	inset: 18px;
	border: 1px solid rgba(255,255,255,.34);
	border-radius: 20px;
	pointer-events: none;
}

.dks-simple-plugin .dks-simple-room h2 {
	max-width: 660px;
	font-size: clamp(32px, 3.1vw, 52px) !important;
	letter-spacing: -.045em;
	overflow-wrap: normal;
}

.dks-simple-plugin .dks-simple-room p {
	font-size: clamp(15px, 1.15vw, 18px);
}

.dks-simple-plugin .dks-simple-story {
	grid-template-columns: 1fr !important;
}

.dks-simple-plugin .dks-simple-story section {
	min-height: 108px;
	background:
		linear-gradient(145deg, rgba(255,255,255,.46), rgba(255,255,255,.14)),
		rgba(228, 247, 253, .12) !important;
}

.dks-simple-plugin .dks-simple textarea,
.dks-simple-plugin .dks-background-fields input {
	border-color: rgba(255,255,255,.58) !important;
	background:
		linear-gradient(145deg, rgba(255,255,255,.46), rgba(255,255,255,.14)),
		rgba(255,255,255,.16) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.46);
}

.dks-background-fields {
	display: grid;
	gap: 10px;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid rgba(255,255,255,.32);
}

.dks-background-fields label,
.dks-background-fields span {
	display: grid;
	gap: 6px;
}

.dks-background-fields small {
	color: rgba(6, 24, 70, .66);
	font-size: 12px;
	font-weight: 650;
	line-height: 1.35;
}

.dks-background-fields span {
	margin: 0;
	color: var(--dks-blue);
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
}

.dks-background-fields input {
	width: 100%;
	min-height: 42px;
	padding: 0 12px;
	border: 1px solid rgba(255,255,255,.58);
	border-radius: 13px;
	color: var(--dks-ink);
	font: inherit;
	font-size: 13px;
	font-weight: 720;
}

.dks-simple-plugin .dks-ai-tool-grid article {
	position: relative;
	overflow: hidden;
	min-height: 104px;
	background:
		radial-gradient(circle at top right, rgba(143,239,240,.36), transparent 46%),
		linear-gradient(145deg, rgba(255,255,255,.50), rgba(255,255,255,.18)) !important;
}

.dks-simple-plugin .dks-ai-tool-grid article::after {
	content: "";
	position: absolute;
	right: -24px;
	bottom: -24px;
	width: 78px;
	height: 78px;
	border: 1px solid rgba(49,200,213,.24);
	border-radius: 999px;
}

@media (max-width: 1180px) {
	.dks-simple-plugin .dks-simple-grid {
		grid-template-columns: 1fr !important;
	}
}

/* Delta Kursstudio: honest studio controls and a cooler production-room identity. */
.dks-simple-plugin {
	background:
		radial-gradient(circle at 14% 12%, rgba(43, 213, 226, .34), transparent 24%),
		radial-gradient(circle at 86% 14%, rgba(12, 78, 139, .22), transparent 28%),
		linear-gradient(135deg, #e9f8fc 0%, #d5edf5 42%, #9fc4d5 72%, #55738c 100%) !important;
}

.dks-simple-plugin .dks-simple-top,
.dks-simple-plugin .dks-simple-hero,
.dks-simple-plugin .dks-simple-brief,
.dks-simple-plugin .dks-simple-preview,
.dks-simple-plugin .dks-simple-side section {
	background:
		linear-gradient(145deg, rgba(248, 253, 255, .42), rgba(116, 160, 181, .18) 54%, rgba(8, 38, 72, .10)),
		rgba(12, 50, 83, .10) !important;
}

.dks-creative-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 14px;
}

.dks-simple .dks-action-link,
.dks-simple .dks-ai-tool-card {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 16px;
	border: 1px solid rgba(255, 255, 255, .48);
	border-radius: 14px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, .34), rgba(42, 105, 137, .12)),
		rgba(255, 255, 255, .14);
	color: var(--dks-ink);
	font-size: 14px;
	font-weight: 850;
	text-decoration: none;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .48);
	transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.dks-simple .dks-action-link:hover,
.dks-simple .dks-ai-tool-card:hover {
	transform: translateY(-1px);
	border-color: rgba(55, 199, 214, .72);
	background:
		linear-gradient(145deg, rgba(255, 255, 255, .46), rgba(55, 199, 214, .16)),
		rgba(255, 255, 255, .18);
}

.dks-simple-room .dks-action-link {
	color: #fff;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, .22), rgba(55, 199, 214, .10)),
		rgba(4, 21, 48, .28);
}

.dks-simple-plugin .dks-ai-tool-grid a.dks-ai-tool-card {
	position: relative;
	align-items: flex-start;
	flex-direction: column;
	overflow: hidden;
	min-height: 104px;
	text-align: left;
}

.dks-simple-plugin .dks-ai-tool-grid a.dks-ai-tool-card::after {
	content: "";
	position: absolute;
	right: -24px;
	bottom: -24px;
	width: 78px;
	height: 78px;
	border: 1px solid rgba(49, 200, 213, .24);
	border-radius: 999px;
}

.dks-release-actions {
	grid-template-columns: 1fr !important;
	margin-top: 16px;
}

.dks-release-state {
	display: grid;
	gap: 4px;
	margin: 0;
	padding: 12px;
	border: 1px solid rgba(255, 255, 255, .42);
	border-radius: 14px;
	background: rgba(7, 36, 66, .12);
}

.dks-release-state strong,
.dks-release-state span {
	margin: 0;
	text-transform: none;
}

.dks-release-actions button:disabled {
	cursor: not-allowed;
	opacity: .52;
}

.dks-simple-plugin :target {
	scroll-margin-top: 96px;
}

.dks-simple-plugin a:focus-visible,
.dks-simple-plugin button:focus-visible,
.dks-simple-plugin input:focus-visible,
.dks-simple-plugin select:focus-visible,
.dks-simple-plugin textarea:focus-visible {
	outline: 3px solid rgba(55, 199, 214, .92);
	outline-offset: 3px;
}

.dks-course-switcher {
	display: grid;
	grid-template-columns: minmax(220px, .34fr) minmax(0, 1fr);
	gap: 16px;
	margin: 14px auto;
	padding: 16px;
	border: 1px solid rgba(255, 255, 255, .68);
	border-radius: 28px;
	box-shadow:
		0 18px 54px rgba(3, 24, 46, .10),
		inset 0 1px 0 rgba(255, 255, 255, .72);
	backdrop-filter: blur(16px) saturate(148%);
}

.dks-course-switcher > div {
	display: grid;
	align-content: center;
	gap: 5px;
}

.dks-course-switcher span,
.dks-media-brief-form span {
	color: var(--dks-blue);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.dks-course-switcher strong {
	color: var(--dks-ink);
	line-height: 1.2;
}

.dks-course-switcher nav {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	padding-bottom: 2px;
}

.dks-course-switcher a {
	display: grid;
	flex: 0 0 min(260px, 74vw);
	gap: 5px;
	min-height: 58px;
	padding: 12px 14px;
	border: 1px solid rgba(255, 255, 255, .50);
	border-radius: 18px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, .38), rgba(45, 112, 148, .12)),
		rgba(255, 255, 255, .12);
	color: var(--dks-ink);
	text-decoration: none;
}

.dks-course-switcher a.is-active {
	border-color: rgba(55, 199, 214, .84);
	box-shadow: 0 10px 26px rgba(18, 129, 155, .18), inset 0 1px 0 rgba(255, 255, 255, .70);
}

.dks-course-switcher small {
	color: rgba(6, 24, 70, .66);
	font-weight: 780;
}

.dks-media-brief-form {
	display: grid;
	gap: 10px;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid rgba(255, 255, 255, .34);
}

.dks-media-brief-form label {
	display: grid;
	gap: 6px;
}

.dks-media-brief-form input,
.dks-media-brief-form select,
.dks-media-brief-form textarea {
	width: 100%;
	min-height: 42px;
	padding: 10px 12px;
	border: 1px solid rgba(255, 255, 255, .58);
	border-radius: 13px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, .46), rgba(255, 255, 255, .14)),
		rgba(255, 255, 255, .16);
	color: var(--dks-ink);
	font: inherit;
	font-size: 13px;
	font-weight: 720;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .46);
}

.dks-media-brief-form textarea {
	min-height: 82px;
	resize: vertical;
}

@media (max-width: 860px) {
	.dks-course-switcher {
		grid-template-columns: 1fr;
	}
}

/* Delta Kursstudio delivery preview: playful production studio contract. */
.dks-sketch {
	min-height: 100svh;
	padding: clamp(22px, 3.6vw, 58px);
	color: #071846;
	font-family: var(--dks-font);
	background:
		radial-gradient(circle at 13% 10%, rgba(151, 247, 255, .48), transparent 24%),
		radial-gradient(circle at 82% 12%, rgba(49, 200, 213, .26), transparent 28%),
		radial-gradient(circle at 55% 94%, rgba(6, 24, 70, .14), transparent 35%),
		linear-gradient(132deg, #eaf9ff 0%, #fbfeff 38%, #d7eef8 68%, #8fb1c2 100%);
}

.dks-sketch,
.dks-sketch *,
.dks-sketch *::before,
.dks-sketch *::after {
	box-sizing: border-box;
}

.dks-sketch::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background:
		linear-gradient(rgba(6, 58, 104, .035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(6, 58, 104, .030) 1px, transparent 1px),
		radial-gradient(circle at 50% 0%, rgba(255, 255, 255, .62), transparent 31%);
	background-size: 42px 42px, 42px 42px, cover;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, .72), transparent 88%);
}

.dks-sketch > * {
	position: relative;
	z-index: 1;
	width: min(1480px, 100%);
	margin-right: auto;
	margin-left: auto;
}

.dks-sketch-top,
.dks-sketch-intro,
.dks-sketch-panel {
	border: 1px solid rgba(255, 255, 255, .76);
	background:
		linear-gradient(145deg, rgba(248, 253, 255, .62), rgba(255, 255, 255, .20) 55%, rgba(143, 239, 240, .09)),
		rgba(228, 247, 253, .16);
	box-shadow:
		0 30px 86px rgba(3, 24, 46, .13),
		inset 0 1px 0 rgba(255, 255, 255, .82),
		inset 0 -1px 0 rgba(6, 24, 70, .055);
	backdrop-filter: blur(18px) saturate(152%);
}

.dks-sketch-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 78px;
	padding: 0 24px;
	border-radius: 39px;
}

.dks-sketch-top span,
.dks-sketch-panel > span,
.dks-sketch-canvas-head span,
.dks-sketch-tools span {
	display: block;
	color: rgba(6, 58, 104, .82);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.dks-sketch-top strong {
	display: block;
	margin-top: 3px;
	font-size: clamp(24px, 2vw, 34px);
	letter-spacing: -.04em;
}

.dks-sketch-top nav {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.dks-sketch a {
	color: #071846;
	font-weight: 850;
	text-decoration: none;
}

.dks-sketch-top nav a,
.dks-sketch-scene a,
.dks-sketch-tools a {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	padding: 0 16px;
	border: 1px solid rgba(255, 255, 255, .50);
	border-radius: 14px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, .38), rgba(42, 105, 137, .12)),
		rgba(255, 255, 255, .14);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .48);
}

.dks-sketch-intro {
	margin-top: 18px;
	padding: 18px 22px;
	border-radius: 24px;
}

.dks-sketch-intro p,
.dks-sketch-panel p,
.dks-sketch-panel li {
	color: rgba(6, 24, 70, .74);
	font-weight: 650;
	line-height: 1.5;
}

.dks-sketch-board {
	display: grid;
	grid-template-columns: minmax(300px, .78fr) minmax(560px, 1.2fr) minmax(320px, .82fr);
	gap: clamp(18px, 2vw, 30px);
	margin-top: 18px;
	align-items: start;
}

.dks-sketch-panel {
	min-width: 0;
	padding: clamp(20px, 2vw, 30px);
	border-radius: 30px;
}

.dks-sketch-panel h1,
.dks-sketch-panel h2 {
	margin: 8px 0 0;
	color: #071846;
	line-height: 1.04;
	letter-spacing: -.045em;
}

.dks-sketch-panel h1 {
	font-size: clamp(32px, 3vw, 50px);
}

.dks-sketch-panel h2 {
	font-size: clamp(28px, 2.8vw, 46px);
}

.dks-sketch label {
	display: grid;
	gap: 8px;
	margin-top: 18px;
}

.dks-sketch small {
	color: rgba(6, 58, 104, .72);
	font-weight: 850;
}

.dks-sketch textarea,
.dks-sketch input {
	width: 100%;
	min-height: 44px;
	padding: 13px 14px;
	border: 1px solid rgba(255, 255, 255, .58);
	border-radius: 16px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, .48), rgba(255, 255, 255, .14)),
		rgba(255, 255, 255, .16);
	color: #071846;
	font: inherit;
	font-weight: 720;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .46);
}

.dks-sketch textarea {
	min-height: 130px;
	resize: vertical;
}

.dks-sketch-canvas {
	overflow: hidden;
}

.dks-sketch-course {
	display: grid;
	gap: 16px;
	margin-top: 18px;
}

.dks-sketch-scene {
	position: relative;
	display: grid;
	min-height: 430px;
	align-content: center;
	padding: clamp(24px, 3vw, 42px);
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .48);
	border-radius: 28px;
	background:
		linear-gradient(90deg, rgba(3, 13, 36, .10), rgba(3, 13, 36, .28) 42%, rgba(2, 16, 37, .74)),
		radial-gradient(circle at 28% 18%, rgba(157, 248, 255, .36), transparent 27%),
		linear-gradient(rgba(143, 239, 240, .18) 1px, transparent 1px),
		linear-gradient(90deg, rgba(143, 239, 240, .14) 1px, transparent 1px),
		linear-gradient(145deg, rgba(7, 70, 122, .98), rgba(3, 26, 66, .98));
	background-size: cover, cover, 30px 30px, 30px 30px, cover;
	color: #fff;
	box-shadow: 0 28px 76px rgba(3, 24, 46, .18), inset 0 1px 0 rgba(255, 255, 255, .42);
}

.dks-sketch-scene::before {
	content: "";
	position: absolute;
	inset: 18px;
	border: 1px solid rgba(255, 255, 255, .34);
	border-radius: 22px;
	pointer-events: none;
}

.dks-sketch-scene > * {
	position: relative;
	z-index: 1;
}

.dks-sketch-scene small {
	width: fit-content;
	padding: 8px 12px;
	border: 1px solid rgba(255, 255, 255, .34);
	border-radius: 999px;
	background: rgba(255, 255, 255, .12);
	color: rgba(255, 255, 255, .88);
}

.dks-sketch-scene h2 {
	max-width: 660px;
	margin-top: 14px;
	color: #fff;
	font-size: clamp(34px, 3.4vw, 58px);
}

.dks-sketch-scene p {
	max-width: 560px;
	color: rgba(255, 255, 255, .86);
	font-size: 18px;
}

.dks-sketch-scene div,
.dks-sketch-modules {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.dks-sketch-scene a {
	color: #fff;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, .22), rgba(55, 199, 214, .10)),
		rgba(4, 21, 48, .28);
}

.dks-sketch-modules article {
	flex: 1 1 112px;
	min-height: 70px;
	padding: 14px;
	border: 1px solid rgba(255, 255, 255, .52);
	border-radius: 18px;
	background:
		radial-gradient(circle at top right, rgba(143, 239, 240, .32), transparent 48%),
		linear-gradient(145deg, rgba(255, 255, 255, .48), rgba(255, 255, 255, .16));
	color: #071846;
	font-weight: 900;
}

.dks-sketch-tools {
	display: grid;
	gap: 16px;
}

.dks-sketch-tools section {
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, .52);
	border-radius: 22px;
	background:
		radial-gradient(circle at top right, rgba(143, 239, 240, .30), transparent 46%),
		linear-gradient(145deg, rgba(255, 255, 255, .46), rgba(255, 255, 255, .16));
}

.dks-sketch-tools ul {
	display: grid;
	gap: 10px;
	margin: 16px 0 0;
	padding-left: 18px;
}

@media (max-width: 1180px) {
	.dks-sketch-board {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 720px) {
	.dks-sketch {
		padding: 14px;
	}

	.dks-sketch-top {
		align-items: flex-start;
		flex-direction: column;
		padding: 18px;
		border-radius: 26px;
	}

	.dks-sketch-scene {
		min-height: 340px;
	}
}

.dks-ai-suggestions {
	display: grid;
	gap: .65rem;
	margin-top: 1rem;
	padding: 1rem;
	border: 1px solid rgba(7, 36, 74, .14);
	border-radius: 22px;
	background: rgba(255, 255, 255, .58);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}

.dks-ai-suggestions > strong {
	color: #061846;
	font-size: .98rem;
	font-weight: 850;
}

.dks-ai-suggestions p {
	margin: 0;
	color: rgba(6, 24, 70, .68);
	font-size: .84rem;
	line-height: 1.45;
}

.dks-ai-suggestions details {
	border: 1px solid rgba(6, 24, 70, .10);
	border-radius: 16px;
	padding: .7rem .8rem;
	background: rgba(255, 255, 255, .46);
}

.dks-ai-suggestions summary {
	cursor: pointer;
	font-weight: 800;
}

.dks-ai-suggestions pre {
	margin: .6rem 0 0;
	white-space: pre-wrap;
	color: rgba(6, 24, 70, .82);
	font: inherit;
	font-size: .82rem;
	line-height: 1.45;
}

/* Delta Kursstudio 26.05.39: less milk, safer title scaling, stable studio grid. */
.dks-simple-plugin .dks-simple-top,
.dks-simple-plugin .dks-simple-hero,
.dks-simple-plugin .dks-simple-brief,
.dks-simple-plugin .dks-simple-preview,
.dks-simple-plugin .dks-simple-side section {
	background:
		linear-gradient(145deg, rgba(248, 253, 255, .18), rgba(116, 160, 181, .09) 54%, rgba(8, 38, 72, .12)),
		rgba(12, 50, 83, .055) !important;
	backdrop-filter: blur(14px) saturate(156%) contrast(1.06) !important;
}

.dks-simple-plugin .dks-simple-hero {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	overflow: visible;
}

.dks-simple-plugin .dks-simple-hero > div {
	min-width: 0;
}

.dks-simple-plugin .dks-simple .dks-title-input,
.dks-simple-plugin .dks-title-input {
	max-width: 100%;
	min-height: 1.22em;
	overflow: visible;
	font-size: clamp(38px, 4vw, 64px) !important;
	letter-spacing: -.048em;
	line-height: 1.08;
	text-overflow: clip;
}

.dks-simple-plugin .dks-simple-hero strong {
	white-space: nowrap;
}

@media (max-width: 1280px) {
	.dks-simple-plugin .dks-simple-grid {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.dks-simple-plugin .dks-simple-room {
		min-height: 360px !important;
	}
}

@media (max-width: 760px) {
	.dks-simple-plugin .dks-simple-hero {
		grid-template-columns: 1fr;
	}

	.dks-simple-plugin .dks-simple .dks-title-input,
	.dks-simple-plugin .dks-title-input {
		font-size: clamp(34px, 11vw, 50px) !important;
	}
}

/* Delta Kursstudio 26.05.40: own the page wrapper so the studio can breathe. */
body.delta-kursstudio-page .delta-site-main,
body:has(.dks-simple-plugin) .delta-site-main {
	padding: clamp(16px, 2.8vw, 44px) 0 !important;
}

body.delta-kursstudio-page .delta-content-shell,
body:has(.dks-simple-plugin) .delta-content-shell {
	width: min(1480px, calc(100vw - 32px)) !important;
	max-width: min(1480px, calc(100vw - 32px)) !important;
}

body.delta-kursstudio-page .delta-content-card,
body:has(.dks-simple-plugin) .delta-content-card {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.delta-kursstudio-page .delta-entry-title,
body:has(.dks-simple-plugin) .delta-entry-title {
	display: none !important;
}

body.delta-kursstudio-page .delta-entry-content,
body:has(.dks-simple-plugin) .delta-entry-content {
	color: inherit !important;
	font: inherit !important;
	line-height: inherit !important;
}

body.delta-kursstudio-page .dks-simple-plugin,
body:has(.dks-simple-plugin) .dks-simple-plugin {
	width: min(1480px, 100%) !important;
	margin: 0 auto !important;
}

/* Delta Kursstudio 26.05.50: guided creative flow, not an exposed admin form. */
.dks-flow,
.dks-flow *,
.dks-flow *::before,
.dks-flow *::after {
	box-sizing: border-box;
}

.dks-flow {
	--dks-flow-ink: #061846;
	--dks-flow-muted: rgba(6, 24, 70, .66);
	--dks-flow-line: rgba(238, 251, 255, .72);
	--dks-flow-glass: rgba(238, 249, 252, .28);
	position: relative;
	isolation: isolate;
	min-height: 100svh;
	padding: clamp(16px, 2.6vw, 42px);
	overflow: hidden;
	color: var(--dks-flow-ink);
	font-family: var(--dks-font);
	background:
		radial-gradient(circle at 13% 8%, rgba(143, 239, 240, .44), transparent 25%),
		radial-gradient(circle at 88% 12%, rgba(6, 58, 104, .16), transparent 28%),
		linear-gradient(128deg, #e4f1f6 0%, #fbfdfe 42%, #d7e7ee 70%, #9ab3c0 100%);
}

.dks-flow::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		linear-gradient(rgba(6, 58, 104, .035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(6, 58, 104, .030) 1px, transparent 1px);
	background-size: 48px 48px;
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, .54), transparent 78%);
}

.dks-flow > * {
	width: min(1480px, 100%);
	margin-right: auto;
	margin-left: auto;
}

.dks-flow-top,
.dks-flow-prompt,
.dks-flow-compass details,
.dks-flow-mini-scene,
.dks-flow-canvas,
.dks-flow-rail,
.dks-flow-drawer,
.dks-flow-course-tray {
	border: 1px solid var(--dks-flow-line);
	background:
		linear-gradient(145deg, rgba(255, 255, 255, .42), rgba(161, 200, 216, .12)),
		var(--dks-flow-glass);
	box-shadow:
		0 30px 90px rgba(3, 22, 42, .14),
		inset 0 1px 0 rgba(255, 255, 255, .72),
		inset 0 -1px 0 rgba(6, 24, 70, .045);
	backdrop-filter: blur(18px) saturate(150%);
}

.dks-flow-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 76px;
	padding: 0 clamp(18px, 2vw, 26px);
	border-radius: 38px;
}

.dks-flow-brand,
.dks-flow-status,
.dks-flow-actionline,
.dks-flow-canvas-head,
.dks-flow-steps li {
	display: flex;
	align-items: center;
}

.dks-flow-brand {
	gap: 13px;
	color: inherit;
	text-decoration: none;
}

.dks-flow-brand strong,
.dks-flow-brand small,
.dks-flow-status span,
.dks-flow-status strong {
	display: block;
}

.dks-flow-brand strong {
	font-size: 1.08rem;
	font-weight: 900;
	letter-spacing: -.025em;
}

.dks-flow-brand small,
.dks-flow-status span,
.dks-flow-prompt > span,
.dks-flow-canvas-head span,
.dks-flow summary small,
.dks-flow-steps span {
	color: var(--dks-flow-muted);
	font-size: .78rem;
	font-weight: 850;
	letter-spacing: .055em;
	text-transform: uppercase;
}

.dks-flow-mark {
	position: relative;
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	border: 2px solid rgba(6, 24, 70, .82);
	border-radius: 13px;
	background:
		radial-gradient(circle at 28% 24%, rgba(143, 239, 240, .98), transparent 30%),
		linear-gradient(135deg, rgba(255, 255, 255, .8), rgba(6, 58, 104, .26));
}

.dks-flow-mark::before,
.dks-flow-mark::after {
	content: "";
	position: absolute;
	left: 8px;
	right: 8px;
	height: 2px;
	border-radius: 999px;
	background: currentColor;
}

.dks-flow-mark::before {
	top: 10px;
}

.dks-flow-mark::after {
	bottom: 10px;
}

.dks-flow-status {
	gap: 12px;
	justify-content: flex-end;
	text-align: right;
}

.dks-flow-status strong {
	min-width: 86px;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .44);
	font-weight: 900;
}

.dks-flow-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(290px, .55fr);
	gap: clamp(16px, 2vw, 28px);
	margin-top: clamp(18px, 2vw, 28px);
	align-items: stretch;
}

.dks-flow-prompt {
	display: grid;
	align-content: center;
	min-height: clamp(350px, 42svh, 520px);
	padding: clamp(26px, 4vw, 62px);
	border-radius: clamp(30px, 3vw, 48px);
}

.dks-flow-prompt h1 {
	max-width: 920px;
	margin: 12px 0 24px;
	font-size: clamp(44px, 6.4vw, 88px);
	font-weight: 950;
	letter-spacing: -.07em;
	line-height: .88;
}

.dks-flow label {
	display: grid;
	gap: 8px;
	margin: 0;
}

.dks-flow input,
.dks-flow textarea,
.dks-flow select {
	width: 100%;
	border: 1px solid rgba(255, 255, 255, .72);
	border-radius: 22px;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, .68), rgba(255, 255, 255, .18)),
		rgba(255, 255, 255, .22);
	color: var(--dks-flow-ink);
	font: inherit;
	font-weight: 720;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .64);
}

.dks-flow input {
	min-height: 52px;
	padding: 0 17px;
}

.dks-flow .dks-flow-title {
	max-width: 860px;
	min-height: auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: rgba(6, 24, 70, .76);
	font-size: clamp(1.18rem, 1.8vw, 2rem);
	font-weight: 900;
	letter-spacing: -.035em;
}

.dks-flow textarea {
	min-height: 132px;
	padding: 18px;
	resize: vertical;
	line-height: 1.45;
}

.dks-flow-prompt textarea {
	max-width: 860px;
	min-height: 126px;
	font-size: clamp(1.15rem, 1.5vw, 1.55rem);
	letter-spacing: -.015em;
}

.dks-flow-actionline {
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 22px;
}

.dks-flow-primary,
.dks-flow button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 0 21px;
	border: 1px solid rgba(255, 255, 255, .48);
	border-radius: 16px;
	background:
		linear-gradient(180deg, #0b4779, #021c3f),
		#061846;
	color: #fff;
	font: inherit;
	font-weight: 900;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 18px 36px rgba(2, 28, 63, .22), inset 0 1px 0 rgba(255, 255, 255, .28);
}

.dks-flow button[disabled] {
	opacity: .48;
	cursor: not-allowed;
}

.dks-flow-actionline p {
	max-width: 360px;
	margin: 0;
	color: var(--dks-flow-muted);
	font-weight: 720;
	line-height: 1.45;
}

.dks-flow-compass,
.dks-flow-rail {
	display: grid;
	gap: 14px;
}

.dks-flow-compass {
	align-self: start;
	align-content: start;
}

.dks-flow-compass details,
.dks-flow-drawer,
.dks-flow-course-tray {
	padding: 18px;
	border-radius: 26px;
}

.dks-flow-mini-scene {
	position: relative;
	display: grid;
	min-height: 210px;
	align-content: end;
	gap: 11px;
	overflow: hidden;
	padding: 22px;
	border-radius: 28px;
	color: #fff;
	background:
		linear-gradient(130deg, rgba(3, 13, 36, .18), rgba(2, 18, 43, .88)),
		var(--dks-room-bg, radial-gradient(circle at 22% 18%, rgba(143, 239, 240, .42), transparent 28%)),
		linear-gradient(145deg, #0b4c7f, #031a42);
	background-size: cover, cover, cover;
	background-position: center center, var(--dks-room-position, center center), center center;
}

.dks-flow-mini-scene::before {
	content: "";
	position: absolute;
	inset: 14px;
	border: 1px solid rgba(255, 255, 255, .30);
	border-radius: 22px;
	pointer-events: none;
}

.dks-flow-mini-scene > * {
	position: relative;
	z-index: 1;
}

.dks-flow-mini-scene small,
.dks-flow-mini-scene span {
	display: inline-flex;
	width: fit-content;
	padding: 7px 10px;
	border: 1px solid rgba(255, 255, 255, .34);
	border-radius: 999px;
	background: rgba(255, 255, 255, .12);
	color: rgba(255, 255, 255, .88);
	font-size: .78rem;
	font-weight: 850;
}

.dks-flow-mini-scene strong {
	max-width: 300px;
	color: #fff;
	font-size: clamp(1.55rem, 2.5vw, 2.45rem);
	font-weight: 950;
	letter-spacing: -.055em;
	line-height: .98;
}

.dks-flow summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	list-style: none;
	cursor: pointer;
}

.dks-flow summary::-webkit-details-marker {
	display: none;
}

.dks-flow summary::after {
	content: "+";
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid rgba(6, 24, 70, .12);
	border-radius: 999px;
	background: rgba(255, 255, 255, .38);
	font-weight: 950;
}

.dks-flow details[open] summary::after {
	content: "-";
}

.dks-flow summary strong {
	display: block;
	font-size: clamp(1.15rem, 1.5vw, 1.45rem);
	font-weight: 950;
	letter-spacing: -.035em;
}

.dks-flow details p,
.dks-flow-release-state,
.dks-flow-empty {
	margin: 14px 0 0;
	color: var(--dks-flow-muted);
	font-weight: 700;
	line-height: 1.5;
}

.dks-flow-details-grid,
.dks-flow-background-grid,
.dks-flow-media-grid {
	display: grid;
	gap: 12px;
	margin-top: 16px;
}

.dks-flow-workbench {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, .38fr);
	gap: clamp(16px, 2vw, 28px);
	margin-top: clamp(16px, 2vw, 28px);
	align-items: start;
}

.dks-flow-canvas {
	padding: clamp(18px, 2.4vw, 30px);
	border-radius: clamp(28px, 3vw, 44px);
}

.dks-flow-canvas-head {
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 16px;
}

.dks-flow-canvas-head strong {
	max-width: 680px;
	font-size: clamp(1.4rem, 2vw, 2.25rem);
	font-weight: 950;
	letter-spacing: -.045em;
	text-align: right;
}

.dks-flow-scene {
	position: relative;
	display: grid;
	min-height: clamp(390px, 42vw, 620px);
	align-content: end;
	overflow: hidden;
	padding: clamp(24px, 4vw, 58px);
	border: 1px solid rgba(255, 255, 255, .62);
	border-radius: clamp(28px, 3vw, 42px);
	background:
		linear-gradient(105deg, rgba(4, 13, 34, .08), rgba(4, 19, 44, .40) 46%, rgba(2, 16, 37, .86)),
		radial-gradient(circle at 26% 18%, rgba(143, 239, 240, .42), transparent 27%),
		var(--dks-room-bg, linear-gradient(145deg, rgba(11, 76, 127, .0), rgba(3, 26, 66, .0))),
		linear-gradient(rgba(143, 239, 240, .15) 1px, transparent 1px),
		linear-gradient(90deg, rgba(143, 239, 240, .12) 1px, transparent 1px),
		linear-gradient(145deg, #0b4c7f, #031a42);
	background-size: cover, cover, cover, 34px 34px, 34px 34px, cover;
	background-position: center center, center center, var(--dks-room-position, center center), center center, center center, center center;
	color: #fff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .36);
}

.dks-flow-scene::before {
	content: "";
	position: absolute;
	inset: clamp(16px, 2vw, 28px);
	border: 1px solid rgba(255, 255, 255, .28);
	border-radius: clamp(22px, 2.4vw, 34px);
	pointer-events: none;
}

.dks-flow-scene > div {
	position: relative;
	z-index: 1;
	max-width: 780px;
}

.dks-flow-scene small,
.dks-flow-scene span {
	display: inline-flex;
	width: fit-content;
	padding: 9px 13px;
	border: 1px solid rgba(255, 255, 255, .34);
	border-radius: 999px;
	background: rgba(255, 255, 255, .12);
	color: rgba(255, 255, 255, .88);
	font-weight: 850;
}

.dks-flow-scene h2 {
	margin: 16px 0;
	color: #fff;
	font-size: clamp(38px, 4.8vw, 78px);
	font-weight: 950;
	letter-spacing: -.064em;
	line-height: .94;
}

.dks-flow-scene p {
	max-width: 590px;
	margin: 0 0 18px;
	color: rgba(255, 255, 255, .86);
	font-size: clamp(1rem, 1.2vw, 1.22rem);
	font-weight: 720;
	line-height: 1.45;
}

.dks-flow-rail {
	padding: 16px;
	border-radius: 30px;
}

.dks-flow-steps {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dks-flow-steps li {
	gap: 12px;
	min-height: 58px;
	padding: 0 14px;
	border: 1px solid rgba(255, 255, 255, .58);
	border-radius: 18px;
	background: rgba(255, 255, 255, .28);
}

.dks-flow-steps strong {
	font-weight: 930;
}

.dks-flow-drawer textarea,
.dks-flow-drawer input,
.dks-flow-drawer select {
	margin-top: 14px;
}

.dks-flow-release-actions {
	display: grid;
	gap: 10px;
	margin-top: 14px;
}

.dks-flow-release-actions form,
.dks-flow-ai-form,
.dks-flow-media-form,
.dks-flow-review-form {
	margin: 0;
}

.dks-flow-course-tray {
	margin-top: clamp(16px, 2vw, 24px);
}

.dks-flow-course-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 16px;
}

.dks-flow-course-list a {
	display: inline-grid;
	gap: 3px;
	min-width: 168px;
	padding: 12px 14px;
	border: 1px solid rgba(255, 255, 255, .58);
	border-radius: 17px;
	background: rgba(255, 255, 255, .28);
	color: inherit;
	font-weight: 850;
	text-decoration: none;
}

.dks-flow-course-list a.is-active {
	background: rgba(143, 239, 240, .28);
}

.dks-flow-course-list small {
	color: var(--dks-flow-muted);
	font-weight: 720;
}

.dks-flow-contract {
	display: grid;
	gap: 8px;
	margin: 14px 0 0;
}

.dks-flow-contract div {
	display: grid;
	grid-template-columns: 116px minmax(0, 1fr);
	gap: 10px;
	padding: 10px 0;
	border-top: 1px solid rgba(6, 24, 70, .09);
}

.dks-flow-contract dt,
.dks-flow-contract dd {
	margin: 0;
}

.dks-flow-contract dt {
	color: var(--dks-flow-muted);
	font-weight: 850;
}

.dks-flow-contract dd {
	font-weight: 780;
	word-break: break-word;
}

.dks-flow .dks-ai-suggestions {
	background: rgba(255, 255, 255, .36);
}

.dks-flow a:focus-visible,
.dks-flow button:focus-visible,
.dks-flow input:focus-visible,
.dks-flow select:focus-visible,
.dks-flow summary:focus-visible,
.dks-flow textarea:focus-visible {
	outline: 3px solid rgba(49, 200, 213, .9);
	outline-offset: 4px;
}

body.delta-kursstudio-page .delta-site-main,
body:has(.dks-flow-plugin) .delta-site-main {
	padding: clamp(16px, 2.8vw, 44px) 0 !important;
}

body.delta-kursstudio-page .delta-content-shell,
body:has(.dks-flow-plugin) .delta-content-shell {
	width: min(1480px, calc(100vw - 32px)) !important;
	max-width: min(1480px, calc(100vw - 32px)) !important;
}

body.delta-kursstudio-page .delta-content-card,
body:has(.dks-flow-plugin) .delta-content-card {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.delta-kursstudio-page .delta-entry-title,
body:has(.dks-flow-plugin) .delta-entry-title {
	display: none !important;
}

body.delta-kursstudio-page .delta-entry-content,
body:has(.dks-flow-plugin) .delta-entry-content {
	color: inherit !important;
	font: inherit !important;
	line-height: inherit !important;
}

body.delta-kursstudio-page .dks-flow-plugin,
body:has(.dks-flow-plugin) .dks-flow-plugin {
	width: min(1480px, 100%) !important;
	margin: 0 auto !important;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 1100px) {
	.dks-flow-hero,
	.dks-flow-workbench {
		grid-template-columns: 1fr;
	}

	.dks-flow-compass {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.dks-flow {
		padding: 12px;
	}

	.dks-flow-top,
	.dks-flow-status,
	.dks-flow-actionline,
	.dks-flow-canvas-head {
		align-items: flex-start;
		flex-direction: column;
		text-align: left;
	}

	.dks-flow-compass {
		grid-template-columns: 1fr;
	}

	.dks-flow-prompt {
		min-height: auto;
		padding: 24px;
	}

	.dks-flow-prompt h1 {
		font-size: clamp(42px, 15vw, 68px);
	}

	.dks-flow-canvas-head strong {
		text-align: left;
	}

	.dks-flow-scene {
		min-height: 360px;
	}
}