.dk-description{color:#475569;margin-bottom:12px}.dk-privacy{margin:6px 0 0;font-size:.78rem;color:#94a3b8}.dk-layout{display:flex;gap:28px;max-width:1120px;margin:20px auto 40px;padding:0 4px;align-items:flex-start}.dk-form{width:400px;flex-shrink:0;text-align:left}.dk-form .fs-title{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{flex:1;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{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:12px;background:#f4f6f7;margin-top:14px}.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-layout{flex-direction:column}.dk-form{width:100%}.dk-preview{position:static;width:100%}}@media print{.dk-layout{display:none!important}}