.dk-description{color:#475569;margin-bottom:12px}.dk-privacy{margin:6px 0 0;font-size:.78rem;color:#94a3b8}.dk-layout{max-width:1120px;margin:20px auto 40px}.dk-form{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);grid-template-areas:"entry preview" "settings preview" "footnote preview";gap:18px 28px;text-align:left;align-items:start}.dk-entry{grid-area:entry}.dk-settings{grid-area:settings;border:1px solid var(--card-border);border-radius:12px;padding:0 16px;background:var(--card-bg)}.dk-settings summary{cursor:pointer;font-weight:600;min-height:48px;display:flex;align-items:center;justify-content:space-between}.dk-settings summary:after{content:"+";color:var(--text-sub)}.dk-settings[open] summary:after{content:"−"}.dk-settings[open]{padding-bottom:16px}.dk-footnote{grid-area:footnote}.dk-form .fs-title{display:block;font-size:15px;font-weight:700;color:#333;margin:22px 0 8px;padding-bottom:5px;border-bottom:2px solid var(--accent, #2a9d8f)}.dk-form .fs-title:first-child{margin-top:0}.dk-textinput{width:100%;box-sizing:border-box;font-size:20px;font-weight:700;color:#222;padding:12px;border:1px solid #ccc;border-radius:8px;background:#fff;text-align:center;letter-spacing:.04em}.dk-hint{font-size:11.5px;color:#888;margin:6px 0 0;line-height:1.6}.dk-chip-row{display:flex;flex-wrap:wrap;gap:6px}.dk-chip{position:relative;padding:8px 12px;font-size:13px;font-weight:600;border:1px solid #cbd5e1;border-radius:16px;background:#fff;color:#444;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.dk-chip input{position:absolute;opacity:0;pointer-events:none}.dk-chip:hover{border-color:var(--accent, #2a9d8f);color:var(--accent, #2a9d8f)}.dk-chip:has(input:checked),.dk-chip.is-active{background:var(--accent, #2a9d8f);border-color:var(--accent, #2a9d8f);color:#fff}.dk-chip[data-preset]:before{content:"";display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px;border:1px solid rgba(0,0,0,.18)}.dk-chip[data-preset=red]:before{background:#ff2b2b}.dk-chip[data-preset=yellow]:before{background:#ffd400}.dk-chip[data-preset=white]:before{background:#fff}.dk-chip[data-preset=cyan]:before{background:#33e6ff}.dk-color-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px}.dk-color-field{display:flex;flex-direction:column;gap:4px}.dk-color-field label{font-size:12px;font-weight:600;color:#555}.dk-color-field input[type=color]{width:56px;height:34px;padding:2px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer}.dk-range-row{display:flex;align-items:center;gap:10px;margin-top:10px}.dk-range-row label{font-size:12.5px;color:#555;font-weight:600;width:56px;flex-shrink:0}.dk-range-row input[type=range]{flex:1}.dk-range-row input[type=range]:disabled{opacity:.4}.dk-range-val{font-size:12px;color:#666;min-width:56px;text-align:right}.dk-checkline{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:13.5px;color:#333;cursor:pointer}.dk-checkline input{width:auto}.dk-reset-btn{padding:6px 14px;font-size:12.5px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#555;cursor:pointer;margin-top:22px}.dk-reset-btn:hover{color:#c0392b;border-color:#c0392b}.dk-preview{grid-area:preview;min-width:0;position:sticky;top:16px;align-self:flex-start;text-align:center}.dk-btn{border:none;border-radius:8px;padding:13px 10px;font-size:14.5px;font-weight:600;cursor:pointer;transition:opacity .2s}.dk-btn:hover{opacity:.85}.dk-btn-primary{background:var(--accent, #2a9d8f);color:#fff}.dk-btn-sub{background:#fff;color:var(--accent, #2a9d8f);border:1px solid var(--accent, #2a9d8f)}.dk-fs-btn{margin-top:14px;width:100%;padding:16px 10px;font-size:16px}.dk-fs-note{font-size:12.5px;color:#888;margin:10px 0 0;line-height:1.7}.dk-wakelock-note{background:#fff8ee;border:1px solid #f0d9a8;border-radius:8px;padding:8px 12px;margin:10px 0 0;font-size:11.5px;line-height:1.6;color:#6b5326;text-align:left}.dk-stage-outer{border:1px solid #e6edee;border-radius:12px;padding:0;background:#000;margin-top:0}.dk-stage{position:relative;width:100%;aspect-ratio:16 / 9;max-height:320px;background:#000;border-radius:10px;overflow:hidden;cursor:default}.dk-stage.dk-fullscreen{position:fixed;inset:0;width:100vw;height:100vh;max-height:none;aspect-ratio:auto;border-radius:0;z-index:2147483000;touch-action:none;cursor:pointer}body.dk-active{overflow:hidden}#dkCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}.dk-stage-hint{position:absolute;left:50%;top:16px;transform:translate(-50%);background:#0f172abf;color:#fff;padding:8px 16px;border-radius:999px;font-size:.85rem;opacity:0;pointer-events:none;transition:opacity .5s ease;white-space:nowrap;z-index:3;max-width:88%;text-align:center}.dk-stage-hint.is-visible{opacity:1}.dk-rotate-hint{position:absolute;left:12px;bottom:12px;background:#0f172a99;color:#fff;padding:6px 12px;border-radius:999px;font-size:.75rem;opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:3}.dk-rotate-hint.is-visible{opacity:1}.dk-exit-menu{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0f172ad1;z-index:4;color:#fff;text-align:center}.dk-exit-menu p{margin:0 0 4px;font-size:1rem}.dk-exit-menu .dk-btn{min-width:160px}.dk-fs-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:none;background:#0f172a8c;color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center}.dk-fs-close:hover{background:#0f172ad9}.dk-preview-caption{font-size:12px;color:#888;margin-top:10px;line-height:1.6}@media (max-width: 940px){.dk-form{grid-template-columns:1fr;grid-template-areas:"entry" "preview" "settings" "footnote";gap:16px}.dk-preview{position:static;width:100%}}@media print{.dk-layout{display:none!important}}@media screen and (max-width: 600px){.dk-layout{margin:12px auto 24px}.dk-form{gap:10px}.dk-form .fs-title{font-size:13px;border:0;padding:0;margin-bottom:6px;font-weight:600;color:var(--text-sub)}.dk-textinput{font-size:var(--fs-input);font-weight:500;text-align:left;padding:10px 12px;min-height:var(--tap-min);letter-spacing:0}.dk-stage-outer,.dk-stage{border-radius:8px}.dk-fs-btn{padding:10px;font-size:14px;min-height:var(--tap-min);margin-top:10px}.dk-settings{padding:0 12px;border-radius:8px}.dk-settings summary{min-height:var(--tap-min);font-size:13px}.dk-fs-note{font-size:12px;margin-top:6px}.dk-footnote .dk-privacy{margin:4px 0}.dk-layout{margin-top:8px}.dk-form{gap:8px}.dk-form .fs-title{font-size:12px;margin-bottom:4px}.dk-textinput{padding:9px 10px;min-height:var(--tap-min);line-height:24px}.dk-fs-btn{position:relative;min-height:40px;height:40px;padding:8px 10px;font-size:13px;margin-top:8px;border-radius:6px}.dk-fs-btn:before{content:"";position:absolute;inset:-2px}.dk-settings{border-radius:6px;padding:0 10px}.dk-settings summary{min-height:40px;font-size:12px;position:relative}.dk-settings summary:before{content:"";position:absolute;inset:-2px 0}.dk-hint,.dk-fs-note{margin-top:4px}}
