.ct{grid-template-columns:1fr;gap:14px;margin-bottom:40px;display:grid}@media (min-width:900px){.ct{grid-template-columns:minmax(0,1fr) 260px}}.ct-stage{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);touch-action:none;aspect-ratio:17/22;background:#fff;width:min(100%,77.2727vh - 115.909px);min-width:min(100%,420px);margin:0 auto;position:relative;overflow:hidden}.ct-view{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.ct-view canvas{width:100%;height:100%;position:absolute;inset:0}.ct-view .ct-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ct-zoom{z-index:2;gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.ct-zoom button{border:1px solid var(--line);cursor:pointer;width:38px;height:38px;box-shadow:var(--shadow);color:var(--ink);background:#fffffff2;border-radius:999px;font-size:1.25rem;font-weight:700;line-height:1}.ct-zoom button:disabled{opacity:.4;cursor:default}.ct-zoom .ct-zoom-fit{width:auto;padding:0 12px;font-size:.8rem}.ct-stage .ct-loading{color:var(--muted);background:#ffffffd9;place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.ct-panel{flex-direction:column;gap:14px;display:flex}.ct-mode{background:#f1ede6;border-radius:999px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.ct-mode button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 10px;font-size:.85rem;font-weight:700}.ct-mode button[aria-pressed=true]{color:var(--ink);box-shadow:var(--shadow);background:#fff}.ct-check{color:var(--muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.ct-tools{flex-wrap:wrap;gap:6px;display:flex}.ct-tools-big button{padding:12px 10px;font-size:1rem}.ct-palette-big{grid-template-columns:repeat(4,1fr);gap:10px}.ct-palette-big .ct-swatch{border-radius:12px}.ct-tools button{flex:auto}.ct-tools button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.ct-palette{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.ct-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #00000014;border-radius:8px;padding:0}.ct-swatch[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:1px}.ct-size{color:var(--muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.ct-size input{flex:1}.ct-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ct-toast{color:var(--accent);min-height:1.2em;font-size:.85rem;font-weight:600}.ct-print{display:none}@media print{@page{margin:8mm}body>:not(.ct-print){display:none!important}html,body{background:#fff;height:auto;margin:0;padding:0;overflow:visible}.ct-print{page-break-after:avoid;break-inside:avoid;width:100%;height:100vh;display:block}.ct-print img{object-fit:contain;width:100%;height:100%;display:block}}.ct-bar{display:none}@media (max-width:899px){.ct-panel{display:none}.ct{margin-bottom:0}.ct-stage{width:min(100%,77.2727vh - 247.273px);min-width:0}.ct-bar{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fffffff7;display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px -16px #00000040}.ct-bar-row{flex-wrap:nowrap;align-items:center;gap:5px;margin-bottom:8px;display:flex}.ct-bar-row .ct-tools{flex-wrap:nowrap;gap:5px;display:flex}.ct-bar .btn{white-space:nowrap;padding:8px 9px;font-size:.78rem}.ct-bar-gap{flex:1}.ct-bar-palette-row{align-items:center;gap:6px;margin-bottom:8px;display:flex}.ct-bar-palette{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;gap:8px;min-width:0;padding:2px 2px 4px;display:flex;overflow-x:auto}.ct-bar-palette::-webkit-scrollbar{display:none}.ct-bar-palette .ct-swatch{border-radius:10px;flex:0 0 36px;width:36px;height:36px}.ct-palette-toggle{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;flex:0 0 36px;font-size:1.1rem;line-height:1}.ct-bar-grid{border-bottom:1px solid var(--line);grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:10px;padding:4px 2px 12px;display:grid}.ct-bar-grid-big{grid-template-columns:repeat(6,1fr)}.ct-bar-grid .ct-swatch{border-radius:10px}.ct-bar-opts{border-bottom:1px solid var(--line);align-items:center;gap:14px;margin-bottom:8px;padding:2px 2px 10px;display:flex}.ct-bar-opts .ct-size{white-space:nowrap;flex:1}.ct-bar-actions{flex-wrap:nowrap;align-items:center;gap:5px;display:flex}.ct-bar-actions .ct-mode{flex:none;padding:2px}.ct-bar-actions .ct-mode button{padding:6px 8px;font-size:.74rem}.ct-bar-actions .btn{text-align:center;flex:auto;padding:8px;font-size:.74rem}.ct-bar-toast{min-height:0;margin-top:4px}.tool-page{padding-bottom:190px}}